/* Layout: clínica seria. Portada partida marino + foto, tres caminos de acción montados sobre ella, y bandas sobrias debajo. */
:root{
  color-scheme:light;
  --marino:#153964; --noche:#0b2038; --turquesa:#11a3bd; --turquesa-t:#12707f; --bruma:#f2f7f9; --bruma-2:#e3f1f4;
  --linea:#d5e1e7; --texto:#1b2a36; --suave:#4c5f6d; --blanco:#fff; --rojo:#c21f2e; --rojo-h:#a51925;
  --display:"Libre Franklin","Segoe UI",Arial,sans-serif; --body:"Source Sans 3","Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box}
img{max-width:100%;display:block}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--blanco);color:var(--texto);font:400 1.125rem/1.55 var(--body);overflow-x:hidden}
::selection{background:var(--marino);color:#fff}
h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.12;letter-spacing:-.015em;margin:0;text-wrap:balance}
h2{font-size:clamp(1.9rem,1.4rem + 1.7vw,2.75rem);color:var(--marino)}
p{margin:0}
a{color:inherit}
:focus-visible{outline:3px solid var(--turquesa);outline-offset:3px;border-radius:4px}
.band{padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.in{max-width:1200px;margin-inline:auto}
.sec{padding-block:clamp(60px,7vw,96px)}
.ico{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.saltar{position:absolute;left:12px;top:-80px;z-index:60;padding:12px 16px;background:#fff;color:var(--marino);border-radius:6px;font-weight:700}
.saltar:focus{top:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:52px;padding:.6em 1.3em;border:0;border-radius:6px;font:700 1.0625rem/1.1 var(--body);text-decoration:none;cursor:pointer;transition:background .18s}
.btn-marino{background:var(--marino);color:#fff}.btn-marino:hover{background:#1c4a80}
.btn-rojo{background:var(--rojo);color:#fff}.btn-rojo:hover{background:var(--rojo-h)}
.btn-linea{background:#fff;color:var(--marino);box-shadow:inset 0 0 0 2px var(--marino)}.btn-linea:hover{background:var(--bruma-2)}

/* movimiento */
.anim .hero-t>*,.anim .hero-f,.anim .cam{visibility:hidden}
.w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.w>span{display:inline-block;will-change:transform}
.progreso{position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--turquesa);transform:scaleX(0);transform-origin:0 50%;pointer-events:none}
/* subrayado que se dibuja, misma idea que Skiper 40 */
.linea-h{position:relative;text-decoration:none}
.linea-h::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:100% 50%;transition:transform .32s cubic-bezier(.65,0,.35,1)}
a:hover>.linea-h::after,a:focus-visible>.linea-h::after{transform:scaleX(1);transform-origin:0 50%}
.flecha{grid-column:3;grid-row:1/3;align-self:center;width:24px!important;height:24px!important;transition:transform .28s cubic-bezier(.16,1,.3,1)}
.cam:hover .flecha{transform:translateX(6px)}
.btn{transition:background .18s,transform .22s cubic-bezier(.16,1,.3,1)}
.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}
.area div{transition:padding-bottom .3s cubic-bezier(.16,1,.3,1)}
.area:hover div{padding-bottom:28px}
.lista .ico{transition:transform .28s cubic-bezier(.16,1,.3,1)}
.lista button:hover .ico{transform:translateX(4px) scale(1.08)}
.top .in{transition:min-height .3s cubic-bezier(.16,1,.3,1)}
.top.chico .in{min-height:64px}
.marca img{transition:width .3s,height .3s}
.top.chico .marca img{width:46px;height:46px}
.pasos-c{position:relative;margin-top:28px}
.hilo{position:absolute;left:21px;top:22px;bottom:40px;width:2px;background:var(--turquesa);transform-origin:50% 0}
.pasos li{position:relative}

/* franja superior */
.info{background:var(--noche);color:#dbe8ef;font-size:.9688rem}
.info .in{display:flex;flex-wrap:wrap;align-items:center;gap:4px 28px;min-height:40px}
.info span,.info a{display:inline-flex;align-items:center;gap:.45em;text-decoration:none}
.info .ico{width:17px;height:17px}
.info .der{margin-left:auto;font-weight:700;color:#fff}

/* navegación */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:#fff;box-shadow:0 1px 0 var(--linea)}
.top .in{display:flex;align-items:center;gap:24px;min-height:80px}
.marca{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--marino);font:800 1.125rem/1.3 var(--display)}
.marca img{width:56px;height:56px;flex:none}
.marca small{display:block;font:600 .875rem/1.3 var(--body);color:var(--turquesa-t)}
.nav{margin-left:auto;display:flex;align-items:center;gap:26px}
.nav a:not(.btn){font-weight:600;text-decoration:none;color:var(--texto)}
.nav a:not(.btn):hover{color:var(--turquesa-t)}
.nav .btn{min-height:46px;padding:.4em 1em;font-size:1rem}
.menu-btn{display:none;margin-left:auto;align-items:center;justify-content:center;gap:8px;min-width:48px;min-height:48px;padding:0 10px;background:none;border:1.5px solid var(--linea);border-radius:6px;color:var(--marino);font:700 1rem var(--body);cursor:pointer}
.menu-btn:hover{background:var(--bruma)}
.menu-btn .ico{width:26px;height:26px}
.menu-btn .x{display:none}
.menu-btn[aria-expanded="true"] .x{display:block}
.menu-btn[aria-expanded="true"] .tres{display:none}

/* portada */
.hero{background:var(--marino);color:#fff}
.hero-g{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);min-height:540px}
.hero-t{display:flex;flex-direction:column;justify-content:center;gap:20px;padding-block:56px 112px;padding-left:max(20px,calc((100vw - 1200px)/2));padding-right:48px}
.estado{display:inline-flex;align-items:center;gap:.55em;align-self:flex-start;font-weight:600;color:#d6f1f5}
#hora{white-space:nowrap}
.estado i{flex:none;width:10px;height:10px;border-radius:50%;background:#35d07f}
.estado i.cerrado{background:#f2b33d}
.horario{display:grid;gap:0;margin:18px 0 0;max-width:420px;border-top:1px solid var(--linea)}
.horario div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--linea)}
.horario dt{font-weight:600}
.horario dd{margin:0;font-variant-numeric:tabular-nums;color:var(--marino);font-weight:700;text-align:right}
.chips input:disabled+label{opacity:.4;cursor:not-allowed}
h1{font-size:clamp(2.35rem,1.5rem + 2.7vw,3.75rem);font-weight:800;line-height:1.06}
.bajada{font-size:1.3125rem;line-height:1.4;max-width:34ch;color:#e4eff4}
.prueba-mini{display:flex;align-items:center;gap:.4em;font-weight:600;color:#fff}
.prueba-mini svg{width:20px;height:20px;fill:#ffc94d;stroke:none}
.hero-f{position:relative;min-height:320px}
.hero-f img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%}

/* tres caminos */
.caminos{position:relative;z-index:3;margin-top:-72px}
.cam-g{display:grid;grid-template-columns:1.15fr 1.05fr 1.1fr;gap:0;border-radius:8px;overflow:hidden;box-shadow:0 18px 40px -18px rgba(11,32,56,.45)}
.cam{display:grid;grid-template-columns:auto 1fr auto;gap:4px 14px;align-items:start;padding:24px 22px;background:#fff;text-decoration:none;color:var(--texto);border-right:1px solid var(--linea);transition:background .18s}
.cam:last-child{border-right:0}
.cam .ico:not(.flecha){grid-row:1/3;width:34px;height:34px;color:var(--turquesa-t)}
.cam b{font:700 1.1563rem/1.25 var(--display);color:var(--marino)}
.cam span{font-size:1.0313rem;color:var(--suave)}
.cam:hover{background:var(--bruma)}
.cam.urg{background:var(--rojo);color:#fff;border-right:0}
.cam.urg:hover{background:var(--rojo-h)}
.cam.urg .ico,.cam.urg b,.cam.urg span{color:#fff}
.cam.urg b{font-size:1.375rem}
.cam.urg strong{font-variant-numeric:tabular-nums;font-size:1.25rem}

/* especialidades */
.areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}
.area{position:relative;display:block;aspect-ratio:4/3.3;overflow:hidden;border-radius:8px;background:var(--noche);text-decoration:none;color:#fff;border:0;padding:0;font:inherit;text-align:left;cursor:pointer;width:100%}
.area img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.area:hover img{transform:scale(1.04)}
.area div{position:absolute;left:0;right:0;bottom:0;padding:48px 22px 20px;background:linear-gradient(transparent,rgba(11,32,56,.88) 62%)}
.area b{display:block;font:700 1.5rem/1.15 var(--display)}
.area span{font-size:1.0313rem;color:#e4eff4}
.intro{max-width:72ch;text-wrap:pretty;color:var(--suave);margin-top:12px}

/* servicios */
.serv{background:var(--bruma)}
.serv-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,64px);align-items:stretch}
.serv-f{border-radius:8px;overflow:hidden;min-height:420px;position:relative}
.serv-f img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.lista{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 28px}
.lista button{width:100%;display:grid;grid-template-columns:auto 1fr;gap:0 14px;padding:14px 4px;min-height:44px;background:none;border:0;border-bottom:1px solid var(--linea);text-align:left;font:inherit;color:inherit;cursor:pointer}
.lista .ico{grid-row:1/3;width:26px;height:26px;margin-top:2px;color:var(--turquesa-t)}
.lista b{font:700 1.0938rem/1.25 var(--display);color:var(--marino)}
.lista span{font-size:1rem;line-height:1.35;color:var(--suave)}
.lista button:hover b{color:var(--turquesa-t)}

/* emergencia */
.urg-s{background:var(--noche);color:#fff}
.urg-s h2{color:#fff}
.urg-g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,6vw,80px);align-items:start}
.pasos{list-style:none;margin:0;padding:0;display:grid;gap:20px;counter-reset:p}
.pasos li{display:grid;grid-template-columns:44px 1fr;gap:16px;counter-increment:p;color:#d4e2ea}
.pasos li::before{content:counter(p);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--turquesa);color:var(--noche);font:800 1.1875rem var(--display)}
.pasos b{display:block;font:700 1.1875rem/1.3 var(--display);color:#fff}
.tel{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px}
.tel strong{font:800 clamp(1.75rem,1.3rem + 1.4vw,2.375rem) var(--display);font-variant-numeric:tabular-nums;user-select:all}
.copiar{min-height:44px;padding:0 14px;background:none;border:1.5px solid #8fb0c4;border-radius:6px;color:#fff;font:600 1rem var(--body);cursor:pointer}
.copiar:hover{background:#1c3a5c}
.senales{padding:26px 28px;background:#fff;color:var(--texto);border-radius:8px}
.senales h3{font-size:1.375rem;color:var(--rojo);margin-bottom:12px}
.senales ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.senales li{display:flex;gap:.6em;align-items:baseline}
.senales li::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--rojo);transform:translateY(-2px)}
.senales p{margin-top:14px;font-size:1rem;color:var(--suave)}

/* confianza */
.conf-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-block:0 36px;border-block:1px solid var(--linea)}
.dato{padding:22px 24px;border-right:1px solid var(--linea)}
.dato:last-child{border-right:0}
.dato b{display:block;font:800 1.75rem/1.15 var(--display);color:var(--marino);font-variant-numeric:tabular-nums}
.dato span{color:var(--suave);font-size:1.0313rem}
.fotos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
.fotos figure{margin:0}
.fotos img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.fotos figcaption{margin-top:8px;font-size:1rem;color:var(--suave)}

/* agenda */
.agenda{background:var(--bruma)}
.agenda .sub{margin-top:10px;color:var(--suave);max-width:56ch}
.ag-g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,48px);margin-top:30px;align-items:start}
form{display:grid;gap:22px;padding:clamp(20px,3vw,32px);background:#fff;border:1px solid var(--linea);border-radius:8px}
fieldset{border:0;margin:0;padding:0;min-width:0}
legend,.lbl{display:block;padding:0;margin-bottom:8px;font:700 1rem var(--body);color:var(--marino)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips input{position:absolute;opacity:0;width:1px;height:1px}
.chips label{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;background:#fff;border:1.5px solid #a9c0cc;border-radius:6px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}
.chips .dia{flex-direction:column;justify-content:center;min-width:64px;padding:5px 8px;line-height:1.15;font-variant-numeric:tabular-nums}
.chips .dia small{font-weight:400;font-size:.8125rem}
.chips label:hover{border-color:var(--marino)}
.chips input:checked+label{background:var(--marino);border-color:var(--marino);color:#fff}
.chips input:focus-visible+label{outline:3px solid var(--turquesa);outline-offset:2px}
.doble{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
input[type=text]{width:100%;min-height:50px;padding:0 14px;background:#fff;color:var(--texto);border:1.5px solid #a9c0cc;border-radius:6px;font:400 1.0625rem var(--body);caret-color:var(--marino)}
input::placeholder{color:#5c7180}
input[type=text]:focus{outline:2px solid var(--turquesa);outline-offset:1px;border-color:var(--marino)}
.error{display:block;margin-top:6px;color:var(--rojo-h);font-weight:600;font-size:1rem}
[aria-invalid="true"]{border-color:var(--rojo)!important}
.nota{font-size:1rem;color:var(--suave)}
.ticket{position:sticky;top:104px;display:grid;gap:12px}
.ticket h3{font-size:1.25rem;color:var(--marino)}
.wa-marco{background:var(--marino);border-radius:8px;padding:14px;color:#fff}
.wa-top{display:flex;align-items:center;gap:10px;padding:2px 4px 12px}
.wa-top img{width:40px;height:40px}
.wa-top b{display:block;line-height:1.15}.wa-top small{color:#bfdce6;font-size:.9375rem}
.burbuja{background:#e2f6ea;color:var(--texto);border-radius:8px;padding:12px 14px;font-size:1.0313rem;line-height:1.4;white-space:pre-line;min-height:150px}
.burbuja mark{background:none;color:#4c6670;font-style:italic}
.enviar{width:100%}
.enviado{display:grid;gap:10px;padding:14px 16px;background:#fff;border:1.5px solid var(--marino);border-radius:8px}
.enviado:focus{outline:3px solid var(--turquesa);outline-offset:2px}
.enviado b{font:700 1.1875rem var(--display);color:var(--marino)}

/* promo */
.promo{background:var(--marino);color:#fff;padding-block:clamp(44px,5vw,64px)}
.promo .in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,64px);align-items:center}
.promo h2{color:#fff;font-size:clamp(1.7rem,1.3rem + 1.4vw,2.4rem)}
.promo p{margin-block:10px 18px;color:#dbe8ef}
.promo .btn{background:#fff;color:var(--marino)}.promo .btn:hover{background:var(--bruma-2)}
.precios{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.precios caption{text-align:left;font-size:1rem;color:#c7dde6;padding-bottom:6px}
.precios th{text-align:left;font-weight:400}
.precios td{text-align:right;font:700 1.1875rem var(--display)}
.precios tr{border-top:1px solid rgba(255,255,255,.25)}
.precios th,.precios td{padding:7px 2px}

/* contacto */
.cont-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,56px);align-items:stretch}
.cont-g address{font-style:normal;font-size:1.25rem;line-height:1.4;margin-top:14px}
.telefonos{display:grid;gap:2px;margin-top:18px}
.telefonos a{text-decoration:none;justify-self:start;min-height:44px;display:inline-flex;align-items:center}
.telefonos a:hover strong{color:var(--turquesa-t)}
.telefonos strong{font:800 1.625rem var(--display);color:var(--marino);font-variant-numeric:tabular-nums}
.tel-nota{font-size:1rem;color:var(--suave)}
.botones{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.mapa{min-height:380px;border:1px solid var(--linea);border-radius:8px;overflow:hidden;background:var(--bruma)}
.mapa iframe{display:block;width:100%;height:100%;min-height:380px;border:0}

/* pie */
.pie{background:var(--noche);color:#c9d8e2;font-size:1rem;padding-block:28px}
.pie .in{display:flex;flex-wrap:wrap;gap:8px 28px;justify-content:space-between;align-items:center}
.pie a{color:#fff;font-weight:600;display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.pie p+p{margin-top:2px}

.fija{display:none}
/* SOLO DEMO PUBLICADA: franja de propuesta (se activa con data-publica en <html>) */
.aviso-demo{background:#fff4d6;color:#4a3b00;font-size:.9375rem;line-height:1.35;text-align:center;padding-block:8px}
.aviso-demo b{font-weight:700}

/* reseñas */
.resenas{padding-top:clamp(20px,3vw,40px)}
.res-cab{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 32px;margin-bottom:28px}
.nota-g{display:inline-flex;align-items:center;gap:14px;text-decoration:none;color:var(--texto)}
.nota-g>b{font:800 3rem/1 var(--display);color:var(--marino);font-variant-numeric:tabular-nums}
.nota-g>span{display:flex;flex-direction:column;gap:2px}
.nota-g small{font-size:1rem;color:var(--suave)}
.nota-g:hover small{text-decoration:underline}
.estrellas{color:#f4b400;letter-spacing:.08em;font-size:1.05rem;line-height:1}
.res-g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-rows:auto auto;gap:16px}
.res{position:relative;display:flex;flex-direction:column;gap:14px;margin:0;padding:26px 26px 22px;background:var(--bruma);border-radius:8px}
.res::before{content:"\201C";position:absolute;right:20px;top:4px;font:800 5rem/1 var(--display);color:var(--bruma-2);pointer-events:none}
.res-grande{grid-row:1/3;background:var(--marino);color:#fff;padding:clamp(28px,4vw,44px)}
.res-grande::before{color:rgba(255,255,255,.12);font-size:8rem}
.res-tema{align-self:flex-start;padding:4px 10px;border-radius:999px;background:#fff;color:var(--turquesa-t);font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.04em}
.res-grande .res-tema{background:var(--turquesa);color:#fff}
.res blockquote{margin:0;flex:1;text-wrap:pretty}
.res-grande blockquote{font:600 clamp(1.25rem,1rem + .8vw,1.6rem)/1.4 var(--display);letter-spacing:-.01em}
.res figcaption{display:flex;align-items:center;gap:12px}
.res figcaption>span:last-child{display:flex;flex-direction:column;gap:3px}
.res figcaption .estrellas{font-size:.9rem}
.ini{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:50%;background:var(--marino);color:#fff;font:700 1.1rem/1 var(--display)}
.res-grande .ini{background:var(--turquesa)}
.res-pie{margin-top:24px}
@media (max-width:980px){.res-g{grid-template-columns:minmax(0,1fr)}.res-grande{grid-row:auto}}
@media (max-width:980px){
  .menu-btn{display:inline-flex}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100dvh - 120px);overflow-y:auto;padding:6px max(20px,env(safe-area-inset-right,0px)) 18px max(20px,env(safe-area-inset-left,0px));background:#fff;box-shadow:0 1px 0 var(--linea),0 16px 28px -14px rgba(11,32,56,.45)}
  .nav.abierta{display:flex}
  .nav a:not(.btn){display:flex;align-items:center;min-height:54px;border-bottom:1px solid var(--linea);font-size:1.125rem}
  .nav .btn{min-height:52px;margin-top:14px;font-size:1.0625rem}
  .info .ocultar{display:none}
  .hero-g{grid-template-columns:minmax(0,1fr);min-height:0}
  .hero-t{padding:36px 20px 28px}
  .hero-f{min-height:230px}
  .hero-f img{object-position:50% 48%}
  .caminos{margin-top:0;padding-inline:0}
  .cam-g{grid-template-columns:minmax(0,1fr);border-radius:0;box-shadow:none}
  .cam{border-right:0;border-bottom:1px solid var(--linea);padding-inline:20px}
  .areas{grid-template-columns:minmax(0,1fr)}
  .area{aspect-ratio:16/10}
  .serv-g,.urg-g,.ag-g,.promo .in,.cont-g{grid-template-columns:minmax(0,1fr)}
  .serv-f{min-height:260px}
  .ticket{position:static}
  html{scroll-padding-bottom:84px}
  .pie{padding-bottom:92px}
  .fija{position:fixed;z-index:40;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px max(10px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px));background:#fff;box-shadow:0 -1px 0 var(--linea),0 -8px 20px -10px rgba(11,32,56,.4)}
  .fija .btn{min-height:50px;padding:.4em .6em}
}
@media (max-width:620px){
  .lista,.doble,.conf-g,.fotos{grid-template-columns:minmax(0,1fr)}
  .dato{border-right:0;border-bottom:1px solid var(--linea);padding-inline:4px}
  .dato:last-child{border-bottom:0}
  .marca small{display:none}
  .info .dir{display:none}
  .marca{font-size:1rem}
  .marca img{width:48px;height:48px}
  .top .in{min-height:68px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}