/* ---------------------------------------------------------------
   assets/css/taxonomy.css

   Páginas de /provincia/{x}/ y /especialidad/{y}/. Reutiliza las
   tarjetas de inicio.css (.p-card y compañía), así que aquí solo va
   lo propio de la página: cabecera, enlaces internos y rejilla.
   --------------------------------------------------------------- */

.tx-wrap { max-width: 1140px; margin: 0 auto; padding: 26px 22px 70px; }

.tx-migas { font-size: 13px; color: #8E857C; margin-bottom: 20px; }
.tx-migas a { color: #8E857C; text-decoration: none; }
.tx-migas a:hover { color: #C15F3C; }

.tx-cabecera { max-width: 760px; margin-bottom: 34px; }
.tx-h1 { font-family: "Schibsted Grotesk", Helvetica, Arial, sans-serif; font-size: 38px; line-height: 1.12; font-weight: 800; color: #2C2A28; letter-spacing: -.8px; margin: 0; }
.tx-intro { font-size: 16px; line-height: 1.65; color: #6E6862; margin: 16px 0 0; }
.tx-intro p { margin: 0 0 12px; }

.tx-cta { display: inline-block; margin-top: 20px; padding: 12px 24px; border-radius: 999px; background: #C15F3C; color: #fff; font-size: 15px; font-weight: 700; text-decoration: none; }
.tx-cta:hover { background: #A94E2E; }

.tx-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.tx-precio { margin-top: 12px; font-size: 17px; font-weight: 800; color: #C15F3C; }
.tx-precio span { font-size: 13px; font-weight: 400; color: #8E857C; }

.tx-paginacion { margin-top: 34px; }
.tx-paginacion .page-numbers { display: inline-block; padding: 8px 14px; margin-right: 6px; border: 1px solid #E7DDD1; border-radius: 9px; color: #6E6862; text-decoration: none; font-size: 14px; }
.tx-paginacion .page-numbers.current { background: #C15F3C; border-color: #C15F3C; color: #fff; font-weight: 700; }

.tx-vacio { padding: 44px 0; text-align: center; color: #6E6862; }

/* Enlaces internos entre términos. Son los que le enseñan a Google
   que estas páginas forman un conjunto. */
.tx-relacionados { margin-top: 54px; padding-top: 30px; border-top: 1px solid #EFE7DD; }
.tx-h2 { font-family: "Schibsted Grotesk", Helvetica, Arial, sans-serif; font-size: 21px; font-weight: 800; color: #2C2A28; margin: 0 0 16px; }
.tx-pills { display: flex; flex-wrap: wrap; gap: 9px; }
.tx-pill { display: inline-flex; align-items: center; gap: 7px; padding: 8px 14px; border: 1px solid #E7DDD1; border-radius: 999px; background: #fff; color: #4A453F; font-size: 13.5px; text-decoration: none; }
.tx-pill:hover { border-color: #C15F3C; color: #C15F3C; }
.tx-pill span { font-size: 11.5px; color: #A79E95; }

@media (max-width: 900px) { .tx-grid { grid-template-columns: repeat(2, 1fr); } .tx-h1 { font-size: 30px; } }
@media (max-width: 600px) { .tx-grid { grid-template-columns: 1fr; } .tx-wrap { padding: 18px 16px 50px; } .tx-h1 { font-size: 26px; } }