/* Extend the established white, blue and amber clinic identity for Android. */
[hidden]{display:none!important}
.app-tools{display:flex;align-items:center;gap:10px;justify-content:flex-end;padding:12px 40px;max-width:1240px;margin:auto;font-size:14px;color:var(--muted)}
.app-tools button,.pwa-secondary{font:inherit;border:1px solid var(--line);border-radius:8px;background:white;color:var(--dark);padding:10px 14px;min-height:44px;cursor:pointer}
.pwa-install{font-weight:700!important;color:var(--blue)!important;display:none;align-items:center;gap:8px}
.pwa-install svg{width:20px;height:20px}
.pwa-update{background:var(--amber)!important;color:var(--dark)!important}
.mobile-dock{display:none}
#pwa-dialog{width:min(520px,calc(100% - 24px));max-height:calc(100dvh - 24px);border:1px solid var(--line);border-radius:18px;padding:24px;color:var(--ink);overflow:auto;font-size:1rem}
#pwa-dialog::backdrop{background:#023c6788}
#pwa-dialog h2{font-size:28px;line-height:1.2;margin:20px 0 12px}
#pwa-dialog ol{padding-left:24px}
#pwa-dialog li{margin-bottom:10px}
#pwa-dialog .pwa-note{font-size:14px;color:var(--muted)}
#pwa-dialog .pwa-dialog-actions{display:flex;gap:12px;flex-wrap:wrap}
:focus-visible{outline:3px solid var(--amber);outline-offset:4px}
html:has(dialog[open]){overflow:hidden}
@media(max-width:700px){
 html{scroll-padding-top:86px}
 body{padding-bottom:calc(160px + env(safe-area-inset-bottom))}
 .top{display:none}
 .nav{min-height:78px;gap:16px}
 .brand img{width:164px;height:44px}
 .brand span{font-size:12px;letter-spacing:2px;padding:0 0 4px 3px}
 #menu{min-width:64px;min-height:44px;font-size:14px}
 .pwa-install{display:inline-flex}
 .app-tools{padding:10px 20px;gap:10px;flex-wrap:wrap;background:#f6faff;border-bottom:1px solid var(--line)}
 .hero{padding:28px 0 36px}
 .hero-grid{gap:26px}
 .hero h1{font-size:clamp(30px,8.5vw,38px);line-height:1.16;letter-spacing:-1px;margin:14px 0}
 .pink-october{padding:10px 0}
 .pink-awareness summary{gap:12px;padding:4px 0}
 .pink-ribbon{width:46px;height:56px;min-width:46px;flex-basis:46px;padding:6px;border-radius:12px}
 .pink-ribbon svg{width:32px;height:40px}
 .pink-awareness-label{gap:4px}
 .pink-awareness-label #pink-october-title{font-size:14px;line-height:1.35}
 .pink-month{font-size:12px}
 .pink-hint{display:none}
 .hero p{font-size:16px;margin:14px 0;line-height:1.6}
 .hero-note{margin-top:20px}
 .hero .actions{margin-top:20px;gap:16px}
 .appointment-banner{padding:17px 18px;margin-top:18px}
 .appointment-banner strong{font-size:20px;line-height:1.3}
 .appointment-banner>span{font-size:14px;line-height:1.5}
 .hero-visual{max-width:400px;margin:auto}
 .mobile-dock{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr) minmax(0,.9fr) minmax(0,1fr);position:fixed;z-index:20;inset:auto 0 0;background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 20px #03547f12;padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
 .mobile-dock a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:58px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:600 12px/1.2 Arial,Helvetica,sans-serif;text-decoration:none;padding:6px 2px;cursor:pointer;min-width:0}
 .mobile-dock svg{width:23px;height:23px;flex-shrink:0}
 .mobile-dock a[aria-current]{background:var(--light);color:var(--blue)}
 #paola-launcher{display:flex;right:12px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:21;max-width:calc(100vw - 24px);min-height:64px}
 #paola-launcher strong{font-size:16px}
 #paola-launcher>span:last-child{min-width:0}
 #paola-launcher>span>span{font-size:14px;line-height:1.4}
 #paola-dialog,#doctor-dialog,#paola-professionals{width:calc(100% - 20px);max-height:calc(100dvh - 24px);margin:auto;padding:18px;overscroll-behavior:contain}
 .dialog-head{gap:10px;align-items:center;position:sticky;top:-18px;background:#fff;z-index:5;padding:6px 0 12px}
 .dialog-head button{min-width:60px;min-height:44px;font-size:14px}
 #paola-dialog .dialog-head .eyebrow{font-size:12px;letter-spacing:1px}
 #paola-video{height:min(27dvh,220px)}
 .paola-service-buttons .btn,.paola-patient-toggle{min-height:48px}
 .paola-professional-option{min-height:68px}
 .paola-appointment-dropdown.is-open .paola-patient-hint{position:static;margin-top:8px}
 #profesionales,#atencion-prioritaria,#acreditacion{scroll-margin-top:86px}
 .contact-email{max-width:100%}
 .priority-care-hours dl>div{gap:8px}
 .treatments .treatment-grid{grid-template-columns:minmax(0,1fr)}
 .treatments details,.treatments summary,.doctor-grid,.doctor-card{min-width:0}
 .treatments summary h3{min-width:0;overflow-wrap:anywhere;font-size:20px}
 .treatments .doctors{padding-left:18px;padding-right:18px}
 .treatments .doctor-card strong,.treatments h4{overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.paola-play{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:10px;font:600 16px/1.3 Arial,Helvetica,sans-serif}
.paola-media #paola-play-hint{margin:8px 0 0;font-size:14px;line-height:1.45;color:var(--muted)}