/* Hospital MIT · Muestra de diseño preparada por ABAKU.
   Idea: la cruz del logo es una puerta. Abre con la hora real y se abre al bajar. */
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:84px}
body{margin:0;background:var(--papel);color:var(--tinta);font:400 clamp(17px,1.15vw,19px)/1.55 var(--cuerpo);-webkit-font-smoothing:antialiased;overflow-x:clip}
img,video{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3{font-family:var(--display);margin:0;line-height:1;font-weight:700;letter-spacing:-.022em;font-variation-settings:"wdth" 88,"opsz" 96;text-wrap:balance}
h2{font-size:clamp(38px,5.4vw,84px)}
h3{font-size:clamp(20px,1.7vw,26px);letter-spacing:-.01em;line-height:1.15;font-variation-settings:"wdth" 96,"opsz" 24}
p{margin:0;max-width:62ch;text-wrap:pretty}
ul{list-style:none;margin:0;padding:0}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
:focus-visible{outline:3px solid var(--acero-2);outline-offset:3px;border-radius:4px}
.urgencias :focus-visible,.pie :focus-visible,.estudios :focus-visible,[data-momento=noche] .puerta :focus-visible,[data-momento=noche] .tope :focus-visible{outline-color:#fff}
.oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.saltar{position:fixed;left:14px;top:-60px;z-index:90;background:var(--tinta);color:#fff;padding:10px 16px;border-radius:0 0 10px 10px}
.saltar:focus{top:0}
[hidden]{display:none!important}

.aviso{position:relative;z-index:40;max-width:none;background:var(--tinta);color:#dbe9ef;font-size:13px;line-height:1.35;text-align:center;padding:6px 16px}

.boton{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:14px 26px;border-radius:999px;text-decoration:none;font:700 17px/1.15 var(--display);font-variation-settings:"wdth" 92,"opsz" 18;letter-spacing:-.005em;transition:transform .18s var(--curva),background-color .18s}
.boton:active{transform:scale(.97)}
.boton--urgencia{background:var(--urgencia);color:#fff}
.boton--urgencia:hover{background:#b3161d}
.boton--claro{background:#fff;color:var(--tinta);box-shadow:inset 0 0 0 1.5px var(--tinta)}
.boton--claro:hover{background:var(--cielo-2)}
.boton--tinta{background:var(--tinta);color:#fff}
.boton--tinta:hover{background:var(--acero-2)}

/* ---------- Encabezado ---------- */
.tope{position:absolute;left:0;right:0;top:var(--aviso,27px);z-index:30;display:flex;align-items:center;gap:28px;padding:16px clamp(18px,3vw,44px);color:var(--c-texto,var(--tinta));transition:background-color .25s,box-shadow .25s,color .25s}
.tope.es-fija{position:fixed;top:0;background:rgba(255,255,255,.96);color:var(--tinta);box-shadow:0 1px 0 var(--linea);padding-top:9px;padding-bottom:9px}
.tope__logo{flex:none;line-height:0}
.tope__logo img{height:44px;width:auto}
.logo-blanco{display:none}
[data-momento=noche] .tope:not(.es-fija) .logo-color{display:none}
[data-momento=noche] .tope:not(.es-fija) .logo-blanco{display:block}
.tope nav{display:flex;gap:clamp(14px,2vw,28px);margin-right:auto;font-size:16px}
.tope nav a{text-decoration:none;padding:8px 0;background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat;transition:background-size .2s var(--curva)}
.tope nav a:hover{background-size:100% 2px}
.tope__urg{flex:none;margin-left:auto;background:var(--urgencia);color:#fff;text-decoration:none;font:700 15px/1 var(--display);padding:12px 16px;border-radius:999px;white-space:nowrap}
.tope__urg span{font-weight:500;opacity:.92}
.tope__menu{display:none;margin-left:auto;font-weight:700;padding:9px 13px;border-radius:999px;box-shadow:inset 0 0 0 1.5px currentColor}

/* ---------- La puerta ---------- */
.puerta{--abre:0;position:relative;height:260vh;background:var(--c-fondo);color:var(--c-texto);margin-top:calc(var(--aviso,27px) * -1)}
html{--c-fondo:#0b3541;--c-texto:#fff;--c-suave:#b9d6e0}
html[data-momento=amanecer]{--c-fondo:#fbdcd5;--c-texto:#10303b;--c-suave:#6f5552}
html[data-momento=dia]{--c-fondo:#cfecf8;--c-texto:#10303b;--c-suave:#3f6473}
html[data-momento=tarde]{--c-fondo:#f6d3ac;--c-texto:#10303b;--c-suave:#6f5336}
html[data-momento=noche]{--c-fondo:#0b3541;--c-texto:#fff;--c-suave:#b9d6e0}
.puerta,.tope{--_:0}
.puerta__fija{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden}
.puerta__marco{position:absolute;inset:0;--t:min(76vh,44vw);--cx:84%;--cy:68%;--tam:calc(var(--t) * (1 + var(--abre) * var(--abre) * 16));--x:calc(var(--cx) + (50% - var(--cx)) * var(--abre));--y:calc(var(--cy) + (50% - var(--cy)) * var(--abre));
  -webkit-mask:url("../img/cruz.svg") no-repeat var(--x) var(--y)/var(--tam) var(--tam);mask:url("../img/cruz.svg") no-repeat var(--x) var(--y)/var(--tam) var(--tam);will-change:mask-size,mask-position}
.puerta__marco::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,28,36,0) 45%,rgba(6,28,36,.62) 100%);opacity:var(--abre)}
.puerta__marco video{width:100%;height:100%;object-fit:cover;background:var(--noche-2)}
.puerta__texto{position:absolute;z-index:3;left:clamp(18px,4.4vw,72px);top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;padding-top:calc(96px + var(--aviso,27px));padding-bottom:24px;width:min(46vw,640px);opacity:calc(1 - var(--abre) * 2.6);transform:translateY(calc(var(--abre) * -60px));pointer-events:none}
.puerta__texto a{pointer-events:auto}
.reloj{display:flex;flex-direction:column;margin:0;max-width:none}
.reloj__pre,.reloj__parte{font:600 clamp(19px,2vw,30px)/1.1 var(--display);font-variation-settings:"wdth" 92,"opsz" 30;color:var(--c-suave)}
.reloj__hora{font:700 clamp(96px,14.6vw,232px)/.86 var(--display);font-variation-settings:"wdth" 78,"opsz" 96;letter-spacing:-.045em;font-feature-settings:"tnum" 1;margin:.04em 0 .1em -.03em}
.puerta h1{font-size:clamp(40px,5.2vw,82px);margin-top:.28em}
.puerta__lema{margin-top:14px;color:var(--c-suave);font-size:clamp(17px,1.4vw,21px);max-width:30em}
.puerta__acciones{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
[data-momento=noche] .puerta .boton--claro{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px #fff}
[data-momento=noche] .puerta .boton--claro:hover{background:rgba(255,255,255,.14)}
.ahora{display:flex;flex-direction:column;gap:4px;margin-top:22px;font-size:15px;color:var(--c-suave)}
.ahora li{position:relative;padding-left:16px}
.ahora li::before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;border-radius:50%;background:#9aabb3}
.ahora li.si::before{background:#39c58f}
.puerta__dentro{position:absolute;z-index:3;left:clamp(18px,4.4vw,72px);right:clamp(18px,4.4vw,72px);bottom:clamp(34px,7vh,72px);color:#fff;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;opacity:calc((var(--abre) - .62) * 3.4);pointer-events:none}
.puerta__frase{font:700 clamp(46px,8.4vw,136px)/.92 var(--display);font-variation-settings:"wdth" 80,"opsz" 96;letter-spacing:-.035em;max-width:none}
.puerta__sello{flex:none;display:flex;flex-direction:column;align-items:flex-end;font:600 clamp(16px,1.5vw,22px)/1.2 var(--display);margin:0 0 .4em;text-align:right}
.puerta__sello time{font-size:clamp(30px,3.6vw,56px);font-weight:700;font-variation-settings:"wdth" 80,"opsz" 96;letter-spacing:-.02em;font-feature-settings:"tnum" 1}
.puerta__baja{position:absolute;z-index:3;left:calc((100% - min(76vh,44vw)) * .84 + min(76vh,44vw) / 2);bottom:14px;transform:translateX(-50%);font:600 14px/1 var(--display);color:var(--c-suave);opacity:calc(1 - var(--abre) * 8)}
/* Entrada: la cruz crece desde el tamaño del logo. Pasa una sola vez. */
.puerta.entra .puerta__marco{animation:abrir 1.25s var(--curva) both}
.puerta.entra .puerta__texto{animation:aparece .8s .45s var(--curva) both}
@keyframes abrir{from{-webkit-mask-size:60px 60px;mask-size:60px 60px}}
@keyframes aparece{from{opacity:0;translate:0 14px}}

/* ---------- Urgencias ---------- */
.urgencias{background:var(--urgencia);color:#fff;padding:clamp(52px,7vw,104px) clamp(18px,4.4vw,72px);overflow:hidden}
.urgencias__cabeza{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px;align-items:end}
.urgencias h2{font-size:clamp(34px,4.2vw,66px);max-width:14em}
.urgencias__tel{display:block;margin:clamp(24px,3vw,44px) 0;font:800 clamp(62px,14.9vw,250px)/.9 var(--display);font-variation-settings:"wdth" 75,"opsz" 96;letter-spacing:-.04em;text-decoration:none;white-space:nowrap;font-feature-settings:"tnum" 1;transition:letter-spacing .35s var(--curva)}
.urgencias__tel:hover{letter-spacing:-.03em}
.urgencias__pie{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 28px}
.urgencias__pie a{font-weight:700}

/* ---------- Cita ---------- */
.cita{background:var(--bruma);padding:clamp(60px,8vw,128px) clamp(18px,4.4vw,72px)}
.cita__intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px;align-items:end;margin-bottom:clamp(30px,4vw,56px)}
.frase__linea{font:600 clamp(26px,3.5vw,54px)/1.46 var(--display);font-variation-settings:"wdth" 90,"opsz" 60;letter-spacing:-.018em;max-width:none;color:var(--texto)}
.caja{position:relative;display:inline-block;max-width:100%;color:var(--acero-2)}
.caja select,.caja input{font:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:transparent;border:0;border-bottom:3px solid var(--cielo);border-radius:0;padding:0 .08em;max-width:100%;appearance:none;-webkit-appearance:none;line-height:1.2;field-sizing:content;cursor:pointer}
.caja select{padding-right:.72em;background:linear-gradient(45deg,transparent 50%,currentColor 50%) right .34em center/.22em .22em no-repeat,linear-gradient(-45deg,transparent 50%,currentColor 50%) right .12em center/.22em .22em no-repeat}
.caja select:hover,.caja input:hover,.caja select:focus,.caja input:focus{border-bottom-color:var(--acero-2);outline:none}
.caja--texto input{cursor:text;min-width:6.5em;width:6.5em}
.caja input::placeholder{color:#8aa6b4;opacity:1}
.frase__pie{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:flex-end;justify-content:space-between;margin-top:30px}
.frase__seguro{display:flex;flex-direction:column;gap:6px;font-size:15px;color:var(--texto)}
.frase__seguro select{min-height:46px;padding:0 12px;border:1px solid var(--linea);border-radius:10px;background:#fff;min-width:240px}
.frase__error{color:var(--urgencia);font-weight:700;margin-top:14px}
.frase__nota{font-size:14px;color:var(--suave);margin-top:14px}
.frase__lista{display:grid;gap:12px;max-width:46em}
.frase__lista h3{font-size:clamp(34px,4vw,60px)}
.frase__lista .boton{justify-self:start;margin-top:8px}

/* ---------- Especialidades ---------- */
.espec{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-height:92vh}
.espec__foto{margin:0;position:relative;overflow:hidden;background:var(--cielo-2)}
.espec__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.espec__lista{padding:clamp(52px,6vw,96px) clamp(18px,4.4vw,72px)}
.espec__lista>p{margin-top:10px;color:var(--texto)}
.espec ul{margin-top:26px;border-top:1px solid var(--linea)}
.espec li{border-bottom:1px solid var(--linea)}
.espec li button{display:flex;width:100%;justify-content:space-between;align-items:center;text-align:left;padding:.42em 0;font:600 clamp(22px,2.5vw,38px)/1.1 var(--display);font-variation-settings:"wdth" 88,"opsz" 48;letter-spacing:-.015em;transition:padding .22s var(--curva),color .22s}
.espec li button::after{content:"Agendar";font:700 15px/1 var(--cuerpo);letter-spacing:0;color:var(--acero-2);opacity:0;transition:opacity .2s}
.espec li button:hover,.espec li button:focus-visible{color:var(--acero-2);padding-left:.4em}
.espec li button:hover::after,.espec li button:focus-visible::after{opacity:1}

/* ---------- Maternidad ---------- */
.mater{background:var(--rosa-2);color:var(--rosa-tinta);display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.2fr);gap:clamp(30px,6vw,96px);align-items:center;padding:clamp(56px,7vw,110px) clamp(18px,4.4vw,72px)}
.mater h2{color:#6b2730;font-size:clamp(42px,6.2vw,98px)}
.mater__texto>p{margin-top:16px;color:#7c4a4a;font-size:clamp(18px,1.4vw,21px)}
.mater__film{position:relative;max-width:min(380px,74vw);margin:0 auto;width:100%;aspect-ratio:9/16;border-radius:26px;overflow:hidden;background:#3e2a2d;box-shadow:0 26px 60px -22px rgba(107,39,48,.55)}
.mater__film video{width:100%;height:100%;object-fit:cover}
.mater__play{position:absolute;left:50%;bottom:22px;translate:-50% 0;width:max-content;max-width:88%;background:#fff;color:#6b2730;font:700 16px/1.1 var(--display);padding:14px 20px;border-radius:999px;transition:scale .18s var(--curva)}
.mater__play:hover{scale:1.04}
.coti{margin-top:30px;background:#fff;border-radius:22px;padding:clamp(20px,2.6vw,34px);max-width:640px;color:var(--tinta)}
.coti__paso{font-size:14px;color:var(--suave);margin-bottom:6px}
.coti__pregunta{font:600 clamp(23px,2.3vw,32px)/1.14 var(--display);font-variation-settings:"wdth" 90,"opsz" 40;letter-spacing:-.014em;margin:0 0 16px;display:block;color:var(--tinta)}
.coti__ops{display:flex;flex-wrap:wrap;gap:8px}
.coti__ops button{min-height:48px;padding:10px 18px;border-radius:999px;box-shadow:inset 0 0 0 1.5px #e6bdb7;background:#fff;font-weight:700;font-size:16px;transition:background-color .15s}
.coti__ops button:hover{background:var(--rosa-2)}
.coti__datos{display:grid;gap:10px}
.coti__datos input{min-height:50px;padding:0 14px;border:1.5px solid #e6bdb7;border-radius:12px;background:#fff}
.coti__fin{font-size:17px}
.coti__atras{margin-top:14px;color:var(--suave);font-size:15px;text-decoration:underline;text-underline-offset:3px}

/* ---------- Estudios ---------- */
.estudios{position:relative;background:var(--noche);color:#fff;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);min-height:96vh;overflow:hidden}
.estudios__film{width:100%;height:100%;object-fit:cover;min-height:360px;background:var(--noche-2)}
.estudios__texto{padding:clamp(52px,6vw,96px) clamp(18px,4.4vw,72px);align-self:center}
.estudios h2{font-size:clamp(34px,4.1vw,64px)}
.estudios__texto>p{margin-top:16px;color:#c0dbe4}
.estudios__grupos{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:24px;margin-top:32px}
.estudios h3{color:var(--cielo);font-size:18px}
.estudios li{padding:7px 0;border-bottom:1px solid rgba(255,255,255,.16)}
.estudios__accion{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;margin-top:32px}
.estudios .boton--claro{box-shadow:none}
.estudios__tel{font-weight:700}

/* ---------- El hospital ---------- */
.hospital{padding:clamp(56px,7vw,110px) 0 clamp(40px,5vw,70px);background:#fff}
.hospital__cabeza{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px;align-items:end;padding:0 clamp(18px,4.4vw,72px);margin-bottom:clamp(26px,3vw,44px)}
.tira{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 clamp(18px,4.4vw,72px) 18px;scrollbar-width:thin;scrollbar-color:var(--acero) transparent}
.tira figure{margin:0;flex:none;width:clamp(260px,31vw,480px);scroll-snap-align:center}
.tira figure:nth-child(3n+2){margin-top:44px}
.tira img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;background:var(--bruma)}
.tira figcaption{display:flex;justify-content:space-between;gap:12px;padding-top:10px;font-size:15px;color:var(--suave)}
.tira figcaption b{color:var(--tinta)}

/* ---------- Blog ---------- */
.salud{background:#fff;padding:clamp(40px,5vw,72px) clamp(18px,4.4vw,72px) clamp(56px,7vw,100px)}
.salud__cabeza{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px;align-items:end;margin-bottom:clamp(26px,3vw,44px)}
.salud__notas{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start}
.salud span{display:block;font:600 16px/1.2 var(--display);color:var(--acero-2)}
.salud__mayor{display:block;text-decoration:none}
.salud__mayor img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:50% 38%;border-radius:14px;margin-bottom:16px;background:var(--bruma)}
.salud__mayor h3{font-size:clamp(28px,3vw,46px);margin-top:6px;transition:color .15s}
.salud__mayor:hover h3{color:var(--acero-2)}
.salud__mayor p{margin-top:8px;color:var(--suave)}
.salud__notas li{padding:18px 0;border-top:1px solid var(--linea)}
.salud__notas li:last-child{border-bottom:1px solid var(--linea)}
.salud__notas b{display:block;margin-top:4px;font:700 clamp(21px,1.9vw,27px)/1.12 var(--display);font-variation-settings:"wdth" 88,"opsz" 30;letter-spacing:-.012em}

/* ---------- Aseguradoras ---------- */
.seguros{background:var(--bruma);padding:clamp(36px,4vw,56px) clamp(18px,4.4vw,72px)}
.seguros>p{font:700 clamp(20px,1.7vw,26px)/1.1 var(--display);margin-bottom:18px}
.seguros ul{display:flex;flex-wrap:wrap;gap:18px 34px;align-items:center}
.seguros img{height:32px;width:auto;object-fit:contain;mix-blend-mode:multiply}
.seguros small{display:block;margin-top:18px;color:var(--suave);font-size:14px}

/* ---------- Cierre ---------- */
.cierre{display:grid;grid-template-columns:1fr 1fr;background:#fff}
.cierre>div{padding:clamp(52px,6vw,96px) clamp(18px,4.4vw,72px)}
.cierre__res{background:var(--cielo-2)}
.cierre h2{font-size:clamp(34px,3.8vw,58px)}
.cierre__res>p{margin-top:12px}
.cierre__res ul{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:26px}
.cierre__res a{display:block;padding:15px 18px;background:#fff;border-radius:14px;font:700 19px/1 var(--display);text-decoration:none;transition:background-color .15s}
.cierre__res a:hover{background:var(--tinta);color:#fff}
.cierre address{font-style:normal;margin-top:16px;font-size:clamp(19px,1.5vw,22px);line-height:1.35}
.cierre dl{margin:24px 0 0}
.cierre dt{font-size:15px;color:var(--suave);margin-top:12px}
.cierre dd{margin:0;font:700 clamp(21px,2vw,29px)/1.2 var(--display)}
.cierre dd a{text-decoration:none}

.pie{background:var(--noche);color:#dbe9ef;padding:44px clamp(18px,4.4vw,72px) calc(44px + env(safe-area-inset-bottom));display:grid;gap:12px}
.pie img{height:56px;width:auto}
.pie small{color:#9dbcc8;font-size:13px}

/* ---------- Acciones fijas y chat ---------- */
.dock{display:none}
.chat-boton{position:fixed;right:20px;bottom:20px;z-index:50;width:60px;height:60px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 10px 26px -8px rgba(0,0,0,.45);transition:scale .18s var(--curva)}
.chat-boton:hover{scale:1.06}
.chat{position:fixed;right:20px;bottom:92px;z-index:60;width:min(370px,calc(100vw - 24px));max-height:min(620px,calc(100dvh - 120px));display:flex;flex-direction:column;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 26px 70px -18px rgba(6,28,36,.55)}
.chat header{display:flex;justify-content:space-between;align-items:center;background:var(--noche);color:#fff;padding:12px 16px}
.chat header span{display:block;font-size:13px;opacity:.8}
.chat header button{font-size:26px;line-height:1;width:34px;height:34px}
.chat__hilo{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:8px;background:#efeae2;min-height:220px}
.burbuja{max-width:86%;padding:9px 12px;border-radius:12px;font-size:15.5px;line-height:1.35;background:#fff}
.burbuja small{display:block;font-size:12px;color:var(--suave);margin-bottom:2px}
.burbuja.mio{align-self:flex-end;background:#d9fdd3}
.burbuja.escribe{color:var(--suave)}
.chat__rapidas{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px 0;background:#fff}
.chat__rapidas button{padding:7px 12px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--linea);font-size:14px;font-weight:700}
.chat form{display:flex;gap:8px;padding:10px 12px}
.chat form input{flex:1;min-width:0;min-height:42px;border:1px solid var(--linea);border-radius:999px;padding:0 14px}
.chat form button{font-weight:700;color:var(--acero-2);padding:0 8px}
.chat>small{padding:0 12px 10px;color:var(--suave);font-size:12px}

/* ---------- Tableta y celular ---------- */
@media (max-width:1080px){
  .tope nav{position:absolute;left:12px;right:12px;top:calc(100% + 4px);flex-direction:column;gap:0;background:#fff;color:var(--tinta);padding:8px 16px;border-radius:14px;box-shadow:0 20px 40px -16px rgba(6,28,36,.4);display:none;margin:0}
  .tope nav.es-abierto{display:flex}
  .tope nav a{padding:12px 0;font-size:18px}
  .tope__menu{display:block;margin-left:auto}
  .tope__urg{margin-left:0}
}
@media (max-width:780px){
  html{scroll-padding-top:72px}
  body{padding-bottom:calc(58px + env(safe-area-inset-bottom))}
  .tope{gap:10px;padding:10px 14px}
  .tope__logo img{height:38px}
  .tope__urg{display:none}
  .puerta{height:230vh}
  .puerta__marco{--t:min(40vh,84vw);--cx:50%;--cy:84%}
  .puerta__texto{left:18px;right:18px;width:auto;justify-content:flex-start;padding-top:calc(72px + var(--aviso,27px))}
  .reloj__hora{font-size:clamp(84px,27vw,130px)}
  .puerta h1{font-size:clamp(34px,10vw,48px)}
  .puerta__lema{display:none}
  .puerta__acciones{display:none}
  .ahora{margin-top:12px;font-size:14px;gap:2px}
  .puerta__dentro{flex-direction:column;align-items:flex-start}
  .puerta__sello{align-items:flex-start;text-align:left}
  .puerta__baja{display:none}
  .urgencias__cabeza,.cita__intro,.hospital__cabeza,.salud__cabeza,.salud__notas{grid-template-columns:1fr;gap:12px}
  .urgencias__tel{font-size:16.4vw}
  .frase__linea{font-size:clamp(25px,7.3vw,32px);line-height:1.5}
  .caja select{max-width:calc(100vw - 40px)}
  .frase__pie .boton{width:100%}
  .frase__seguro,.frase__seguro select{width:100%}
  .espec{grid-template-columns:1fr;min-height:0}
  .espec__foto{height:62vw}
  .espec li button::after{display:none}
  .mater{grid-template-columns:1fr}
  .estudios{grid-template-columns:1fr;min-height:0}
  .estudios__film{height:70vw;min-height:0}
  .tira figure{width:78vw}
  .tira figure:nth-child(3n+2){margin-top:0}
  .cierre{grid-template-columns:1fr}
  .chat-boton{display:none}
  .chat{right:12px;bottom:calc(66px + env(safe-area-inset-bottom))}
  .dock{position:fixed;left:0;right:0;bottom:0;z-index:55;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;box-shadow:0 -1px 0 var(--linea);padding-bottom:env(safe-area-inset-bottom)}
  .dock a,.dock button{display:grid;place-items:center;min-height:58px;font:700 15px/1 var(--display);text-decoration:none}
  .dock__urg{background:var(--urgencia);color:#fff}
}
@media (max-width:780px) and (max-height:760px){
  .ahora{display:none}
  .puerta__marco{--t:min(36vh,84vw)}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .puerta{height:auto}
  .puerta__fija{position:relative}
  .puerta__dentro,.puerta__baja{display:none}
}