/* Dr. Valdez Toral · landing · línea minimal editorial (navy, gris, blanco) con teal del logo como único acento */
:root{
  --navy:#1F4374; --navy-2:#16366B; --ink:#122849; --teal:#7BC7D4; --teal-2:#4FB0C2; --slate:#556B7E;
  --gris:#EAF1F5; --gris-2:#DCE4EB; --paper:#FFFFFF; --txt:#2E3E52; --mut:#7A8699;
  --f:'Figtree',ui-sans-serif,system-ui,-apple-system,sans-serif;
  --w:1180px; --gut:clamp(20px,4vw,56px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:auto}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}
body{font-family:var(--f);color:var(--txt);background:var(--paper);-webkit-font-smoothing:antialiased;overflow-x:hidden;cursor:none}
@media (hover:none){body{cursor:auto}#cursor{display:none}}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--w);margin:0 auto;padding-inline:var(--gut)}
h1,h2,h3{font-weight:500;letter-spacing:-.025em;line-height:1.04;color:var(--ink)}
h1{font-size:clamp(40px,6.2vw,92px)}
h2{font-size:clamp(34px,4.6vw,66px)}
h3{font-size:clamp(20px,1.6vw,24px);font-weight:600;letter-spacing:-.01em}
h2 i,h1 i{font-style:italic;font-weight:300;color:var(--navy)}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--teal-2);margin-bottom:18px}
p{line-height:1.6}
.sub{font-size:clamp(18px,1.4vw,22px);font-weight:300;color:var(--slate);max-width:60ch;margin-top:16px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;background:var(--navy);color:#fff;font-weight:600;font-size:15px;transition:transform .25s,background .25s}
.btn:hover{background:var(--ink);transform:translateY(-2px)}
.btn.big{padding:18px 30px;font-size:17px}
.btn.ghost{background:transparent;color:var(--navy);border:1.5px solid var(--gris-2)}
.btn.ghost:hover{background:var(--gris)}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}

/* cursor */
#cursor{position:fixed;left:0;top:0;width:18px;height:18px;border:1.5px solid var(--navy);border-radius:50%;pointer-events:none;z-index:1000;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s,border-color .2s;mix-blend-mode:multiply}
#cursor.lente{width:54px;height:54px;border-color:var(--teal);background:rgba(123,199,212,.14);mix-blend-mode:normal}
#cursor.link{width:44px;height:44px;background:rgba(31,67,116,.12)}

/* splash */
#splash{position:fixed;inset:0;z-index:900;background:var(--navy);display:grid;place-items:center;overflow:hidden}
#splash .splash-inner{position:relative;width:min(640px,80vw);display:grid;place-items:center;gap:26px}
#splash .anillo-svg{position:absolute;left:50%;top:50%;width:min(520px,90vw);height:auto;transform:translate(-50%,-50%);pointer-events:none}
#splash .anillo{stroke-dasharray:541;stroke-dashoffset:541;transform-origin:center;transform:rotate(-90deg)}
#splash .anillo2{stroke-dasharray:440;stroke-dashoffset:440;transform-origin:center;transform:rotate(90deg)}
#splash .logo-box{position:relative;width:100%}
#splash .wordmark{width:100%;clip-path:inset(0 100% 0 0)}
#splash .scan{position:absolute;top:-30%;bottom:-30%;left:0;width:3px;background:linear-gradient(180deg,transparent,#7BC7D4 30%,#fff 50%,#7BC7D4 70%,transparent);box-shadow:0 0 24px 4px rgba(123,199,212,.6);opacity:0}
#splash .tag{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--teal);opacity:0;transform:translateY(8px)}

/* header */
.top{position:fixed;left:0;right:0;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px var(--gut);transition:background .3s,backdrop-filter .3s,box-shadow .3s}
.top.solid{background:rgba(255,255,255,.86);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--gris-2)}
.top .brand img{height:34px;width:auto}
.top nav{display:flex;gap:26px;align-items:center;font-size:14px;font-weight:600;color:var(--slate)}
.top nav a:not(.btn){position:relative}
.top nav a:not(.btn)::after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:2px;background:var(--teal);transition:right .25s}
.top nav a:not(.btn):hover::after{right:0}
.top nav .btn{padding:10px 16px;font-size:13px}
.lang{display:flex;border:1.5px solid var(--gris-2);border-radius:999px;padding:3px;gap:2px;background:rgba(255,255,255,.7)}
.lang button{font:inherit;font-size:12px;font-weight:700;letter-spacing:.08em;padding:6px 10px;border:0;border-radius:999px;background:transparent;color:var(--slate);cursor:none}
.lang button.on{background:var(--navy);color:#fff}
@media (hover:none){.lang button{cursor:pointer}}
@media (max-width:860px){.top nav a:not(.btn){display:none}.top nav{gap:8px}.top{padding:14px 16px}.top .brand img{height:26px}.top nav .btn{padding:9px 13px}}

/* hero */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:radial-gradient(1200px 700px at 70% 40%,#F3F7FA 0%,#fff 60%)}
.hero-grid{position:relative;z-index:2;width:100%;max-width:var(--w);margin:0 auto;padding:130px var(--gut) 110px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:center}
.hero-copy{max-width:640px}
.lead{font-size:clamp(17px,1.35vw,21px);font-weight:300;color:var(--slate);max-width:52ch;margin-top:26px}
h1 .w{display:inline-block;overflow:hidden;vertical-align:top}
h1 .w span{display:inline-block;transform:translateY(110%)}
.hint{margin-top:38px;font-size:13px;color:var(--mut);display:flex;align-items:center;gap:10px}
.lens-dot{width:10px;height:10px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 6px rgba(123,199,212,.25)}
.escena-hero{position:relative;min-height:600px;touch-action:pan-y;user-select:none;cursor:grab}
.escena-hero:active{cursor:grabbing}
#hero-canvas{position:absolute;inset:-30px -10vw -30px -30px;width:calc(100% + 10vw + 30px);height:calc(100% + 60px);display:block}
.scope{position:absolute;right:0;top:0;width:230px;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#3B0E14;box-shadow:0 30px 60px -20px rgba(18,40,73,.45),0 0 0 6px #fff,0 0 0 7px var(--gris-2);pointer-events:none}
#scope-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.scope::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,transparent 50%,rgba(0,0,0,.6) 100%);pointer-events:none}
.scope::before{content:"";position:absolute;inset:0;border-radius:50%;background:rgba(255,130,120,.16);mix-blend-mode:multiply;z-index:1;pointer-events:none}
.scope-hud{position:absolute;inset:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.85);z-index:2}
.scope-hud span{position:absolute}
.scope-hud .a{left:50%;top:18px;transform:translateX(-50%);white-space:nowrap}
.scope-hud .b{left:50%;top:32px;transform:translateX(-50%);display:flex;align-items:center;gap:5px}
.scope-hud .c{left:50%;bottom:20px;transform:translateX(-50%);white-space:nowrap;color:rgba(255,255,255,.65)}
.rec{width:6px;height:6px;border-radius:50%;background:#FF5A5A;animation:rec 1.2s steps(2) infinite}
@keyframes rec{to{opacity:0}}
.scope-hud::before{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;border:1px solid rgba(255,255,255,.35);border-radius:50%;transform:translate(-50%,-50%)}
.etiqueta{position:absolute;left:0;top:0;margin:-14px 0 0 10px;will-change:transform;padding:6px 10px;border-radius:999px;background:#fff;border:1px solid var(--gris-2);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--slate);pointer-events:none}
.marquee{position:absolute;left:0;right:0;bottom:0;z-index:2;border-top:1px solid var(--gris-2);background:rgba(255,255,255,.7);backdrop-filter:blur(6px);overflow:hidden;padding:14px 0}
.marquee .track{display:flex;gap:56px;white-space:nowrap;width:max-content;animation:marq 40s linear infinite;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--slate);font-weight:600}
.marquee .track span::after{content:"·";margin-left:56px;color:var(--teal)}
@keyframes marq{to{transform:translateX(-50%)}}
@media (max-width:860px){.hero{min-height:0}.hero-grid{grid-template-columns:1fr;padding:110px var(--gut) 80px;gap:8px}.hint{display:flex;margin-top:22px}h1{font-size:clamp(38px,11vw,56px)}.lead{font-size:16px}.cta-row{gap:10px}.btn.big{padding:15px 22px;font-size:15px}.escena-hero{min-height:0;height:min(420px,105vw);margin-top:10px}#hero-canvas{inset:0;width:100%;height:100%}.scope{width:140px;bottom:10px;right:4px;box-shadow:0 20px 40px -16px rgba(18,40,73,.45),0 0 0 4px #fff,0 0 0 5px var(--gris-2)}.scope-hud{font-size:7px}.scope-hud .a{top:12px}.scope-hud .b{top:23px}.scope-hud .c{bottom:12px}.etiqueta{font-size:10px}}

/* secciones */
section{position:relative}
.servicios{padding:140px 0 120px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:56px}
.card{background:var(--gris);border-radius:22px;padding:34px 30px 36px;position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .35s}
.card::before{content:"";position:absolute;inset:auto -40% -60% auto;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(123,199,212,.35),transparent 70%);opacity:0;transition:opacity .4s}
.card:hover{transform:translateY(-6px);background:#E3ECF2}.card:hover::before{opacity:1}
.card .n{font-size:13px;font-weight:700;letter-spacing:.16em;color:var(--teal-2);margin-bottom:22px}
.card p{margin-top:12px;font-size:15.5px;font-weight:300;color:var(--slate)}
@media (max-width:900px){.cards{grid-template-columns:1fr 1fr}}@media (max-width:600px){.cards{grid-template-columns:1fr;gap:12px}.card{padding:26px 22px 28px}.card .ico{width:44px;height:44px;margin-bottom:14px}.servicios{padding:100px 0 80px}.doctor,.faq{padding-top:80px}}

.visita{background:var(--navy);color:#fff}
.visita-pin{min-height:100svh;display:flex;align-items:center}
.visita-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:60px;align-items:center;width:100%;padding-block:110px 60px}
.visita h2{color:#fff}.visita h2 i{color:var(--teal)}.visita .eyebrow{color:var(--teal)}
.progreso{margin-top:40px;height:3px;background:rgba(255,255,255,.18);border-radius:3px;overflow:hidden;max-width:360px}
.progreso i{display:block;height:100%;width:0;background:var(--teal)}
.pasos{display:grid;gap:14px}
.paso{display:grid;grid-template-columns:64px 1fr;gap:16px;padding:20px 24px;align-items:start;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);opacity:.35;transform:translateX(16px);transition:opacity .4s,transform .4s,background .4s}
.paso.on{opacity:1;transform:none;background:rgba(255,255,255,.12)}
.paso .k{font-size:34px;font-weight:300;color:var(--teal);line-height:1}
.paso h3{color:#fff}.paso p{color:rgba(255,255,255,.75);font-weight:300;font-size:15.5px;margin-top:6px}
@media (max-width:860px){.visita-pin{min-height:100svh;align-items:flex-start}.visita-grid{grid-template-columns:1fr;gap:18px;padding-block:90px 40px}.visita h2{font-size:clamp(28px,8.5vw,40px)}.progreso{margin-top:18px}.pasos{gap:8px}.paso{padding:12px 16px;grid-template-columns:40px 1fr;gap:10px;transform:none}.paso .k{font-size:22px}.paso h3{font-size:16px}.paso p{display:none;font-size:14px;margin-top:4px}.paso.on:not(.pasado) p{display:block}.paso.pasado{opacity:.55}}

.rafi{background:#0E1F3C;color:#fff}
.rafi-pin{position:relative;height:100svh;overflow:hidden}
#rafi-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.rafi-copy{position:absolute;right:var(--gut);top:50%;transform:translateY(-50%);width:min(560px,calc(100% - 2*var(--gut)));display:grid;gap:28px}
.rafi h2{color:#fff}.rafi h2 i{color:var(--teal)}.rafi .eyebrow{color:var(--teal)}
.rafi-pasos{display:grid;gap:10px}
.rp{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:14px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.1);opacity:.3;transition:opacity .3s,background .3s}
.rp.on{opacity:1;background:rgba(123,199,212,.12);border-color:rgba(123,199,212,.4)}
.rp b{font-weight:600;color:var(--teal)}.rp span{font-weight:300;font-size:14.5px;color:rgba(255,255,255,.78)}
@media (max-width:860px){
.rafi-copy{top:auto;bottom:max(18px,env(safe-area-inset-bottom));transform:none;left:var(--gut);right:var(--gut);width:auto;gap:12px;padding-bottom:8px}
.rafi .eyebrow{margin-bottom:8px;font-size:11px}.rafi h2{font-size:clamp(26px,8vw,36px)}
.rafi-pasos{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.rp{display:block;padding:8px 4px;text-align:center;border-radius:10px;opacity:.45}.rp b{font-size:12px;line-height:1.15;display:block}.rp span{display:none}
.rp-desc{font-size:14.5px;font-weight:300;color:rgba(255,255,255,.85);min-height:2.6em;line-height:1.3}
.rp-barra{height:3px;background:rgba(255,255,255,.15);border-radius:3px;overflow:hidden}.rp-barra i{display:block;height:100%;width:0;background:var(--teal)}
}
@media (min-width:861px){.rp-desc,.rp-barra{display:none}}

.doctor{padding:140px 0}
.doctor-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:70px;align-items:center}
.retrato{border-radius:28px;overflow:hidden;background:var(--gris);aspect-ratio:4/5}
.retrato img{width:100%;height:100%;object-fit:cover;object-position:center 15%;transform:scale(1.06)}
.doctor-copy p{margin-top:18px;font-size:17px;font-weight:300;color:var(--slate);max-width:56ch}
.hechos{list-style:none;margin-top:30px;display:grid;gap:10px}
.hechos li{padding:14px 18px;border-radius:14px;background:var(--gris);font-size:14.5px;color:var(--ink)}
@media (max-width:860px){.doctor-grid{grid-template-columns:1fr;gap:34px}}

.faq{padding:60px 0 140px}
.acordeon{margin-top:40px;max-width:820px}
details{border-top:1px solid var(--gris-2);padding:22px 0}
details:last-child{border-bottom:1px solid var(--gris-2)}
summary{cursor:none;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:clamp(18px,1.5vw,22px);font-weight:500;color:var(--ink)}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-size:28px;font-weight:300;color:var(--teal-2);transition:transform .3s}
details[open] summary::after{transform:rotate(45deg)}
details p{margin-top:14px;font-weight:300;color:var(--slate);max-width:64ch}

.contacto{background:var(--gris);padding:120px 0}
.contacto-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:60px;align-items:center}
.contacto-copy p{margin-top:18px;font-weight:300;color:var(--slate);font-size:18px;max-width:50ch}
.mapa{border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 30px 60px -40px rgba(18,40,73,.35)}
.mapa img{aspect-ratio:4/3;object-fit:cover;width:100%}
.mapa-pie{padding:18px 22px;display:grid;gap:4px;font-size:14px;color:var(--slate)}.mapa-pie b{color:var(--ink);font-weight:600}
@media (max-width:860px){.contacto-grid{grid-template-columns:1fr}}

footer{background:var(--ink);color:rgba(255,255,255,.75);padding:60px 0 50px}
.foot{display:grid;gap:18px}.foot img{height:40px;width:auto;opacity:.95}
.foot p{max-width:70ch;font-size:14px;font-weight:300}.foot .mini{color:rgba(255,255,255,.45);font-size:13px}

/* reveals */
.reveal{opacity:0;transform:translateY(22px)}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.marquee .track{animation:none}#splash{display:none}}

/* ── iconos de servicios ── */
.card .ico{width:56px;height:56px;color:var(--navy);margin-bottom:22px;display:block}
.card .ico path,.card .ico circle,.card .ico rect{stroke-dasharray:var(--len,200);stroke-dashoffset:var(--len,200)}
.card.dibujado .ico path,.card.dibujado .ico circle,.card.dibujado .ico rect{stroke-dashoffset:0;transition:stroke-dashoffset 1.1s cubic-bezier(.4,0,.2,1)}
.card:hover .ico{color:var(--teal-2);transform:translateY(-2px) rotate(-3deg);transition:transform .4s,color .3s}
.card .n{margin-bottom:14px}
.card{transform-style:preserve-3d;will-change:transform}

/* ── escena primera visita ── */
.escena-visita{width:min(420px,100%);height:auto;margin-top:36px;display:block}
.escena-visita .ev{opacity:0;transition:opacity .4s}
.escena-visita .ev.on{opacity:1}
.escena-visita .tr{stroke-dasharray:900;stroke-dashoffset:900}
.escena-visita .ev.on .tr{animation:traza 1.4s cubic-bezier(.4,0,.2,1) forwards}
.escena-visita .ev.on .onda{animation:traza 1.2s .6s forwards,flota 2.4s 1.8s ease-in-out infinite}
.escena-visita .pt{fill:#7BC7D4;stroke:none;opacity:0}
.escena-visita .ev.on .pt{animation:aparece .4s .9s forwards}
.escena-visita .halo{stroke:#7BC7D4;opacity:0}
.escena-visita .ev.on .halo{animation:halo 2s 1.2s ease-out infinite}
.escena-visita .ev.on .linea{animation:traza 2.2s .3s linear forwards}
@keyframes traza{to{stroke-dashoffset:0}}
@keyframes aparece{to{opacity:1}}
@keyframes flota{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes halo{0%{r:7;opacity:.8}100%{r:26;opacity:0}}
@media (max-width:860px){.escena-visita{width:min(300px,70vw);margin:10px auto 0;max-height:150px}}

/* ── el doctor ── */
.doctor{position:relative;overflow:hidden;padding:150px 0 140px;background:linear-gradient(180deg,#fff 0%,#F3F7FA 100%)}
.doctor-fondo{position:absolute;inset:0;pointer-events:none;display:flex;align-items:center}
.gigante{white-space:nowrap;font-size:clamp(110px,17vw,260px);font-weight:600;letter-spacing:-.05em;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(31,67,116,.1);will-change:transform;padding-left:4vw}
.doctor-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:center}
.escenario{position:relative;aspect-ratio:1;max-width:560px;width:100%;justify-self:center}
.arco{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.arco-l{stroke-dasharray:1684;stroke-dashoffset:1684}
.arco-p{transform-origin:center;animation:gira 60s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}
.retrato-xr{position:absolute;left:4%;right:4%;bottom:-2%;top:-8%;clip-path:inset(100% 0 0 0);transition:clip-path 1.4s cubic-bezier(.2,.8,.2,1)}
.escenario.on .retrato-xr{clip-path:inset(0 0 0 0)}
.escenario.on .arco-l{transition:stroke-dashoffset 1.8s cubic-bezier(.4,0,.2,1);stroke-dashoffset:0}
.retrato-xr img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:bottom center;display:block}
.retrato-xr .base{filter:drop-shadow(0 30px 40px rgba(18,40,73,.25))}
.retrato-xr img{-webkit-mask-image:linear-gradient(180deg,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,#000 82%,transparent 100%)}
.retrato-xr .xr{filter:grayscale(1) invert(1) contrast(1.25) brightness(1.1) sepia(1) hue-rotate(150deg) saturate(1.6);-webkit-mask-image:radial-gradient(circle var(--r,0px) at var(--mx,50%) var(--my,50%),#000 0 55%,transparent 100%)!important;mask-image:radial-gradient(circle var(--r,0px) at var(--mx,50%) var(--my,50%),#000 0 55%,transparent 100%)!important}
.retrato-xr:hover .xr{--r:90px}
@media (hover:none){.escenario.on .retrato-xr .xr{--r:80px}}
.scan-doc{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(123,199,212,.9),transparent);opacity:0}
.escenario.on .scan-doc{animation:escanea 5s 1.6s ease-in-out infinite}
@keyframes escanea{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:100%;opacity:0}}
.chip-doc{position:absolute;padding:10px 16px;border-radius:999px;background:#fff;box-shadow:0 10px 30px -10px rgba(18,40,73,.3);font-size:13px;font-weight:600;color:var(--ink);opacity:0;transform:translateY(10px)}
.escenario.on .chip-doc{animation:chip .6s cubic-bezier(.2,.8,.2,1) forwards}
.chip-doc.c1{left:0;top:28%;animation-delay:1.3s!important}.chip-doc.c2{right:-2%;top:46%;animation-delay:1.5s!important}.chip-doc.c3{left:6%;bottom:12%;animation-delay:1.7s!important}
@keyframes chip{to{opacity:1;transform:none}}
.hint-doc{position:absolute;right:0;bottom:-30px;font-size:12px;color:var(--mut)}
@media (hover:none){.hint-doc{display:none}}
.credo{list-style:none;margin-top:34px;display:grid;gap:14px}
.credo li{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:16px 0;border-top:1px solid var(--gris-2)}
.credo li:last-child{border-bottom:1px solid var(--gris-2)}
.credo b{font-weight:300;font-size:26px;color:var(--teal-2);line-height:1}
.credo h3{font-size:18px}.credo p{margin-top:4px!important;font-size:15px!important;max-width:48ch}
@media (max-width:860px){.doctor{padding:90px 0 80px}.doctor-grid{grid-template-columns:1fr;gap:22px}.escenario{max-width:min(420px,88vw)}.gigante{font-size:30vw}.chip-doc{font-size:12px;padding:8px 12px}.chip-doc.c2{right:0}.credo li{grid-template-columns:36px 1fr}.hint-doc{display:none}}

/* ── mapa ── */
.mapa iframe{width:100%;aspect-ratio:4/3;border:0;display:block;filter:saturate(.85)}
.mapa-pie{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:16px;padding:16px 18px}
.mapa-pie img{width:72px;height:72px;object-fit:cover;border-radius:14px}
.mapa-pie div{display:grid;gap:3px}
.btn.chico{padding:10px 16px;font-size:13px;white-space:nowrap}
@media (max-width:600px){.mapa-pie{grid-template-columns:56px 1fr}.mapa-pie img{width:56px;height:56px}.mapa-pie .btn{grid-column:1/-1;justify-self:start}}