.hero-photo{background-color:#163d51;background-image:linear-gradient(90deg,rgba(9,32,48,.9) 0%,rgba(9,32,48,.76) 42%,rgba(9,32,48,.22) 100%),url('fachada.png');background-size:cover;background-position:center,center 35%;background-repeat:no-repeat}.hero-photo .hero{min-height:620px;padding-block:85px;gap:65px}.hero-photo .hero>div>h1,.hero-photo .hero>div>p{color:#fff}.hero-photo .hero>div>.eyebrow{color:#cceaf8}.hero-photo .hero>div>p:not(.eyebrow){max-width:540px}.hero-photo .appointment{background:rgba(255,255,255,.96);box-shadow:0 8px 32px #001b3026}.hero-photo .actions .button{background:#fff;color:#12354b}.hero-photo .actions .button:hover{background:#dcecf3}
@media(max-width:680px){.hero-photo{background-image:linear-gradient(180deg,rgba(9,32,48,.8),rgba(9,32,48,.64)),url('fachada.png');background-position:center,center top}.hero-photo .hero{min-height:0;padding-block:48px;gap:32px}.hero-photo h1{font-size:clamp(2rem,9vw,2.7rem)}}

/* Azul del rótulo y fotografía completa, sin recorte. */
.hero-photo{background-color:#294b60;background-size:100% 100%,contain;background-position:center,center;background-attachment:scroll,scroll}
.hero-photo .hero>div>.eyebrow{color:#496e85;background:#f4f8fa;display:inline-block;padding:9px 14px;border-radius:4px;letter-spacing:.13em;border-left:4px solid #799bae}
@media(min-width:681px) and (prefers-reduced-motion:no-preference){.hero-photo{background-size:100% 100%,auto 70vh;background-position:center,center bottom;background-attachment:scroll,fixed}.hero-photo .hero{min-height:90vh}}
@media(max-width:680px){.hero-photo{background-size:100% 100%,100% auto;background-position:center,center top;background-attachment:scroll,scroll}}

/* Fondo a todo el ancho y contacto más compacto. */
.hero-photo{background-size:100% 100%,cover;background-position:center,center 35%}
.hero-photo .hero{min-height:600px;padding-block:65px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:45px}
.hero-photo .hero>div>.eyebrow{color:#cceaf8;background:none;padding:0;border:0;border-radius:0}
.hero-photo .appointment{width:100%;max-width:330px;justify-self:end;padding:23px 25px;border-top-width:3px}
.hero-photo .appointment h2{font-size:1.35rem;margin-bottom:12px}
.hero-photo .appointment p{font-size:.875rem;margin-bottom:14px}
.hero-photo .appointment .eyebrow{font-size:.7rem;margin-bottom:12px}
.hero-photo .appointment .phone{font-size:1.6rem}
.hero-photo .appointment .email{font-size:.875rem}
.hero-photo .appointment hr{margin:16px 0}
.hero-photo .appointment .small{font-size:.8rem;margin:0}
.cn-top .logo{isolation:isolate}

@media(min-width:681px) and (prefers-reduced-motion:no-preference){.hero-photo{background-attachment:scroll,fixed;background-size:100% 100%,cover}}
@media(max-width:680px){.hero-photo{background-attachment:scroll,scroll;background-size:100% 100%,cover}.hero-photo .hero{grid-template-columns:1fr;min-height:0;padding-block:42px;gap:26px}.hero-photo .appointment{justify-self:start;max-width:330px;padding:20px}.hero-photo .appointment .phone{font-size:1.5rem}}

.location-map{grid-column:1 / -1;width:100%;overflow:hidden;border:1px solid var(--line);border-radius:8px}.location-map iframe{display:block;width:100%;height:450px;border:0}@media(max-width:680px){.location-map iframe{height:320px}}


/* Cabecera fija y reserva por especialidad. */
:root{--top-height:72px}html{scroll-padding-top:calc(var(--top-height) + 20px)}.top{position:sticky;top:0;z-index:1000}.top .wrap{align-items:center}.top-appointment{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#12354b;padding:9px 17px;border-radius:5px;font-weight:700;white-space:nowrap}.top-appointment:hover{background:#dcecf3;text-decoration:none}.cn-top{display:grid;grid-template-columns:1fr minmax(0,360px) 1fr;min-height:112px}.cn-top .cn-toggle{justify-self:start}.cn-top .logo{grid-column:2;width:100%;max-width:360px;justify-self:center}.cn-top::after{content:"";grid-column:3}article[id],#proximamente{scroll-margin-top:0}
@media(max-width:680px){.top .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px}.top span{grid-column:1 / -1}.top a[href^="tel:"]{grid-column:1}.top a[href^="mailto:"]{grid-column:1;overflow-wrap:anywhere}.top .top-appointment{grid-column:2;grid-row:2 / 4;font-size:.875rem;padding:10px 12px}.cn-top{grid-template-columns:44px minmax(0,250px) 44px;gap:8px;min-height:88px}.cn-top .logo{order:0;grid-column:2;max-width:250px}.cn-top .cn-toggle{grid-column:1;grid-row:1}.cn-top::after{grid-column:3}}


.top-appointment{background:#a9cddd;color:#12354b}.top-appointment:hover{background:#bfdeea}


.physio-treatments{margin:0 0 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.physio-treatments summary{padding:14px 0;cursor:pointer;font-size:.9375rem;font-weight:600;color:var(--blue)}.physio-treatments summary:focus-visible{outline:3px solid #c18520;outline-offset:4px}.physio-treatments ul{padding-left:22px;margin:0 0 18px;color:var(--muted);font-size:.9375rem}.physio-treatments li{padding:4px 0}


.cn-card h2 a{font:inherit;line-height:inherit}



/* La fachada continúa detrás del menú; solo la tarjeta conserva el blanco. */
.hero-photo .clinic-header{background:transparent;position:relative;z-index:2}.hero-photo .cn{background:#fff}