/* New content blocks use the approved interior palette and typography. */
.a-hero--text{min-height:70svh;background:var(--ink,#25362e)}
.a-hero--text .a-hero-content{position:relative;inset:auto;padding-top:clamp(10rem,20vh,15rem);padding-bottom:5rem}
.case-gallery,.review-list,.editorial-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,4vw,4rem);margin-top:3rem}
.case-pair h3,.editorial-card h3,.bibliography h3{font:inherit;font-size:clamp(1.3rem,2vw,1.9rem);margin:0 0 1.2rem}
.case-pair__images{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.case-pair figure,.review-card{margin:0}
.case-pair img{display:block;width:100%;height:auto}
.case-pair figcaption{padding:.65rem 0;font-size:.85rem}
.case-pair>.t-copy{margin-top:.8rem}
.review-card{border-top:1px solid currentColor;padding-top:1.5rem}
.review-card blockquote{margin:0 0 1.5rem;font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.5}
.review-card figcaption{margin-bottom:1rem}
.editorial-cards,.bibliography{list-style:none;padding:0}
.editorial-card img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;margin-bottom:1.5rem}
.editorial-card p{line-height:1.7}
.bibliography{margin-top:3rem;display:grid;gap:3rem}
.bibliography li{display:flex;gap:2rem;padding-top:2rem;border-top:1px solid currentColor;align-items:flex-start}
.bibliography img{width:clamp(6rem,18vw,12rem);height:auto;flex:none}
.bibliography h3{overflow-wrap:anywhere}
.legal-copy{max-width:70rem}
.legal-copy h2{font-size:clamp(2rem,4vw,3.5rem)}
.legal-copy li{line-height:1.8;margin-block:.5rem}
.legal-copy .t-copy{max-width:75ch}
@media(max-width:700px){.case-gallery,.review-list,.editorial-cards{grid-template-columns:1fr}.bibliography li{gap:1rem}.a-hero--text .a-hero-content{padding-top:9rem}}

/* This decorative mark uses a small display size, independent of its raster dimensions. */
.corner--bl img{width:26px;height:auto;flex:none}
.a-consult-photo:has(figcaption){position:relative}
.a-consult-photo figcaption{position:absolute;bottom:1rem;left:1rem;padding:.3rem .65rem;background:rgba(28,25,23,.76);color:#fff;font-size:.75rem;line-height:1.5;letter-spacing:.02em}
.clinical-sources h2{font-size:clamp(1.3rem,2vw,1.75rem);margin-bottom:1.5rem}
.clinical-sources ul{max-width:85ch;padding-left:1.2rem;line-height:1.7}
.clinical-sources li+li{margin-top:.7rem}
.clinical-sources a{text-decoration:underline;text-underline-offset:.2em;overflow-wrap:anywhere}
/* 6-oct: inline links inside FAQ answers were the same grey as the text and had no underline. */
.t-faq-item p a{color:var(--graphite);font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;transition:color .3s}
.t-faq-item p a:hover,.t-faq-item p a:focus-visible{color:var(--cacao)}
.t-tech-list .tech-row p+p{margin-top:.75em}
.treatment--a .a-hero-note--illustrative{display:block;writing-mode:horizontal-tb;bottom:1rem;margin:0;padding:.3rem .65rem;background:rgba(28,25,23,.76);color:#fff;font-size:.75rem;line-height:1.5;letter-spacing:.02em}
@media(max-width:820px){.home-refined .media__veil::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(28,25,23,.48) 43%,rgba(28,25,23,.48) 67%,transparent 92%)}}
@media(max-width:700px){.a-hero--proc::after{background:linear-gradient(90deg,rgba(26,23,20,.82),rgba(26,23,20,.64) 68%),linear-gradient(0deg,rgba(26,23,20,.55),transparent 45%)}}

/* Give bibliographic titles the full reading width on small phones. */
@media (max-width: 540px) {
  .bibliography li { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.25rem; }
  .bibliography img { width: 112px; }
}

/* Anclas heredadas de páginas fusionadas: fuera del flujo para no ocupar una celda de la rejilla. */
.legacy-anchor { position: absolute; width: 1px; height: 1px; overflow: hidden; }
.merged-rows .tech-row p + p { margin-top: 14px; }
/* Secciones añadidas al final de <main>, fuera del envoltorio .treatment: mismo margen lateral que el resto. */
main > .t-container { width: calc(100% - 2 * var(--gutter)); max-width: 1440px; margin-inline: auto; }

/* 25-sep · Portadas con fotos reales de consulta (paredes claras): el texto blanco necesita más fondo. */
.page-resultados .a-hero--proc::after,
.page-opiniones .a-hero--proc::after,
.page-publicaciones-medicas .a-hero--proc::after,
.page-blog .a-hero--proc::after {
  background: linear-gradient(90deg, rgba(26, 23, 20, .9) 0%, rgba(26, 23, 20, .72) 38%, rgba(26, 23, 20, .18) 72%), linear-gradient(0deg, rgba(26, 23, 20, .5), transparent 45%);
}
@media (max-width: 800px) {
  .page-resultados .a-hero--proc::after,
  .page-opiniones .a-hero--proc::after,
  .page-publicaciones-medicas .a-hero--proc::after,
  .page-blog .a-hero--proc::after { background: rgba(26, 23, 20, .74); }
}

/* Índices largos (páginas fusionadas): en varias líneas en vez de cortarse por la derecha. */
.page-procedure .a-index { flex-wrap: wrap; justify-content: flex-start; column-gap: 28px; row-gap: 0; }

/* 6-oct: vídeo de rinoplastia ultrasónica (rinoplastia A, apartado 05). */
.video-ultrasonica { margin: 40px 0 0; }
.video-ultrasonica video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; background: #1c1917; }
.video-ultrasonica figcaption { margin-top: 10px; font-size: 13.5px; color: var(--muted, #6b6560); }
.page-blog-rinoplastia-ultrasonica .editorial-photos { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 32px; }
.editorial-photos figure { margin: 0; }
.editorial-photos img { display: block; width: 100%; height: auto; }
@media (max-width: 800px) { .page-blog-rinoplastia-ultrasonica .editorial-photos { grid-template-columns: 1fr; } }

/* 13-oct-2026 · Encuadre vertical que mantiene la cabeza dentro del recorte en pantallas anchas.
   Valor por foto calculado con la cara detectada: y = arriba-de-la-cabeza / (arriba + 1 - barbilla).
   El horizontal no cambia. En móvil la imagen ya se ve entera en vertical. */
@media (min-width: 701px) {
  .a-hero-image[src*="consulta-84-wide"] { object-position: 58% 20%; }
  .a-hero-image[src*="pacientes-recuperacion-rinoplastia"] { object-position: 58% 4%; }
  .a-hero-image[src*="pacientes-primera-consulta"] { object-position: 58% 9%; }
  .a-hero-image[src*="rinoplastia-primaria"] { object-position: 64% 9%; }
  .a-hero-image[src*="generated/septoplastia-"] { object-position: 58% 0%; }
  .a-hero-image[src*="generated/septorrinoplastia-"] { object-position: 58% 6%; }
  .a-hero-image[src*="generated/rinoplastia-reconstructiva-"] { object-position: 58% 10%; }
  .a-hero-image[src*="generated/rinoplastia-revision-"] { object-position: 58% 10%; }
  .a-hero-image[src*="generated/cirugia-de-cornetes-"] { object-position: 58% 11%; }
  .a-hero-image[src*="generated/toxina-botulinica-"] { object-position: 58% 8%; }
  .a-hero-image[src*="generated/polinucleotidos-"] { object-position: 58% 0%; }
  .a-hero-image[src*="generated/rellenos-dermicos-"] { object-position: 58% 3%; }
  .a-hero-image[src*="generated/hialuronidasa-"] { object-position: 58% 11%; }
  .a-hero-image[src*="generated/blefaroplastia-superior-"] { object-position: 58% 20%; }
  .a-hero-image[src*="generated/blefaroplastia-inferior-"] { object-position: 58% 14%; }
  .a-hero-image[src*="generated/frontoplastia-"] { object-position: 58% 16%; }
  .a-hero-image[src*="generated/lifting-de-cejas-"] { object-position: 58% 29%; }
  .a-hero-image[src*="generated/bichectomia-"] { object-position: 58% 12%; }
}
img[src*="quirofano-47-wide"] { object-position: 50% 13%; }

/* 13-oct-2026 · Aviso de cookies (js/analytics.js). Abajo a la izquierda en escritorio; en móvil,
   por encima del botón del chat. «Aceptar» y «Rechazar» con el mismo peso visual. */
.cookie-notice { position: fixed; left: 28px; bottom: 28px; z-index: 60; width: min(420px, calc(100vw - 56px)); padding: 22px 22px 18px; background: var(--ivory-hi, #fff8f0); color: var(--graphite, #2F2E2C); border: 1px solid var(--greige, #C9BCA9); border-radius: 14px; box-shadow: 0 18px 60px rgba(28, 25, 23, .18); font-size: 13px; line-height: 1.6; }
.cookie-notice[hidden] { display: none; }
.cookie-notice__title { margin: 0 0 6px; font-size: 16px; font-weight: 500; letter-spacing: -.01em; }
.cookie-notice__text { margin: 0; color: var(--ink-70, rgba(47, 46, 44, .72)); }
.cookie-notice__text a { color: var(--graphite, #2F2E2C); text-decoration: underline; text-underline-offset: 3px; }
.cookie-notice__options { display: grid; gap: 4px; margin-top: 14px; }
.cookie-notice__options[hidden] { display: none; }
.cookie-notice__option { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0; padding: 10px 0; border-top: 1px solid rgba(47, 46, 44, .12); cursor: pointer; }
.cookie-notice__option span { display: grid; gap: 2px; color: var(--ink-70, rgba(47, 46, 44, .72)); font-size: 12px; }
.cookie-notice__option strong { color: var(--graphite, #2F2E2C); font-size: 13px; font-weight: 500; }
.cookie-notice__option input { width: 20px; height: 20px; flex-shrink: 0; accent-color: var(--sage, #606D63); }
.cookie-notice__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 16px; }
.cookie-notice__button { min-height: 44px; padding: 0 22px; border: 1px solid var(--graphite, #2F2E2C); border-radius: 99px; background: var(--graphite, #2F2E2C); color: var(--ivory-hi, #fff8f0); font: inherit; font-size: 13px; cursor: pointer; }
.cookie-notice__button:hover { background: #000; }
.cookie-notice__link { min-height: 44px; padding: 0 6px; border: 0; background: none; color: var(--graphite, #2F2E2C); font: inherit; font-size: 13px; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
.cookie-notice__link[hidden] { display: none; }
.cookie-notice button:focus-visible, .cookie-notice a:focus-visible, .cookie-notice input:focus-visible { outline: 2px solid var(--cacao, #875F45); outline-offset: 2px; }
@media (max-width: 700px) {
  .cookie-notice { left: 12px; right: 12px; width: auto; bottom: calc(84px + env(safe-area-inset-bottom)); padding: 18px 18px 14px; }
  .cookie-notice__button { flex: 1 1 0; }
}
