:root{
  --bg:#06121c;--bg2:#0a1c2a;--card:#0e2333;--card2:#123047;--line:rgba(207,230,242,.13);--line2:rgba(207,230,242,.24);
  --ink:#ffffff;--soft:#d6e8f2;--dim:#a3bccb;
  --cyan:#00C8D6;--mag:#FF4FD8;--yel:#F2D14B;--teal:#3ce3c3;
  --r:14px;--max:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);overflow-x:hidden;color:var(--soft);font-family:'Manrope',system-ui,sans-serif;font-weight:500;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3{color:var(--ink);font-weight:800;line-height:1.15;letter-spacing:-.01em}
h1{font-size:clamp(28px,4vw,42px)}
h2{font-size:clamp(22px,2.6vw,28px)}
h3{font-size:18px}
b,strong{font-weight:700;color:var(--ink)}
:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:6px}
.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 20px}
main{flex:1;outline:none;position:relative;z-index:1}
#view:focus,#view:focus-visible{outline:none}
.foot{position:relative;z-index:2}
#fx{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none}
#sweep{position:fixed;inset:0;z-index:30;pointer-events:none;opacity:0;background:linear-gradient(100deg,transparent 0%,rgba(255,79,216,.0) 30%,rgba(255,79,216,.35) 42%,rgba(56,189,248,.45) 50%,rgba(74,222,128,.35) 58%,transparent 70%);background-size:300% 100%;mix-blend-mode:screen}
#sweep.go{animation:sweep .9s cubic-bezier(.65,0,.35,1) both}
@keyframes sweep{0%{opacity:0;background-position:100% 0}15%{opacity:1}85%{opacity:1}100%{opacity:0;background-position:0% 0}}
#view.enter>*{animation:enter .8s cubic-bezier(.16,1,.3,1) both}
#view.enter>*:nth-child(2){animation-delay:.08s}#view.enter>*:nth-child(3){animation-delay:.16s}#view.enter>*:nth-child(n+4){animation-delay:.22s}
@keyframes enter{from{opacity:0;transform:translateY(28px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@media (prefers-reduced-motion:reduce){#sweep,#view.enter>*{animation:none!important}}

/* ---------- encabezado ---------- */
.top{position:fixed;top:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:22px 36px;background:linear-gradient(180deg,rgba(6,18,28,.75),rgba(6,18,28,0));transition:background .4s,padding .4s,border-color .4s;border-bottom:1px solid transparent}
.top.solid{background:rgba(6,18,28,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:12px 36px;border-bottom-color:var(--line)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0}
.mark{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 1px var(--line2)}
.bt{display:flex;flex-direction:column;min-width:0}
.bt b,.serif{font-family:'Fraunces',Georgia,serif;font-variation-settings:'SOFT' 50,'opsz' 72;font-weight:600;letter-spacing:.005em}
.bt b{font-size:21px;line-height:1.05}
.bt small{display:none!important}
.bt small{font-size:12px;color:var(--dim);font-weight:600;line-height:1.3}
.nav{display:flex;gap:6px;justify-content:center;overflow-x:auto;scrollbar-width:none;max-width:100%}
.nav::-webkit-scrollbar{display:none}
.nav a{text-decoration:none;font-weight:700;font-size:12px;letter-spacing:.2em;text-transform:uppercase;padding:9px 14px;border-radius:999px;color:rgba(214,232,242,.78);white-space:nowrap;transition:color .2s,background .2s}
.nav a:hover{color:#fff}
.nav a.on{color:#fff;background:rgba(255,255,255,.1)}
@media (max-width:900px){.top{grid-template-columns:1fr;gap:8px;padding:14px 16px}.top.solid{padding:10px 16px}.nav{justify-content:flex-start}.bt small{display:none!important}}
body:not(.home) main{padding-top:84px}
@media (max-width:900px){body:not(.home) main{padding-top:112px}}

/* ---------- piezas comunes ---------- */
section.blk{padding:56px 0}
section.blk+section.blk{border-top:1px solid var(--line)}
.foot{background:rgba(10,28,42,.85)!important}
.kick{display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-bottom:10px}
.kick.m{color:var(--mag)}.kick.y{color:var(--yel)}
.lead{font-size:18px;color:var(--soft);max-width:720px;margin-top:12px}
.sub{color:var(--dim);font-size:15px;margin-top:6px;max-width:720px}
.btn{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;text-decoration:none;font-weight:800;font-size:15px;padding:12px 18px;border-radius:999px;background:var(--cyan);color:#022a30}
.btn:hover{filter:brightness(1.08)}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line2)}
.btn.ghost:hover{background:var(--card)}
.btn:disabled{opacity:.5;cursor:default}
.note{font-size:13.5px;color:var(--dim)}
.grid{display:grid;gap:16px}
.g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.g3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.g4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.pill{display:inline-block;font-size:12px;font-weight:800;padding:3px 10px;border-radius:999px;background:rgba(0,200,214,.14);color:var(--cyan)}
.pill.m{background:rgba(255,79,216,.14);color:var(--mag)}.pill.y{background:rgba(242,209,75,.14);color:var(--yel)}.pill.g{background:rgba(207,230,242,.1);color:var(--soft)}
.seg{display:flex;flex-wrap:wrap;gap:6px}
.seg button{border:1px solid var(--line2);background:transparent;border-radius:999px;padding:7px 14px;font-weight:700;font-size:14px;cursor:pointer}
.seg button:hover{background:var(--card)}
.seg button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.demo-flag{display:flex;gap:10px;align-items:flex-start;background:rgba(242,209,75,.08);border:1px solid rgba(242,209,75,.3);color:#f6e6a6;border-radius:12px;padding:12px 14px;font-size:14px;margin-top:20px}

/* ---------- inicio ---------- */
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:flex-start;overflow:hidden;padding:0}
.hero .bgimg{position:absolute;inset:0;background:url(/obs/img/brand/isla.webp) 62% 50%/cover no-repeat}
.hero .bgimg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,18,28,.85) 0%,rgba(6,18,28,.35) 16%,rgba(6,18,28,0) 30%),linear-gradient(90deg,rgba(6,18,28,.72) 0%,rgba(6,18,28,.35) 38%,rgba(6,18,28,0) 60%),linear-gradient(0deg,var(--bg) 0%,rgba(6,18,28,0) 22%)}
@media (prefers-reduced-motion:no-preference){.hero .bgimg{animation:drift 30s ease-in-out infinite alternate}}
/* video de la portada */
.hero .bgimg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%;opacity:0;transition:opacity 1.6s ease}
.hero .bgimg video.ready{opacity:1}
.hero .bgimg::after{z-index:1}
@keyframes drift{from{transform:scale(1.02)}to{transform:scale(1.08) translate(-1%,-.6%)}}
.hero .wrap{position:relative;z-index:1;max-width:none;padding:0 0 0 clamp(20px,10.5vw,170px);margin-top:clamp(140px,24vh,230px)}
.hero-t{font-family:'Fraunces',Georgia,serif;font-variation-settings:'SOFT' 50,'opsz' 96;font-weight:500;font-size:clamp(34px,4.1vw,58px);line-height:1.08;letter-spacing:-.005em;max-width:13.5em;color:#fff;text-shadow:0 2px 24px rgba(6,18,28,.6)}
.hero-s{margin-top:22px;max-width:34em;font-size:clamp(15.5px,1.15vw,17.5px);font-weight:500;color:rgba(214,232,242,.92);text-shadow:0 1px 14px rgba(6,18,28,.8)}
.hero-cta{position:absolute;z-index:1;left:clamp(20px,2.6vw,40px);bottom:clamp(24px,4.5vh,44px);display:flex;align-items:center;gap:14px;padding:15px 22px;border:1px dashed rgba(214,232,242,.45);border-radius:6px;text-decoration:none;color:#fff;font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;background:rgba(6,18,28,.25);backdrop-filter:blur(4px);transition:border-color .2s,background .2s}
.hero-cta:hover{border-color:#fff;border-style:solid;background:rgba(6,18,28,.5)}
.hero-cta i{width:12px;height:10px;border-top:1.5px solid currentColor;border-bottom:1.5px solid currentColor;position:relative}
.hero-cta i::after{content:"";position:absolute;left:0;right:0;top:3px;border-top:1.5px solid currentColor}
.hero-hint{position:absolute;z-index:1;right:clamp(20px,2.6vw,40px);bottom:clamp(26px,4.5vh,46px);text-align:right;font-size:12px;font-weight:600;color:rgba(214,232,242,.6);line-height:1.5}
@media (max-width:900px){.hero .bgimg{top:30%;background-image:url(/obs/img/brand/isla-m.webp);background-position:50% 30%}.hero .bgimg::after{background:linear-gradient(180deg,rgba(6,18,28,.8) 0%,rgba(6,18,28,.35) 45%,rgba(6,18,28,0) 65%),linear-gradient(0deg,var(--bg) 0%,rgba(6,18,28,0) 22%)}.hero .wrap{margin-top:150px;padding-right:20px}.hero-hint{display:none}.hero-cta{left:20px;right:20px;justify-content:center}}
.pagehero{position:relative}
.pagehero::before{content:"";position:absolute;inset:-56px 0 auto auto;width:min(46vw,560px);height:460px;background:var(--img,none) center/cover no-repeat;opacity:.38;-webkit-mask-image:radial-gradient(closest-side,#000 30%,transparent 100%);mask-image:radial-gradient(closest-side,#000 30%,transparent 100%);pointer-events:none;z-index:-1}
.brandshot{border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#071624}
.brandshot img{display:block;width:100%;height:auto}
.card{background:rgba(14,35,51,.88)}
.hero h1{max-width:640px}.hero .lead{max-width:560px}

.hero .acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.fan{display:none}
.fan i{position:absolute;left:50%;bottom:0;width:6px;height:200px;border-radius:6px;transform-origin:50% 100%;background:linear-gradient(0deg,rgba(0,200,214,0),var(--cyan))}
@media (prefers-reduced-motion:no-preference){.fan i{animation:breathe 4s ease-in-out infinite}}
@keyframes breathe{0%,100%{opacity:.45}50%{opacity:1}}
@media (max-width:860px){.fan{display:none}.hero{padding:44px 0 36px}}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:28px}
.stat{border-left:3px solid var(--cyan);padding:6px 0 6px 16px}
.stat b{display:block;font-size:34px;font-weight:800;line-height:1.1}
.stat span{font-size:14.5px;color:var(--soft)}
.stat:nth-child(2){border-color:var(--mag)}.stat:nth-child(3){border-color:var(--yel)}.stat:nth-child(4){border-color:var(--teal)}
.door{display:flex;flex-direction:column;gap:10px;text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px;transition:border-color .2s,transform .2s}
.door:hover{border-color:var(--cyan);transform:translateY(-2px)}
.door .who{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.door h3{font-size:22px}
.door p{font-size:15px}
.door .go{margin-top:auto;font-weight:800;color:var(--cyan);font-size:14.5px}
.door.m:hover{border-color:var(--mag)}.door.m .go{color:var(--mag)}
.door.y:hover{border-color:var(--yel)}.door.y .go{color:var(--yel)}
.door.t:hover{border-color:var(--teal)}.door.t .go{color:var(--teal)}
.arch{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:26px;align-items:stretch}
@media (max-width:900px){.arch{grid-template-columns:1fr 1fr}.arch .brandshot{grid-column:1/-1;max-width:420px}}@media (max-width:600px){.arch{grid-template-columns:1fr}}
.arch .card h3{margin-bottom:6px}
.spons{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:22px}
.slot{border:1.5px dashed var(--line2);border-radius:12px;min-height:84px;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;color:var(--dim);font-size:13.5px;font-weight:700}
.slot.ong{border-style:solid;border-color:rgba(255,79,216,.35);color:var(--soft)}

/* ---------- acervo ---------- */
.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin:24px 0 18px}
.ask{display:flex;gap:8px;background:var(--card);border:1px solid var(--line2);border-radius:999px;padding:6px 6px 6px 18px;margin-top:22px;max-width:760px}
.ask input{flex:1;background:transparent;border:0;outline:0;font-size:16px;min-width:0}
.ask input::placeholder{color:var(--dim)}
.answer{max-width:760px;margin-top:14px}
.ficha{display:flex;flex-direction:column;gap:8px}
.ficha h3{font-size:17px}
.ficha p{font-size:15px;color:var(--soft)}
.ficha .meta{display:flex;gap:6px;flex-wrap:wrap}
.ficha a.src{font-size:13px;color:var(--dim);text-decoration:none;margin-top:auto}
.ficha a.src:hover{color:var(--cyan)}
.more{display:flex;justify-content:center;margin-top:20px}
.vid{display:flex;flex-direction:column;text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.vid:hover{border-color:var(--cyan)}
.vid .th{position:relative;aspect-ratio:16/9;background:#000}
.vid .th img{width:100%;height:100%;object-fit:cover;display:block}
.vid .th i{position:absolute;inset:0;margin:auto;width:52px;height:52px;border-radius:50%;background:rgba(0,0,0,.6);border:2px solid #fff}
.vid .th i::after{content:"";position:absolute;left:20px;top:15px;border:11px solid transparent;border-left:16px solid #fff;border-right:0}
.vid .vt{padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.vid .vt b{font-size:15.5px;line-height:1.35}
.vid .vt span{font-size:13px;color:var(--dim)}

/* ---------- chat y consulta ---------- */
.tool{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;margin-top:24px;align-items:start}
@media (max-width:900px){.tool{grid-template-columns:1fr}}
.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:14px}
.log{display:flex;flex-direction:column;gap:12px;min-height:280px;max-height:62vh;overflow-y:auto;padding-right:4px}
.bb{max-width:88%;padding:12px 15px;border-radius:16px;font-size:15.5px}
.bb.u{align-self:flex-end;background:var(--cyan);color:#032a30;font-weight:700;border-bottom-right-radius:4px}
.bb.a{align-self:flex-start;background:var(--card2);border-bottom-left-radius:4px}
.wait{color:var(--dim)}
@media (prefers-reduced-motion:no-preference){.wait::after{content:"";display:inline-block;width:1em;animation:dots 1.2s steps(4) infinite;overflow:hidden;vertical-align:bottom}}
@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}
sup.c{font-size:11px;font-weight:800;color:var(--cyan);margin-left:2px}
.srcs{display:flex;flex-direction:column;gap:3px;margin-top:10px;padding-top:8px;border-top:1px solid var(--line)}
.srcs a{font-size:12.5px;color:var(--dim);text-decoration:none}
.srcs a:hover{color:var(--cyan)}
.sug{display:flex;flex-wrap:wrap;gap:6px}
.sug button{border:1px solid var(--line2);background:transparent;border-radius:999px;padding:6px 12px;font-size:13.5px;font-weight:700;cursor:pointer;text-align:left}
.sug button:hover{border-color:var(--cyan);color:var(--ink)}
form.row{display:flex;gap:8px}
form.row input{flex:1;min-width:0;background:var(--bg2);border:1px solid var(--line2);border-radius:999px;padding:11px 16px;outline:0}
form.row input:focus{border-color:var(--cyan)}
.side h3{margin-bottom:8px}
.side ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.side li{display:flex;gap:10px;font-size:15px}
.side li::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--cyan);margin-top:9px}
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-size:13px;font-weight:800;color:var(--dim);letter-spacing:.04em}
.field input,.field select,.field textarea{background:var(--bg2);border:1px solid var(--line2);border-radius:10px;padding:10px 12px;outline:0;width:100%;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--cyan)}
.f3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media (max-width:520px){.f3{grid-template-columns:1fr 1fr}}
.res{display:flex;flex-direction:column;gap:12px}
.box{background:var(--card2);border-radius:14px;padding:16px;font-size:15.5px}
.box ul{margin:6px 0 0 18px}
.box.alert{background:rgba(255,79,216,.1);border:1px solid rgba(255,79,216,.35)}
.lvl{display:inline-block;margin-left:8px;padding:2px 10px;border-radius:999px;font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.lvl.alta{background:var(--mag);color:#2a0322}.lvl.media{background:var(--yel);color:#3a2e00}.lvl.baja{background:var(--line2);color:var(--ink)}
.speak{align-self:flex-start}

/* ---------- tarjetas de apoyo (Rumbo) ---------- */
.wgs{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
.wg{background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:14px;font-size:14.5px;display:flex;flex-direction:column;gap:8px}
.wk{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan)}
.wt{font-size:15.5px}
.wi{width:100%;border-radius:10px;aspect-ratio:16/9;object-fit:cover}
.wg ol,.wg ul{margin-left:18px;display:flex;flex-direction:column;gap:4px}
.wg ul.ck{list-style:none;margin-left:0}
.wg ul.ck li::before{content:"✓ ";color:var(--teal);font-weight:800}
.wn{color:var(--dim);font-size:13.5px}
.ws{font-size:12.5px;color:var(--dim);text-decoration:none}
.ws:hover{color:var(--cyan)}
.wg dl{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;font-size:14px}
.wg dt{color:var(--dim)}
.wb{display:inline-block;align-self:flex-start;border:1px solid var(--line2);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:800;text-decoration:none;cursor:pointer;background:transparent}
.wb:hover{border-color:var(--cyan)}
.cp{border:0;background:none;color:var(--cyan);font-size:12px;font-weight:800;cursor:pointer;margin-left:6px}
.wlk{display:flex;flex-direction:column;gap:3px;text-decoration:none}
.wlk em{font-style:normal;color:var(--cyan);font-size:13px}
.wv{display:flex;flex-direction:column;gap:8px;text-decoration:none}
.wv .th{position:relative;display:block;aspect-ratio:16/9;border-radius:10px;overflow:hidden}
.wv .th img{width:100%;height:100%;object-fit:cover}
.wv .vt{display:flex;flex-direction:column;gap:2px}
.wv .vt span{font-size:13px;color:var(--dim)}.wv em{font-style:normal;color:var(--cyan);font-size:13px}
.sb b{font-size:28px;font-weight:800}
.bars{display:flex;flex-direction:column;gap:4px;margin-top:6px}
.bars i{display:block;height:8px;border-radius:4px;background:var(--mag)}.bars i.c{background:var(--line2)}
.chp{display:flex;flex-wrap:wrap;gap:6px}
.chp span{background:var(--card2);border-radius:999px;padding:4px 10px;font-size:13px}
.cmp{display:grid;gap:8px}
.cmp>div{display:flex;flex-direction:column;gap:2px;background:var(--card2);border-radius:10px;padding:10px}
.cmp i{font-style:normal;color:var(--dim)}
.wh,.wm{width:100%;height:auto}
.wh .t1{fill:#fff;font:800 15px Manrope,sans-serif}.wh .t2{fill:#c3d6de;font:600 12px Manrope,sans-serif}
.wm path{fill:#1b3446;stroke:#06121c;stroke-width:1.2}.wm path.has{fill:#245068}
.wl{list-style:none;display:flex;flex-direction:column;gap:4px;font-size:13.5px}
.wl span{color:var(--dim);margin-left:6px}

/* ---------- atlas ---------- */
.atlas{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;margin-top:22px;align-items:start}
@media (max-width:900px){.atlas{grid-template-columns:1fr}}
.map{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:12px;position:relative}
.map svg{width:100%;height:auto;display:block}
.map path{fill:#16324a;stroke:var(--bg);stroke-width:1.3;transition:fill .2s}
.map path.has{fill:#1f4a66}
.map path.sel{fill:#2b6a8c}
.map circle{cursor:pointer;stroke:var(--bg);stroke-width:3;transition:r .15s}
.map circle:hover,.map circle.sel{stroke:#fff}
.legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.legend button{display:flex;align-items:center;gap:8px;border:1px solid var(--line2);background:transparent;border-radius:999px;padding:6px 12px;font-size:13.5px;font-weight:700;cursor:pointer}
.legend button.off{opacity:.4}
.legend i{width:10px;height:10px;border-radius:50%}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.kpi{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px}
.kpi b{display:block;font-size:28px;font-weight:800;line-height:1.1}
.kpi span{font-size:13px;color:var(--dim)}
.plist{display:flex;flex-direction:column;gap:10px;max-height:56vh;overflow-y:auto;padding-right:4px}
.pt{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;font-size:14.5px;cursor:pointer}
.pt.sel{border-color:var(--cyan)}
.pt b{display:block;font-size:15px;line-height:1.35}
.pt .c{display:block;color:var(--dim);font-size:13px}
.pt p{margin-top:6px}
.pt a{display:inline-block;margin-top:6px;font-size:12.5px;color:var(--dim);text-decoration:none}
.pt a:hover{color:var(--cyan)}

/* ---------- barómetro ---------- */
.qr{background:#fff;border-radius:14px;padding:12px;width:180px}
.qr svg,.qr img{width:100%;height:auto;display:block}

/* ---------- pie ---------- */
.foot{border-top:1px solid var(--line);margin-top:40px;padding:32px 0 40px;background:var(--bg2)}
.fw{max-width:var(--max);margin:0 auto;padding:0 20px;display:flex;flex-direction:column;gap:10px;font-size:14px}
.fw div{display:flex;flex-direction:column}
.fw div span{color:var(--dim)}
.fw p{color:var(--dim);max-width:820px}
.fw .by{font-weight:700;color:var(--soft)}

/* ================= Encabezado: nombre completo + Capítulo México ================= */
.brand{gap:12px}
.bt b.long{display:none;font-size:15px;line-height:1.15}
body:not(.home) .bt b.short{display:none}
body:not(.home) .bt b.long{display:block}
.cmx{display:inline-flex;align-items:center;gap:7px;margin-left:4px;padding:5px 11px 5px 9px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;color:#e9f7f0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}
.cmx i{display:inline-block;width:14px;height:10px;border-radius:2px;background:linear-gradient(90deg,#0a7a46 0 33.3%,#fff 33.3% 66.6%,#c8102e 66.6%);box-shadow:0 0 0 1px rgba(0,0,0,.15)}
@media (max-width:900px){.bt b.long{font-size:13px}.cmx{font-size:9.5px;padding:4px 8px}}
@media (max-width:520px){body:not(.home) .bt b.long{display:none}body:not(.home) .bt b.short{display:block}}

/* ================= Luz clara (Rumbo y Asociaciones) ================= */
body.light{--bg:#fbf7f0;--bg2:#f4eee3;--card:#ffffff;--card2:#f6f1e8;--line:rgba(40,30,10,.1);--line2:rgba(40,30,10,.18);--ink:#16202c;--soft:#2b3440;--dim:#6b7684;--cyan:#0b8ea0;--mag:#c7337f;--yel:#a8780a;--teal:#1d7a5a}
body.light{background:var(--bg);color:var(--soft)}
body.light .top.solid{background:rgba(255,255,255,.92);border-bottom-color:var(--line)}
body.light .top{background:linear-gradient(180deg,rgba(251,247,240,.95),rgba(251,247,240,0))}
body.light .nav a{color:#4c5664}body.light .nav a:hover,body.light .nav a.on{color:#16202c}body.light .nav a.on{background:rgba(22,32,44,.07)}
body.light .bt b{color:#16202c}
body.light .cmx{color:#14532d;background:#e8f6ee;border-color:#cbe9d6}
body.light #fx{opacity:.28}
body.light .foot{background:#f1ebe0!important;color:#4c5664}
body.light .foot b{color:#16202c}
body.light .bb.u{color:#fff}
body.light .btn{color:#fff}

/* ================= Bento ================= */
.pg{padding:28px 0 56px}
.pg-h{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:18px}
.pg-h h1{font-family:'Fraunces',Georgia,serif;font-variation-settings:'SOFT' 50,'opsz' 72;font-weight:600;font-size:clamp(28px,3.2vw,40px)}
.pg-h p{color:var(--dim);max-width:560px;margin-top:6px;font-size:15.5px}
.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(120px,auto);gap:14px}
.tile{position:relative;border-radius:22px;padding:18px;background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;gap:8px;min-width:0;overflow:hidden}
body:not(.light) .tile{background:rgba(14,35,51,.86);backdrop-filter:blur(6px)}
body.light .tile{box-shadow:0 8px 26px rgba(40,30,10,.06);border-color:rgba(40,30,10,.06)}
.tile.s2{grid-column:span 2}.tile.s3{grid-column:span 3}.tile.s4{grid-column:span 4}.tile.r2{grid-row:span 2}.tile.r3{grid-row:span 3}
@media (max-width:1000px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.tile.s3,.tile.s4{grid-column:span 2}}
@media (max-width:620px){.bento{grid-template-columns:1fr}.tile.s2,.tile.s3,.tile.s4{grid-column:span 1}.tile.r2,.tile.r3{grid-row:auto}}
.tk{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ac,var(--cyan))}
.tile h3{font-size:16.5px;line-height:1.3}
.tile p{font-size:14.5px}
.tile .big{font-size:40px;font-weight:800;line-height:1;color:var(--ink);letter-spacing:-.02em}
.tile .big small{font-size:15px;font-weight:700;color:var(--dim);letter-spacing:0}
.tile .src{font-size:12px;color:var(--dim);text-decoration:none;margin-top:auto}
.tile .src:hover{color:var(--ac,var(--cyan))}
.tile.btnish{cursor:pointer;transition:transform .2s,border-color .2s}
.tile.btnish:hover{transform:translateY(-2px);border-color:var(--ac,var(--cyan))}
.tile .go{margin-top:auto;font-size:13.5px;font-weight:800;color:var(--ac,var(--cyan))}
/* acentos por color de rayo */
.c-m{--ac:#FF4FD8}.c-v{--ac:#a78bfa}.c-b{--ac:#38BDF8}.c-g{--ac:#4ADE80}.c-p{--ac:#FF8FB1}.c-y{--ac:#F2D14B}
body:not(.light) .tile.c-m{background:linear-gradient(160deg,rgba(255,79,216,.16),rgba(14,35,51,.86) 60%);border-color:rgba(255,79,216,.28)}
body:not(.light) .tile.c-v{background:linear-gradient(160deg,rgba(139,92,246,.18),rgba(14,35,51,.86) 60%);border-color:rgba(139,92,246,.3)}
body:not(.light) .tile.c-b{background:linear-gradient(160deg,rgba(56,189,248,.16),rgba(14,35,51,.86) 60%);border-color:rgba(56,189,248,.28)}
body:not(.light) .tile.c-g{background:linear-gradient(160deg,rgba(74,222,128,.14),rgba(14,35,51,.86) 60%);border-color:rgba(74,222,128,.28)}
body:not(.light) .tile.c-p{background:linear-gradient(160deg,rgba(255,143,177,.16),rgba(14,35,51,.86) 60%);border-color:rgba(255,143,177,.28)}
body:not(.light) .tile.c-y{background:linear-gradient(160deg,rgba(242,209,75,.14),rgba(14,35,51,.86) 60%);border-color:rgba(242,209,75,.28)}
body.light .c-m{--ac:#c7337f}body.light .c-v{--ac:#6d4fd1}body.light .c-b{--ac:#0b7fb3}body.light .c-g{--ac:#1d8a5a}body.light .c-p{--ac:#d14a7a}body.light .c-y{--ac:#9a6c00}
body.light .tile.c-y{background:#fff1cc;border-color:#f3dc9a}
body.light .tile.c-p{background:#fde8f0;border-color:#f7cfdd}
body.light .tile.c-g{background:#e6f5ec;border-color:#c9e8d5}
body.light .tile.c-v{background:#efeafd;border-color:#ddd3fa}
body.light .tile.ink{background:#16202c;border-color:#16202c;color:#cfd8e3}
body.light .tile.ink .big,body.light .tile.ink h3{color:#fff}
/* chips de selección */
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips button{border:1px solid var(--line2);background:var(--card);border-radius:999px;padding:8px 15px;font-weight:700;font-size:14px;cursor:pointer;color:var(--soft)}
.chips button:hover{border-color:var(--ink)}
.chips button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
/* avatar de rayos (Rumbo / Clara) */
.ava{width:64px;height:64px;position:relative;flex:none}
.ava i{position:absolute;left:50%;top:50%;width:7px;height:28px;margin:-28px 0 0 -3.5px;border-radius:7px;transform-origin:50% 100%;opacity:.9}
.ava b{position:absolute;inset:22px;border-radius:50%;background:var(--card);box-shadow:0 0 0 2px var(--line2)}
@media (prefers-reduced-motion:no-preference){.ava.talk i{animation:ray .9s ease-in-out infinite}}
@keyframes ray{0%,100%{transform:rotate(var(--r)) scaleY(.75)}50%{transform:rotate(var(--r)) scaleY(1.12)}}
.who{display:flex;align-items:center;gap:14px}
.who h3{font-size:18px}
.who p{font-size:13.5px;color:var(--dim)}
/* chat dentro de mosaico */
.tile .log{max-height:none;min-height:240px;flex:1}
body.light .bb.a{background:#f4eee3;color:#2b3440}
body.light .wg{background:#fbf7f0}
body.light .tile .sug button{background:#fff}
/* barras del tamiz */
.tz{display:flex;flex-direction:column;gap:9px;margin-top:4px}
.tz div{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,2fr) 34px;gap:10px;align-items:center;font-size:13px}
.tz span.bar{height:10px;border-radius:6px;background:rgba(255,255,255,.08);overflow:hidden}
body.light .tz span.bar{background:rgba(0,0,0,.06)}
.tz span.bar i{display:block;height:100%;border-radius:6px;background:var(--ac,#38BDF8)}
.tz b{font-size:14px;text-align:right}
.tz div.ref{opacity:.6}

/* ---------- voz: micrófono y conmutador ---------- */
.mic{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line2);background:var(--bg2);color:var(--txt);cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.mic:hover{border-color:var(--cyan)}
.mic.rec{background:#FF4FD8;color:#fff;border-color:#FF4FD8;animation:micp 1.2s ease-in-out infinite}
@keyframes micp{0%,100%{box-shadow:0 0 0 0 rgba(255,79,216,.55)}50%{box-shadow:0 0 0 10px rgba(255,79,216,0)}}
.vtog{font:700 12px Manrope,sans-serif;letter-spacing:.04em;padding:6px 12px 6px 26px;border-radius:999px;border:1px solid var(--line2);background:transparent;color:var(--dim);cursor:pointer;position:relative}
.vtog::before{content:"";position:absolute;left:10px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--dim)}
.vtog[aria-pressed="true"]{color:var(--txt)}.vtog[aria-pressed="true"]::before{background:#4ADE80;box-shadow:0 0 8px #4ADE80}
.ask .mic,form.row .mic{align-self:center}
.ask button[type=submit],form.row button[type=submit]{flex:none}
@media (prefers-reduced-motion:reduce){.mic.rec{animation:none}}
.plt{position:relative;padding:0;min-height:440px}
.plt .plist{position:absolute;inset:12px;max-height:none;overflow:auto}
.bt b.long{white-space:nowrap}
@media (min-width:901px){body:not(.home) .top{grid-template-columns:auto 1fr}body:not(.home) .nav{justify-content:flex-end}}
.bt,.cmx{flex:none}
@media (min-width:901px) and (max-width:1180px){body:not(.home) .cmx{display:none}body:not(.home) .bt::after{content:"Capítulo México";display:block;font:800 9.5px Manrope,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#4ADE80;margin-top:3px}}
/* el home también lleva el nombre completo y Capítulo México */
.bt b.short{display:none}.bt b.long{display:block}
@media (min-width:901px){.top{grid-template-columns:auto 1fr}.nav{justify-content:flex-end}}
@media (min-width:901px) and (max-width:1180px){.cmx{display:none}.bt::after{content:"Capítulo México";display:block;font:800 9.5px Manrope,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#4ADE80;margin-top:3px}}
@media (max-width:520px){.bt b.long{display:none}.bt b.short{display:block}}
.home .bt b.long{text-shadow:0 1px 12px rgba(0,0,0,.45)}
/* ---------- llamada de voz en vivo ---------- */
.hdr-r{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.callbtn{display:inline-flex;align-items:center;gap:8px;font:800 13px Manrope,sans-serif;padding:9px 16px 9px 12px;border-radius:999px;border:0;cursor:pointer;color:#fff;background:linear-gradient(90deg,#FF4FD8,#8B5CF6 55%,#38BDF8);box-shadow:0 6px 20px rgba(139,92,246,.35)}
.callbtn i{width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.35)}
.callbtn.on{background:#e11d48;box-shadow:0 6px 20px rgba(225,29,72,.35)}
.callbtn.on i{animation:micp 1.2s ease-in-out infinite}
.callbtn:disabled{opacity:.7;cursor:progress}
.callst{min-height:1.2em;margin:6px 0 0;font-size:13px;font-weight:600;color:var(--dim)}
.ava.live i{animation:none!important;transform:rotate(var(--r)) scaleY(calc(.66 + var(--lv,0)*.55))!important;transition:transform .09s linear}
.ava.live b{box-shadow:0 0 0 2px var(--line2),0 0 calc(6px + var(--lv,0)*26px) rgba(255,79,216,.55)}
.bb.a.src-only{background:none!important;padding:0!important;box-shadow:none!important}
@media (max-width:520px){.hdr-r .vtog{display:none}}

/* ================= octubre 15: accesos, selector, ficha de Clara, Atlas ampliado, laboratorios ================= */
.wrap.narrow{max-width:880px}
/* dos accesos en la portada */
.hero-doors{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px;max-width:640px}
.hd{flex:1 1 260px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;text-decoration:none;padding:16px 18px;border-radius:18px;background:rgba(6,18,28,.62);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .2s,border-color .2s,background .2s}
.hd small{grid-column:1;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#bfe9ff}
.hd b{grid-column:1;font:700 24px/1.1 'Fraunces',Georgia,serif;color:#fff}
.hd span{grid-column:1;font-size:13.5px;color:#d6e8f2;line-height:1.4}
.hd i{grid-column:2;grid-row:1/4;font-style:normal;font-size:22px;color:#fff;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#38BDF8,#8B5CF6)}
.hd.med i{background:linear-gradient(135deg,#FF4FD8,#8B5CF6)}
.hd:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.5);background:rgba(6,18,28,.78)}
/* selector de enfermedad */
.pk-tile{padding:22px}
.pick{display:flex;flex-direction:column;gap:12px}
.pk-s{display:flex;align-items:center;gap:10px;background:var(--card);border:2px solid var(--line2);border-radius:16px;padding:6px 14px}
.pk-s:focus-within{border-color:var(--cyan)}
.pk-ic{width:18px;height:18px;border:2.5px solid var(--dim);border-radius:50%;position:relative;flex:none}
.pk-ic::after{content:"";position:absolute;width:8px;height:2.5px;background:var(--dim);right:-6px;bottom:-3px;transform:rotate(45deg);border-radius:2px}
.pk-s input{flex:1;border:0;outline:0;background:transparent;font-size:17px;padding:10px 0;min-width:0}
.pk-res{display:grid;gap:8px}
.pk-res button,.pk-l button{display:grid;text-align:left;gap:2px;padding:12px 14px;border-radius:14px;border:1px solid var(--line2);background:var(--card);cursor:pointer;transition:border-color .2s,transform .2s}
.pk-res button:hover,.pk-l button:hover{border-color:var(--cyan);transform:translateY(-1px)}
.pk-res b,.pk-l b{font-size:16px;color:var(--ink)}
.pk-res small,.pk-l small{font-size:12.5px;color:var(--dim);font-weight:700}
.pk-res span,.pk-l span{font-size:14px;color:var(--soft);line-height:1.45}
.pk-or{font-size:13px;font-weight:800;color:var(--dim);letter-spacing:.06em;text-transform:uppercase;margin-top:6px}
.pk-g{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;align-items:start}
@media (max-width:720px){.pk-g{grid-template-columns:1fr}}
.pk-c{border-radius:16px;border:1px solid var(--line2);background:var(--card);overflow:hidden}
.pk-c summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:14px 16px}
.pk-c summary::-webkit-details-marker{display:none}
.pk-c summary b{font-size:16.5px;color:var(--ink)}
.pk-c summary span{grid-column:1;font-size:13.5px;color:var(--dim);line-height:1.4}
.pk-c summary i{grid-column:2;grid-row:1/3;align-self:center;width:28px;height:28px;border-radius:50%;background:var(--card2);position:relative}
.pk-c summary i::before{content:"";position:absolute;left:9px;top:8px;width:8px;height:8px;border-right:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);transform:rotate(45deg);transition:transform .2s}
.pk-c[open] summary i::before{transform:translateY(4px) rotate(-135deg)}
.pk-l{display:grid;gap:8px;padding:0 12px 12px}
.pk-c.c-p{border-left:5px solid #F2A65A}.pk-c.c-b{border-left:5px solid #38BDF8}.pk-c.c-m{border-left:5px solid #FF4FD8}.pk-c.c-g{border-left:5px solid #4ADE80}.pk-c.c-v{border-left:5px solid #8B5CF6}
.pk-no{display:grid;gap:2px;text-align:left;padding:14px 16px;border-radius:16px;border:1.5px dashed var(--line2);background:transparent;cursor:pointer}
.pk-no b{font-size:16px;color:var(--ink)}.pk-no span{font-size:14px;color:var(--dim)}
.pk-no:hover{border-color:var(--cyan)}
.dpill{display:inline-flex;align-items:center;gap:14px;text-decoration:none;padding:10px 12px 10px 16px;border-radius:16px;background:var(--card);border:1px solid var(--line2);box-shadow:0 6px 20px rgba(0,0,0,.06)}
.dpill span{display:grid}.dpill small{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.dpill b{font-size:17px;color:var(--ink)}
.dpill em{font-style:normal;font-weight:800;font-size:13px;padding:6px 12px;border-radius:999px;background:var(--card2);color:var(--ink)}
.ck.sm li{font-size:14px}
/* acceso a Clara */
.gate{padding:28px;display:flex;flex-direction:column;gap:16px}
.gate .lead{font-size:16.5px}
.gate-f{display:flex;flex-direction:column;gap:14px;max-width:460px}
.ckl{display:flex;gap:10px;align-items:flex-start;font-weight:700;color:var(--ink);cursor:pointer}
.ckl input{width:20px;height:20px;margin-top:2px;accent-color:#FF4FD8}
.gate-alt{border-top:1px solid var(--line2);padding-top:16px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.gate-alt p{color:var(--dim)}
/* ficha del caso */
.intake{display:flex;flex-direction:column;gap:14px;margin-top:10px}
.intake .lbl{font-size:13px;font-weight:800;color:var(--dim);letter-spacing:.04em}
.frow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:720px){.frow{grid-template-columns:1fr}}
.ig{display:flex;gap:6px}.ig input{flex:1;min-width:0}.ig select{width:auto;flex:none}
.seg2{display:flex;gap:4px;background:var(--bg2);border:1px solid var(--line2);border-radius:12px;padding:3px}
.seg2 button{flex:1;border:0;background:transparent;padding:8px 10px;border-radius:9px;font-weight:800;cursor:pointer;color:var(--dim)}
.seg2 button.on{background:var(--cyan);color:#06121c}
.seg2.sm button{padding:6px 8px;font-size:12.5px}
.hall{display:grid;gap:10px}
.hall small{display:block;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:5px}
.mchips{display:flex;flex-wrap:wrap;gap:6px}
.mchips button{border:1px solid var(--line2);background:var(--bg2);border-radius:999px;padding:6px 11px;font-size:13px;font-weight:700;cursor:pointer;color:var(--soft)}
.mchips button.on{background:rgba(255,79,216,.18);border-color:#FF4FD8;color:var(--ink)}
.mchips button.on::before{content:"✓ ";color:#FF4FD8}
.drop{display:grid;gap:2px;justify-items:center;text-align:center;padding:16px;border:2px dashed rgba(255,79,216,.55);border-radius:16px;background:rgba(255,79,216,.07);cursor:pointer;transition:background .2s}
.drop b{color:var(--ink);font-size:15.5px}.drop span{font-size:13.5px;color:var(--dim)}
.drop em{font-style:normal;font-weight:800;font-size:13px;margin-top:6px;padding:6px 14px;border-radius:999px;background:#FF4FD8;color:#fff}
.drop.ov,.drop:hover{background:rgba(255,79,216,.16)}
.drop.ok{border-style:solid;border-color:#4ADE80;background:rgba(74,222,128,.1)}.drop.ok em{background:#16a34a}
.factions{display:flex;gap:10px;flex-wrap:wrap}
.linkish{border:0;background:none;color:var(--dim);font-weight:700;cursor:pointer;margin-top:8px;text-decoration:underline}
.tzr{width:100%;border-collapse:collapse;margin-top:8px;font-size:13.5px}
.tzr th{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);padding:4px 6px;border-bottom:1px solid var(--line2)}
.tzr td{padding:6px;border-bottom:1px solid var(--line)}
.tzr tr.alterado td{background:rgba(255,79,216,.14)}.tzr tr.alterado td:first-child{box-shadow:inset 3px 0 0 #FF4FD8}
.tzr tr.limítrofe td{background:rgba(242,209,75,.12)}
/* Atlas: ruta para familias */
.route{padding:22px}
.route-h h2{margin:4px 0 4px}
.route-f{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;align-items:end;margin-top:14px}
@media (max-width:900px){.route-f{grid-template-columns:1fr}}
.af{display:flex;align-items:center;gap:12px;padding:12px 16px;flex-wrap:wrap}
.af select,.afr select{flex:1;min-width:220px;background:var(--bg2);border:1px solid var(--line2);border-radius:12px;padding:10px 12px;font-weight:700}
.afr{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.rres{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin-top:18px}
@media (max-width:900px){.rres{grid-template-columns:1fr}}
.rres .box.alert{grid-column:1/-1}
.rcol h3{margin-bottom:8px}.rcol h4{margin:14px 0 6px;font-size:14px;color:var(--ink)}
.rcol ol{padding-left:20px;display:grid;gap:6px}
.rcard{padding:12px 14px;border-radius:12px;background:var(--bg2);border:1px solid var(--line2);margin-bottom:8px;display:grid;gap:2px}
.rcard span{font-size:13px;color:var(--cyan);font-weight:700}.rcard p{font-size:13.5px;color:var(--soft)}.rcard a{font-size:12.5px;color:var(--dim)}
.aso{display:grid;text-decoration:none;padding:8px 12px;border-radius:10px;border:1px solid var(--line2);margin-bottom:6px}
.aso span{font-size:12.5px;color:var(--dim)}
/* Atlas: tamiz */
.tzt{overflow-x:auto}
.tzt table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:640px}
.tzt th{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);padding:6px 8px;border-bottom:1px solid var(--line2)}
.tzt td{padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.45}
.tzt td small{display:block;color:var(--dim);font-size:12px;margin-top:2px}
.tzt td.n{font-weight:800;color:var(--ink);white-space:nowrap}
.tzt td a{color:var(--dim);font-size:12px}
.tzt tr.ref td{opacity:.75;font-style:italic}
.mx{width:100%;border-collapse:collapse;font-size:13px;margin:6px 0}
.mx th{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);padding:4px;text-align:center;line-height:1.2}
.mx td{padding:5px 4px;border-bottom:1px solid var(--line);text-align:center}
.mx td:first-child{text-align:left;font-weight:700;color:var(--ink)}
.yn{font-style:normal;font-weight:900;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%}
.yn.y{background:rgba(74,222,128,.22);color:#4ADE80}.yn.n{background:rgba(255,255,255,.06);color:var(--dim)}.yn.u{background:rgba(242,209,75,.16);color:#F2D14B}
.tzmap{width:100%;height:auto;display:block;margin-top:8px}
.tzmap path{stroke:#06121c;stroke-width:1.2;cursor:pointer;transition:opacity .2s}
.tzmap path:hover{opacity:.8}
.tzleg{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;margin-top:6px}
.tzleg span{display:inline-flex;align-items:center;gap:6px}.tzleg i{width:12px;height:12px;border-radius:3px;display:inline-block}
/* laboratorios */
.labs{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-top:22px}
.labc{display:grid;gap:6px;justify-items:center;text-align:center;padding:14px 12px;border-radius:16px;border:1px solid var(--line2);background:var(--card);cursor:pointer;transition:transform .2s,border-color .2s}
.labc:hover{transform:translateY(-2px);border-color:var(--cyan)}
.labc.on{border-color:#FF4FD8;box-shadow:0 0 0 2px rgba(255,79,216,.35)}
.lgo{width:100%;height:76px;border-radius:12px;background:#fff;display:grid;place-items:center;padding:12px 16px}
.lgo img{max-width:100%;max-height:48px;object-fit:contain}
.lgo b{color:#06121c;font-size:18px}
.lnm{font-weight:800;color:var(--ink);font-size:14.5px}
.lct{font-size:12px;color:var(--dim)}
.labx{margin-top:14px;padding:20px;border-radius:18px;border:1px solid var(--line2);background:var(--card)}
.labx-h{display:flex;justify-content:space-between;align-items:center;gap:10px}
.labx-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:12px}
.labx-e{display:grid;gap:8px;align-content:start}
.medi{display:grid;gap:3px;padding:12px;border-radius:12px;background:var(--bg2);border:1px solid var(--line)}
.medi b{font-size:15.5px}.medi span{font-size:13px;color:var(--dim)}.medi a{font-size:12px;color:var(--dim)}
.st{font-style:normal;font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:999px;justify-self:start;margin:2px 0}
.st.cb{background:rgba(74,222,128,.18);color:#4ADE80}.st.ok{background:rgba(56,189,248,.18);color:#7dd3fc}.st.tr{background:rgba(242,209,75,.16);color:#F2D14B}.st.no,.st.rv{background:rgba(255,255,255,.08);color:var(--dim)}

@media (max-width:720px){.tzt table,.tzt tbody,.tzt tr,.tzt td{display:block;min-width:0;width:auto}.tzt thead{display:none}.tzt tr{padding:10px 0;border-bottom:1px solid var(--line)}.tzt td{border:0;padding:2px 0}.tzt td.n{color:var(--cyan)}.mx th{font-size:9px}}
.pk-ex{margin-top:-4px}

/* ================= perfil, rayos como sistema, cinta de laboratorios, Acervo nuevo ================= */
/* rayos como lenguaje: kicker de sección, kicker de página y carga */
.kick{display:inline-flex;align-items:center;gap:8px}
.kick::before,.pg-h>div>.tk::before{content:"";width:22px;height:20px;background:url(/obs/img/brand/rayos-fan.svg) center/contain no-repeat;flex:none}
.pg-h>div>.tk{display:inline-flex;align-items:center;gap:8px}
.wait::before{content:"";display:inline-block;width:18px;height:18px;margin-right:8px;vertical-align:-4px;background:url(/obs/img/brand/rayos.svg) center/contain no-repeat}
@media (prefers-reduced-motion:no-preference){.wait::before{animation:spin 2.4s linear infinite}}
@keyframes spin{to{transform:rotate(360deg)}}
/* visibilidad por perfil */
body.fam .med-only,body.fam .nav a[data-v="clara"]{display:none!important}
body.med .fam-only{display:none!important}
body:not(.fam) .fam-only{display:none}
.perfil{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:6px 12px 6px 7px;font:800 11.5px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap;margin-left:6px}
.perfil img{width:20px;height:20px}
.perfil:hover{background:rgba(255,255,255,.14)}
body.light .perfil{color:#16202c;border-color:rgba(22,32,44,.2);background:#fff}
.hd.atl i{background:linear-gradient(135deg,#4ADE80,#38BDF8)}
/* página de entrada */
body.en-open{overflow:hidden}
#entrada{position:fixed;inset:0;z-index:60;display:grid;place-items:center;overflow:auto;padding:24px 16px;background:#06121c;transition:opacity .5s,transform .5s}
#entrada.out{opacity:0;transform:scale(1.03);pointer-events:none}
.en-bg{position:absolute;inset:0;background:url(/obs/img/brand/isla.webp) center 40%/cover;opacity:.32;filter:saturate(1.2)}
.en-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(6,18,28,.2),#06121c 75%)}
.en-in{position:relative;max-width:860px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.en-logo{position:relative;width:150px;height:150px;margin-bottom:6px}
.en-rays{position:absolute;inset:-34px;width:calc(100% + 68px);height:calc(100% + 68px);opacity:.95}
@media (prefers-reduced-motion:no-preference){.en-rays{animation:spin 40s linear infinite}}
.en-ico{position:absolute;inset:34px;width:82px;height:82px;border-radius:50%;box-shadow:0 0 40px rgba(255,79,216,.45)}
.en-k{display:inline-flex;gap:8px;align-items:center;font-size:11.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#bfe9ff}
.en-k i{width:16px;height:11px;border-radius:2px;background:linear-gradient(90deg,#0a7a46 0 33.3%,#fff 33.3% 66.6%,#c8102e 66.6%)}
#entrada h1{font:600 clamp(26px,4.2vw,44px)/1.12 'Fraunces',Georgia,serif;color:#fff;max-width:760px}
.en-s{color:#d6e8f2;font-size:17px;margin-bottom:10px}
.en-opts{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;margin-top:6px}
@media (max-width:720px){.en-opts{grid-template-columns:1fr}}
.en-o{position:relative;overflow:hidden;display:grid;gap:4px;text-align:left;padding:22px 22px 22px;border-radius:22px;border:1px solid rgba(255,255,255,.22);background:rgba(10,28,42,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;color:#fff;transition:transform .25s,border-color .25s,box-shadow .25s}
.en-o img{position:absolute;right:-14px;top:-18px;width:120px;opacity:.9;transition:transform .4s}
.en-o small{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#bfe9ff;max-width:75%}
.en-o b{font:600 30px/1.1 'Fraunces',Georgia,serif;color:#fff}
.en-o span{color:#d6e8f2;font-size:15px;line-height:1.45;max-width:90%}
.en-o:hover,.en-o:focus-visible{transform:translateY(-3px);border-color:rgba(255,255,255,.55);box-shadow:0 20px 50px rgba(139,92,246,.25)}
.en-o:hover img{transform:rotate(-12deg) scale(1.08)}
.en-o.med{border-color:rgba(255,79,216,.45)}
.en-conf{grid-column:1/-1;display:flex;flex-direction:column;gap:12px;text-align:left;padding:22px;border-radius:22px;background:rgba(10,28,42,.85);border:1px solid rgba(255,79,216,.45);max-width:520px;margin:0 auto;color:#fff}
.en-n{font-size:13px;color:#a3bccb;margin-top:6px}
/* bloques de 3 pasos */
.flow3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
@media (max-width:820px){.flow3{grid-template-columns:1fr}}
.flow3>div{display:grid;gap:4px;padding:18px;border-radius:18px;background:var(--card);border:1px solid var(--line2)}
.flow3 img{width:30px;height:28px}.flow3 b{font-size:17px}.flow3 span{color:var(--dim);font-size:14.5px}
/* cinta animada de logos */
.ribbon{position:relative;overflow:hidden;margin-top:26px;padding:10px 0;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ribbon .track{display:flex;gap:16px;width:max-content;animation:ribbon 46s linear infinite}
.ribbon:hover .track,.ribbon:focus-within .track,.ribbon.paused .track{animation-play-state:paused}
@keyframes ribbon{to{transform:translateX(calc(-50% - 8px))}}
@media (prefers-reduced-motion:reduce){.ribbon{overflow-x:auto}.ribbon .track{animation:none}}
.ribbon .labc{flex:none;width:190px;height:92px;display:grid;place-items:center;padding:16px 22px;border-radius:18px;background:#fff;border:2px solid transparent;cursor:pointer;transition:transform .25s,box-shadow .25s,border-color .25s}
.ribbon .labc img{max-width:100%;max-height:52px;object-fit:contain}
.ribbon .labc b{color:#06121c;font-size:19px}
.ribbon .labc:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.35)}
.ribbon .labc.on{border-color:#FF4FD8;box-shadow:0 0 0 4px rgba(255,79,216,.35)}
/* Acervo */
.srch{padding:18px}
.ask.big{max-width:none;margin-top:0;padding:8px 8px 8px 16px;align-items:center;gap:10px;border-width:2px}
.ask.big:focus-within{border-color:var(--cyan)}
.ask.big input{font-size:18px;padding:6px 0}
.qlive{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}
.qlive a{font-weight:800;font-size:14px;color:var(--cyan);text-decoration:none;padding:4px 10px;border-radius:999px;background:rgba(0,200,214,.1)}
.chips.sq{margin-top:10px}
.thw{padding:18px}
.thm{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-top:10px}
.th{border-radius:18px;background:var(--bg2);border:1px solid var(--line2);overflow:hidden}
.th-h{display:flex;align-items:center;gap:10px;padding:14px 16px 8px}
.th-h img{width:30px;height:28px}.th-h b{font-size:15.5px}
.th-l{display:grid;padding:0 8px 10px}
.th-l a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;text-decoration:none;font-weight:700;color:var(--ink)}
.th-l a:hover{background:var(--card)}
.th-l em{font-style:normal;font-size:12px;font-weight:800;color:var(--dim);background:var(--card);border-radius:999px;padding:2px 8px}
.th.c-p{box-shadow:inset 0 3px 0 #F2A65A}.th.c-b{box-shadow:inset 0 3px 0 #38BDF8}.th.c-m{box-shadow:inset 0 3px 0 #FF4FD8}.th.c-g{box-shadow:inset 0 3px 0 #4ADE80}.th.c-v{box-shadow:inset 0 3px 0 #8B5CF6}.th.c-y{box-shadow:inset 0 3px 0 #F2D14B}
.dact{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px}
.dact .seg2{min-width:min(100%,380px)}
.dlinks{display:flex;gap:8px;flex-wrap:wrap}.dlinks .btn{padding:9px 14px;font-size:13.5px}
.flist{display:grid;gap:8px;padding:16px}
.fi{border-radius:14px;background:var(--bg2);border:1px solid var(--line)}
.fi summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 14px}
.fi summary::-webkit-details-marker{display:none}
.fi summary b{font-size:15.5px}.fi summary span{grid-column:1;font-size:13.5px;color:var(--dim)}
.fi[open] summary span{display:none}
.fi .aud{grid-column:2;grid-row:1;font-style:normal;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;background:var(--card);color:var(--dim);align-self:start}
.fi .aud.medico{color:#FF8FB1}.fi .aud.familia{color:#7dd3fc}
.fi p{padding:0 14px 6px;line-height:1.6}.fi .src{display:block;padding:0 14px 12px}
.vrow{padding:16px}
.vr{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:8px}
.vr a{display:grid;gap:4px;text-decoration:none}
.vt2{display:block;aspect-ratio:16/9;border-radius:12px;background:#000 center/cover}
.vr b{font-size:14px;line-height:1.35}
.en-logo{margin-bottom:34px}
.thm{align-items:start}
.vr a{min-width:0}.vr a b,.vr a .note{overflow-wrap:anywhere}
.en-o small{max-width:66%}
.dact .seg2 button{white-space:nowrap}

/* ================= modo presentación, respaldo del Senado, cinta bajo el hero ================= */
body:not(.pres) .pres-only{display:none}
.en-pres{margin-top:4px;border:0;background:none;color:#7f97a8;font:700 12px Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.en-pres:hover{color:#fff}
.rs-logo{display:inline-grid;place-items:center;width:84px;height:84px;border-radius:50%;background:#fff;flex:none;box-shadow:0 8px 30px rgba(0,0,0,.35)}
.rs-logo img{width:72px;height:72px;object-fit:contain}
.rs-logo.big{width:132px;height:132px}.rs-logo.big img{width:118px;height:118px}
.rs-logo.sm{width:46px;height:46px;box-shadow:none}.rs-logo.sm img{width:40px;height:40px}
.respaldo{position:relative;z-index:2;padding:34px 0 10px}
.respaldo .wrap{display:flex;align-items:center;justify-content:center;gap:18px}
.rs-t{display:grid;line-height:1.2}
.rs-t small{font-size:11.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.rs-t b{font:600 24px/1.15 'Fraunces',Georgia,serif;color:var(--ink)}
.rs-t em{font-style:normal;font-size:13px;font-weight:700;color:var(--dim);letter-spacing:.08em}
.labsband{position:relative;z-index:2;padding:22px 0 40px}
.lb-k{text-align:center;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.labsband .ribbon{margin-top:12px}
.lb-n{text-align:center;margin-top:10px}
.f-resp{display:flex;align-items:center;gap:10px;margin:10px 0 4px;font-size:13px;font-weight:700;color:var(--dim)}
/* bloque del Senado */
.sn-g{display:grid;grid-template-columns:300px 1fr;gap:20px;margin-top:20px;align-items:stretch}
@media (max-width:860px){.sn-g{grid-template-columns:1fr}}
.sn-who{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:22px;border-radius:20px;background:var(--card);border:1px solid var(--line2)}
.sn-who .rs-logo{margin-bottom:8px}
.sn-who b{font-size:18px}.sn-who span{font-size:13.5px;color:var(--cyan);font-weight:700}.sn-who p{font-size:14.5px;color:var(--soft)}
.sn-q{position:relative;margin:0;padding:28px 30px;border-radius:20px;background:linear-gradient(135deg,rgba(255,79,216,.14),rgba(139,92,246,.12) 50%,rgba(56,189,248,.1));border:1px solid rgba(255,79,216,.35);display:flex;flex-direction:column;gap:16px}
.sn-q img{width:46px;height:42px}
.sn-q blockquote{font:500 clamp(18px,2vw,22px)/1.5 'Fraunces',Georgia,serif;color:var(--ink)}
.sn-q blockquote::before{content:"«"}.sn-q blockquote::after{content:"»"}
.sn-q figcaption{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}
.sn-q figcaption i{font-style:normal;font-size:11.5px;font-weight:800;letter-spacing:.06em;padding:4px 10px;border-radius:999px;background:rgba(242,209,75,.16);color:#F2D14B}
.sn-t{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px;position:relative}
@media (max-width:860px){.sn-t{grid-template-columns:1fr 1fr}}
.sn-t div{padding:14px 16px;border-radius:16px;background:var(--card);border:1px solid var(--line2);border-top:3px solid #38BDF8;display:grid;gap:4px}
.sn-t div.now{border-top-color:#FF4FD8;background:rgba(255,79,216,.08)}
.sn-t b{font-size:15px;color:var(--ink)}.sn-t span{font-size:13.5px;color:var(--dim)}
.flow3.four{grid-template-columns:repeat(4,1fr)}
@media (max-width:860px){.flow3.four{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.flow3.four,.sn-t{grid-template-columns:1fr}}
/* agenda legislativa en el Atlas */
.legg{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}
@media (max-width:720px){.legg{grid-template-columns:1fr}}
.legg>div{display:grid;gap:4px;padding:14px;border-radius:14px;background:var(--bg2);border:1px solid var(--line)}
.legg b{font-size:16px}.legg span{font-size:14px;color:var(--soft)}.legg small{font-size:12px;color:var(--dim)}
.foot .f-resp{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;text-align:left!important;gap:10px}

/* ================= pendón del Senado en el hero ================= */
.hero .pendon{position:absolute;z-index:3;top:86px;right:44px;width:176px;padding:22px 14px 46px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;
  background:linear-gradient(180deg,rgba(10,28,42,.92),rgba(6,18,28,.86));border:1px solid rgba(255,255,255,.18);border-top:0;
  clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 28px),0 100%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  box-shadow:0 18px 40px rgba(0,0,0,.4);animation:pendIn 1s cubic-bezier(.16,1,.3,1) both .3s;transform-origin:top center}
.hero .pendon::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0a7a46 0 33.3%,#fff 33.3% 66.6%,#c8102e 66.6%)}
.pd-logo{width:112px;height:112px;border-radius:50%;background:#fff;display:grid;place-items:center;margin:6px 0 12px;box-shadow:0 0 0 4px rgba(255,255,255,.12)}
.pd-logo img{width:98px;height:98px;object-fit:contain}
.pendon small{font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#bfe9ff}
.pendon b{font:600 19px/1.15 'Fraunces',Georgia,serif;color:#fff;margin-top:2px}
.pendon em{font-style:normal;font-size:12px;font-weight:700;color:#a3bccb;letter-spacing:.06em;margin-top:4px}
@keyframes pendIn{from{transform:scaleY(.2);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.hero .pendon{animation:none}}
@media (max-width:900px){.hero .pendon{top:auto;bottom:96px;right:14px;width:118px;padding:14px 8px 34px}.pd-logo{width:72px;height:72px;margin:2px 0 8px}.pd-logo img{width:62px;height:62px}.pendon b{font-size:14px}.pendon small{font-size:8.5px}.pendon em{font-size:10px}}
.navclara{color:#FF8FB1!important}
/* ================= Atlas con mapa real ================= */
.mapt{position:relative;padding:0;overflow:hidden;min-height:560px}
.lmap{position:absolute;inset:0;background:#0a1c2a}
.lyr{position:absolute;z-index:500;top:12px;right:12px;display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:14px;background:rgba(6,18,28,.9);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);font-size:13px;max-width:250px}
.lyr b{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#bfe9ff}
.lyr label{display:flex;align-items:center;gap:8px;cursor:pointer;color:#e6f1f7;font-weight:600}
.lyr input{accent-color:#00C8D6;width:16px;height:16px}
.lyr i{width:11px;height:11px;border-radius:50%;flex:none}.lyr i.sq{border-radius:3px}
.lyr em{font-style:normal;margin-left:auto;color:#a3bccb;font-weight:800;font-size:12px}
.btn.sm{padding:7px 12px;font-size:12.5px;margin-top:4px}
.mhint{position:absolute;z-index:500;left:12px;bottom:10px;font-size:11.5px;color:#a3bccb;background:rgba(6,18,28,.75);padding:4px 10px;border-radius:999px}
@media (max-width:720px){.mapt{min-height:520px}.lyr{top:auto;bottom:40px;right:8px;left:8px;max-width:none;flex-direction:row;flex-wrap:wrap;gap:6px 12px;padding:10px}.lyr b{width:100%}.mhint{display:none}}
.lcl span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font:800 14px Manrope,sans-serif;color:#06121c;box-shadow:0 0 0 4px rgba(255,255,255,.18)}
.leaflet-container{font-family:Manrope,system-ui,sans-serif}
.leaflet-container .leaflet-popup-content-wrapper{background:#0e2333;color:#d6e8f2;border-radius:14px;border:1px solid rgba(255,255,255,.18)}
.leaflet-container .leaflet-popup-tip{background:#0e2333}
.leaflet-container .leaflet-popup-content{margin:14px 16px}
.leaflet-container a.leaflet-popup-close-button{color:#a3bccb}
.leaflet-container .leaflet-control-attribution{background:rgba(6,18,28,.75);color:#a3bccb}.leaflet-container .leaflet-control-attribution a{color:#a3bccb}
.leaflet-container{background:#0a1c2a}
.lpop{display:grid;gap:4px;font-size:13.5px}.lpop b{color:#fff;font-size:14.5px}.lpop .c{color:#00C8D6;font-weight:700;font-size:12.5px}.lpop .dz{color:#a3bccb;font-size:12px}.lpop p{margin:2px 0}
.lpop a,.pt a{color:#a3bccb}
.gm{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0 2px}
.gmb{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#00C8D6;color:#06121c!important;font-weight:800;font-size:12.5px;text-decoration:none}
.gmb::before{content:"";width:12px;height:12px;background:currentColor;-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C8 2 5 5 5 9c0 5 7 13 7 13s7-8 7-13c0-4-3-7-7-7zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5z"/></svg>') center/contain no-repeat;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C8 2 5 5 5 9c0 5 7 13 7 13s7-8 7-13c0-4-3-7-7-7zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5z"/></svg>') center/contain no-repeat}
.pt .dz{display:block;font-size:12px;color:var(--dim)}.pt .gm{margin-top:6px}.pt .src{font-size:12px}
.rcard .gm a{font-size:12.5px}

.lyr-t{all:unset;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#bfe9ff;cursor:pointer}
.lyr-t::after{content:" ▾"}.lyr.open .lyr-t::after{content:" ▴"}
.lyr-b{display:flex;flex-direction:column;gap:6px}
.lyr:not(.open) .lyr-b{display:none}
@media (max-width:720px){.lyr{top:10px;bottom:auto;left:auto;right:10px;max-width:calc(100% - 20px)}.lyr-b{flex-direction:column}.mapt{min-height:560px}}
/* pendón más pequeño */
.hero .pendon{width:132px;padding:14px 10px 34px;top:84px;right:40px;clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 20px),0 100%)}
.hero .pendon::before{height:3px}
.pd-logo{width:78px;height:78px;margin:4px 0 9px;box-shadow:0 0 0 3px rgba(255,255,255,.12)}
.pd-logo img{width:68px;height:68px}
.pendon small{font-size:8.5px;letter-spacing:.14em}
.pendon b{font-size:14.5px}
.pendon em{font-size:10px;margin-top:2px}
@media (max-width:900px){.hero .pendon{width:96px;padding:10px 6px 26px;bottom:96px;right:12px}.pd-logo{width:56px;height:56px;margin:2px 0 6px}.pd-logo img{width:48px;height:48px}.pendon b{font-size:11.5px}.pendon small{font-size:7.5px}.pendon em{font-size:8.5px}}

/* entrada por voz en Rumbo (antes de elegir enfermedad) */
.vcall{margin-bottom:16px}
.vcall .who{flex-wrap:nowrap;align-items:center}
.vcall .who>div{flex:1}
.vcall .callst:empty{display:none}
.vcall h3{font-size:18px}
.vlog{display:none;max-height:260px;margin-top:10px}
.vlog.on{display:block}
@media(max-width:640px){.vcall .who{flex-wrap:wrap}.vcall .hdr-r{width:100%;margin-left:0}.vcall .callbtn{width:100%;justify-content:center}}

/* convocante: Twentyeight Women's Health (por debajo del Senado) */
.rs-logo.xs{width:34px;height:34px;box-shadow:none}.rs-logo.xs img{width:28px;height:28px}
.f-ini{display:flex;align-items:center;gap:9px;margin:2px 0 6px;font-size:12px;font-weight:600;color:var(--dim)}
.hh-ini{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-bottom:6px;font-size:11.5px;font-weight:700;color:rgba(214,232,242,.75)}
.foot .f-ini{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;text-align:left!important;gap:9px}

/* con video, el fondo no se escala: el zoom lento sobre el video lo hacía temblar */
.hero .bgimg.has-video{animation:none!important;transform:none!important}

/* cinta arrastrable: la mueve JS */
.ribbon .track.js{animation:none!important;will-change:transform}
.ribbon{touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}
.ribbon.dragging{cursor:grabbing}.ribbon.dragging .labc{pointer-events:none}
.ribbon .labc img{-webkit-user-drag:none;pointer-events:none}
@media (prefers-reduced-motion:reduce){.ribbon{overflow-x:hidden}}

/* fuentes de información */
.srcband{padding:34px 0 40px;border-top:1px solid var(--line)}
.srcband .lb-k{text-align:center}
.srcrow{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px 34px;margin:18px auto 14px;max-width:1240px}
.srcrow img{height:34px;width:auto;max-width:170px;object-fit:contain;filter:brightness(0) invert(1);opacity:.72;transition:opacity .2s}
.srcrow img:hover{opacity:1}
.srcrow img[src*="unam"]{height:46px}.srcrow img[src*="imss"]{height:42px}
.srcband .note{text-align:center}
body.light .srcrow img{filter:brightness(0);opacity:.6}
@media (max-width:700px){.srcrow{gap:20px 28px}.srcrow img{height:26px;max-width:130px}.srcrow img[src*="unam"]{height:36px}.srcrow img[src*="imss"]{height:32px}}
@media (min-width:1100px){.srcband .wrap{max-width:1320px}}

/* contexto visible en el inicio (fuera del modo presentación) */
body.pres .pub-only{display:none!important}
.ctx .flow3.two{grid-template-columns:repeat(2,1fr)}
@media (max-width:820px){.ctx .flow3.two{grid-template-columns:1fr}}
.sn-pub{display:flex;flex-direction:column;gap:10px;justify-content:center}
.sn-pub .sn-lead{font:600 clamp(19px,2vw,24px)/1.35 'Fraunces',Georgia,serif;color:var(--ink);margin:0}
.sn-pub p{margin:0}
.sn-pub .go{font-weight:800;color:var(--cyan);text-decoration:none;margin-top:4px}

/* ================= Atlas 2: mapa explorador ================= */
.ax-top{padding:26px 0 18px}
.ax-top h1{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:clamp(26px,3vw,38px);line-height:1.12;max-width:900px;margin:6px 0 8px;color:var(--ink)}
.ax-top p{color:var(--dim);max-width:640px}
.ax-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px}
.axk{padding:12px 14px;border-radius:16px;background:var(--card);border:1px solid var(--line);display:grid;gap:2px}
.axk b{font:800 30px/1 Manrope,sans-serif;font-variant-numeric:tabular-nums}
.axk span{font-size:12.5px;font-weight:600;color:var(--dim);line-height:1.35}
@media (max-width:900px){.ax-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.axk:last-child{grid-column:span 2}}
.ax-stage{position:relative;height:clamp(600px,82vh,860px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#07131d;overflow:hidden}
.ax-map{position:absolute;inset:0;background:#07131d}
.ax-map .leaflet-container,.ax-map{font-family:Manrope,system-ui,sans-serif}
.ax-panel,.ax-drawer,.ax-legend{position:absolute;z-index:600;background:rgba(7,19,29,.84);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border:1px solid rgba(207,230,242,.16);border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.45)}
.ax-panel{top:18px;left:18px;width:330px;padding:12px;display:flex;flex-direction:column;gap:10px;max-height:calc(100% - 96px);overflow:auto}
.ax-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:14px;background:rgba(255,255,255,.05)}
.ax-modes button{all:unset;cursor:pointer;text-align:center;padding:9px 6px;border-radius:10px;font-size:13px;font-weight:800;color:var(--dim);transition:background .2s,color .2s}
.ax-modes button:hover{color:var(--ink)}
.ax-modes button.on{color:#06121c}
.ax-modes button[data-m="at"].on{background:#00C8D6}.ax-modes button[data-m="tz"].on{background:#F2D14B}.ax-modes button[data-m="gap"].on{background:#FF4FD8}
.ax-modes button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.ax-body{display:flex;flex-direction:column;gap:8px;padding:2px 4px 4px}
.ax-l{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#bfe9ff;margin-top:4px}
.ax-body select{width:100%;background:var(--bg2);color:var(--ink);border:1px solid var(--line2);border-radius:12px;padding:10px 12px;font:600 14px Manrope,sans-serif}
.ax-chips{display:flex;flex-direction:column;gap:6px}
.ax-chips.inst{flex-direction:row;flex-wrap:wrap}
.chip{all:unset;cursor:pointer;display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:12px;border:1px solid var(--line2);font-size:13.5px;font-weight:700;color:var(--dim);transition:all .2s}
.chip i{width:12px;height:12px;border-radius:50%;flex:none;opacity:.35;transition:opacity .2s,box-shadow .2s}
.chip em{font-style:normal;margin-left:auto;font-weight:800;font-size:12.5px;color:var(--dim)}
.chip.on{color:var(--ink);background:rgba(255,255,255,.06);border-color:rgba(207,230,242,.32)}
.chip.on i{opacity:1;box-shadow:0 0 10px currentColor}
.ax-chips.inst .chip{padding:7px 11px;font-size:12.5px}
.ax-chips.inst .chip.on{background:#F2D14B;color:#06121c;border-color:#F2D14B}
.chip:focus-visible{outline:2px solid #fff;outline-offset:2px}
.ax-big{display:flex;align-items:baseline;gap:10px;padding:8px 2px 0}
.ax-big b{font:800 46px/1 Manrope,sans-serif;color:var(--ink);letter-spacing:-.02em}
.ax-big span{font-size:13px;font-weight:600;color:var(--soft);line-height:1.35}
.ax-say{font-size:13.5px;color:var(--soft);line-height:1.5}
.ax-drawer{top:18px;right:18px;bottom:18px;width:370px;padding:16px;overflow:auto;display:flex;flex-direction:column;gap:10px}
.ax-drawer h3{font-family:'Fraunces',Georgia,serif;font-size:24px;font-weight:600;color:var(--ink);margin:0}
.ax-drawer h4{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#bfe9ff;margin-top:6px}
.ax-x{all:unset;cursor:pointer;position:sticky;top:0;align-self:flex-end;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.08);color:var(--ink);font-size:18px;margin-bottom:-36px;z-index:2}
.ax-st{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ax-st div{padding:10px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--line);display:grid}
.ax-st b{font:800 26px/1 Manrope,sans-serif}.ax-st span{font-size:12px;color:var(--dim);font-weight:600}
.ax-tz{display:grid;gap:4px}
.ax-tz .r{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.04);font-size:13.5px}
.ax-tz .r b{color:var(--ink)}.ax-tz .r:first-child{background:rgba(242,209,75,.08);border:1px solid rgba(242,209,75,.25)}
.ax-acts{display:flex;flex-wrap:wrap;gap:8px}
.ax-list{display:flex;flex-direction:column;gap:8px}
.ax-list .pt,.ax-one{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid var(--line);border-left:3px solid var(--c);display:grid;gap:3px;font-size:13.5px;cursor:pointer;transition:background .2s}
.ax-list .pt:hover{background:rgba(255,255,255,.07)}
.ax-one{cursor:default}
.ax-list .pt b,.ax-one b{color:var(--ink)}.ax-list .c,.ax-one .c{font-weight:700;font-size:12.5px}.ax-list .dz,.ax-one .dz{font-size:12px;color:var(--dim)}
.ax-list .src,.ax-one .src{font-size:12px;color:var(--dim)}
.gp{all:unset;cursor:pointer;padding:10px 12px;border-radius:12px;background:rgba(255,79,216,.08);border:1px solid rgba(255,79,216,.28);display:grid;gap:2px}
.gp b{color:var(--ink);font-size:14px}.gp span{font-size:12px;color:var(--dim)}
.gp:hover{background:rgba(255,79,216,.16)}
.ax-cats{display:grid;gap:6px}
.ax-cats div{display:grid;grid-template-columns:14px 40px 1fr;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.04)}
.ax-cats i{width:14px;height:14px;border-radius:4px}.ax-cats b{font:800 22px/1 Manrope,sans-serif;color:var(--ink)}.ax-cats span{font-size:13px;color:var(--soft)}
.ax-drawer .go{font-weight:800;color:#F2D14B;text-decoration:none}
.ax-legend{left:18px;bottom:18px;padding:9px 14px;display:flex;flex-wrap:wrap;gap:6px 16px;max-width:calc(100% - 440px);font-size:12.5px;font-weight:600;color:var(--soft)}
.ax-legend span{display:inline-flex;align-items:center;gap:7px}
.ax-legend i{width:11px;height:11px;border-radius:50%;box-shadow:0 0 8px currentColor}.ax-legend i.sq{border-radius:3px;box-shadow:none}
.ax-legend i.ring{background:transparent;box-shadow:inset 0 0 0 2px #FF4FD8}
.ax-hint{position:absolute;z-index:500;left:50%;transform:translateX(-50%);top:14px;font-size:12px;font-weight:700;color:#a3bccb;background:rgba(7,19,29,.7);padding:5px 12px;border-radius:999px;pointer-events:none;transition:opacity .4s}
.ax-hint.off{opacity:0}
.ax-stage .leaflet-control-zoom{border:0;margin:0 18px 18px 0}
.ax-stage .leaflet-control-zoom a{background:rgba(7,19,29,.84);color:var(--ink);border-color:rgba(207,230,242,.16)}
@media (min-width:901px){.ax-stage .leaflet-bottom.leaflet-right{right:390px}}
/* marcadores con brillo */
.axm i{position:absolute;inset:4px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px #06121c,0 0 14px var(--c)}
.axm i::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--c);opacity:0;animation:axp 2.6s ease-out infinite}
.axm:hover i{transform:scale(1.25)}
@keyframes axp{0%{transform:scale(.6);opacity:.7}100%{transform:scale(1.6);opacity:0}}
@media (prefers-reduced-motion:reduce){.axm i::after{animation:none}}
.lcl span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--c);color:#06121c;font:800 14px Manrope,sans-serif;box-shadow:0 0 0 4px rgba(6,18,28,.85),0 0 22px var(--c)}
.axme i{position:absolute;inset:0;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #38BDF8,0 0 18px #38BDF8}
.axtt{background:rgba(7,19,29,.92);color:#e6f1f7;border:1px solid rgba(207,230,242,.2);border-radius:10px;font:600 12.5px Manrope,sans-serif;box-shadow:none}
.axtt b{color:#fff}.axtt::before{display:none}
.axpop .leaflet-popup-content-wrapper{background:rgba(7,19,29,.95);color:#d6e8f2;border:1px solid rgba(207,230,242,.2);border-radius:16px}
.axpop .leaflet-popup-tip{background:rgba(7,19,29,.95)}
/* móvil: el panel y el cajón salen del mapa */
@media (max-width:900px){
  .ax-stage{height:auto;display:flex;flex-direction:column;overflow:visible;background:var(--bg)}
  .ax-panel{position:relative;inset:auto;width:auto;max-height:none;margin:0 12px 12px;order:1}
  .ax-map{position:relative;inset:auto;height:62vh;min-height:380px;order:2}
  .ax-legend{position:relative;inset:auto;max-width:none;margin:10px 12px 0;order:3}
  .ax-drawer{position:relative;inset:auto;width:auto;margin:12px;max-height:none;order:4}
  .ax-hint{display:none}
  .ax-chips{flex-direction:row;flex-wrap:wrap}.ax-chips .chip{flex:1 1 auto}
}
/* tamiz explicado */
.ax-after{padding-top:44px}
.tzx{display:grid;gap:20px;margin-bottom:28px}
.tzx-h h2{font-size:clamp(24px,2.6vw,34px);margin:4px 0 8px}
.tzx-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tzx-steps>div{position:relative;padding:20px;border-radius:20px;background:var(--card);border:1px solid var(--line);display:grid;gap:6px;align-content:start}
.tzx-steps>div>b{font:800 15px Manrope,sans-serif;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(242,209,75,.16);color:#F2D14B}
.tzx-steps h3{font-size:18px;color:var(--ink)}.tzx-steps p{font-size:14.5px;color:var(--soft)}
.tzx-steps a{font-size:12px;color:var(--dim)}
.tzx-steps .hot{border-color:rgba(255,79,216,.45);background:linear-gradient(160deg,rgba(255,79,216,.14),var(--card) 60%)}
.tzx-steps .hot>b{background:rgba(255,79,216,.2);color:#FF8FB1}
@media (max-width:820px){.tzx-steps{grid-template-columns:1fr}}
.tzx-g{display:grid;grid-template-columns:1.25fr 1fr;gap:14px}
@media (max-width:900px){.tzx-g{grid-template-columns:1fr}}
.tzx-bars,.tzx-stats,.tzx-mx{padding:20px;border-radius:20px;background:var(--card);border:1px solid var(--line);display:grid;gap:10px;align-content:start}
.br{display:grid;grid-template-columns:minmax(120px,190px) 1fr 44px;align-items:center;gap:12px}
.bl{font-size:14px;font-weight:700;color:var(--ink);line-height:1.25}.bl small{display:block;font-size:11.5px;font-weight:600;color:var(--dim);margin-top:2px}
.br .bt{height:14px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}
.br .bt i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#F2D14B,#00C8D6);transform-origin:left;animation:grow 1.1s cubic-bezier(.16,1,.3,1) both}
.br:first-of-type .bt i{background:#FF4FD8}
.br.ref{opacity:.6}.br.ref .bt i{background:repeating-linear-gradient(90deg,#a3bccb 0 6px,transparent 6px 10px)}
.br>b{font:800 22px/1 Manrope,sans-serif;color:var(--ink);text-align:right}
@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.tzx-stats{grid-template-columns:1fr 1fr}
.tzx-stats>div{display:grid;gap:4px;padding:12px;border-radius:14px;background:rgba(255,255,255,.035)}
.tzx-stats>div b{font:800 28px/1.05 Manrope,sans-serif;color:#FF8FB1}
.tzx-stats>div:nth-child(2) b{color:#00C8D6}.tzx-stats>div:nth-child(3) b{color:#F2D14B}.tzx-stats>div:nth-child(4) b{color:#A78BFA}
.tzx-stats>div span{font-size:13px;color:var(--soft);line-height:1.45}
.tzx-stats .note{grid-column:1/-1}
.mxg{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.mxc{padding:14px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid var(--line);display:grid;gap:8px;align-content:start}
.mxc>b{color:var(--ink);font-size:15px}
.mxr{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.mxr span{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;font-weight:600;color:var(--dim);padding:5px 8px;border-radius:9px;background:rgba(255,255,255,.04)}
.mxc p{font-size:12.5px;color:var(--dim);line-height:1.45}
.tzx-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:18px 20px;border-radius:20px;background:linear-gradient(120deg,rgba(255,79,216,.16),rgba(242,209,75,.1));border:1px solid rgba(255,79,216,.35)}
.tzx-cta>div{display:grid;gap:2px;margin-right:auto}.tzx-cta b{color:var(--ink);font-size:17px}.tzx-cta span{color:var(--soft);font-size:14px}
.ax-after .route{margin-bottom:18px}
.tzdet{margin:0 0 18px;padding:14px 18px;border-radius:18px;background:var(--card);border:1px solid var(--line)}
.tzdet summary{cursor:pointer;font-weight:800;color:var(--ink)}
.tzdet .tzt{margin-top:12px}
.ax-after .leg{margin-bottom:18px}

.ax-stage{scroll-margin-top:64px}
.ax-big b{white-space:nowrap}

.leaflet-tooltip.axtt{background:rgba(7,19,29,.94);color:#e6f1f7;border:1px solid rgba(207,230,242,.2);border-radius:10px;font:600 12.5px Manrope,sans-serif;box-shadow:0 8px 24px rgba(0,0,0,.4);padding:6px 10px}
.leaflet-tooltip.axtt b{color:#fff}
.leaflet-tooltip.axtt:before{display:none}
.mxg{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.mxr{grid-template-columns:repeat(4,1fr);gap:4px}
.mxr span{flex-direction:column;justify-content:center;gap:4px;padding:7px 2px;font-size:11px;text-align:center}
.mxc p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.hh-ini{flex-direction:column;align-items:flex-end;gap:6px;margin-bottom:10px}
.hh-ini img{width:92px;height:92px;display:block;filter:drop-shadow(0 0 1px rgba(255,255,255,.55)) drop-shadow(0 4px 14px rgba(0,0,0,.45))}
#perfilBtn{display:none!important}
/* censo y entrada en dos pasos */
.en-conf .en-cp{margin:0;color:#d6e8f2;font-size:15px;line-height:1.5;font-weight:500}
.en-conf.en-censo{max-width:640px}
.en-conf.en-q,.en-conf.en-ok{max-width:560px;border-color:rgba(91,200,255,.45)}
.en-qo{display:flex;gap:10px;flex-wrap:wrap}
.en-back{align-self:flex-start;background:none;border:0;color:#bfe9ff;font-weight:700;cursor:pointer;padding:4px 0}
.cn-g{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cn-g .cn-w{grid-column:1/-1}
@media (max-width:560px){.cn-g{grid-template-columns:1fr}}
.cn-r{display:flex;gap:18px;flex-wrap:wrap;font-weight:600;color:#fff}
.cn-r label{display:flex;gap:8px;align-items:center;cursor:pointer;font-size:15px;letter-spacing:0;color:#fff}
.cn-r input{width:18px;height:18px;accent-color:#5BC8FF}
.en-conf .ckl{font-weight:600;font-size:14px;line-height:1.45}
.en-conf .ckl a{color:#bfe9ff}
.en-av{margin:0;font-size:13px;line-height:1.5;color:#c7dbe6;background:rgba(255,255,255,.06);border-radius:10px;padding:10px 12px}
.en-err{margin:0;min-height:1em;color:#ffb3c8;font-weight:700;font-size:14px}
.cnso{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:18px;padding:16px 20px;border-radius:18px;border:1px solid rgba(91,200,255,.4);background:rgba(91,200,255,.08)}
.cnso b{display:block;font-size:17px}
.cnso span{display:block;opacity:.85;font-size:15px;margin-top:2px}
/* botón de acceso a médicos en el header */
.medbtn{display:inline-flex;align-items:center;gap:7px;margin-left:6px;padding:8px 15px;border-radius:999px;border:1.5px solid #FF4FD8;background:rgba(255,79,216,.12);color:#fff;font:800 12px/1 Manrope,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background .2s,transform .2s}
.medbtn:hover,.medbtn:focus-visible{background:#FF4FD8;color:#16081a;transform:translateY(-1px)}
body.light .medbtn{color:#8a1676;background:rgba(255,79,216,.08)}body.light .medbtn:hover{color:#fff;background:#d02bb0;border-color:#d02bb0}

@media (max-width:900px){.top{position:fixed}.medbtn{position:absolute;top:14px;right:16px;margin:0;padding:8px 12px;font-size:11px;letter-spacing:.1em;z-index:2}.medbtn .mb-l{display:none}.top .cmx{display:none}.top.solid .medbtn{top:10px}}
body.med .medbtn{display:inline-flex}
.medbtn.on{background:#FF4FD8;color:#16081a}
.medbtn.on em{font-style:normal;opacity:.65;font-size:9px;letter-spacing:.1em;font-weight:700;margin-left:2px}
.medbtn.on:hover{background:rgba(255,79,216,.15);color:#fff}
@media (max-width:900px){.medbtn.on em{display:none}}
body.med .cnso{display:none}
.medbtn.on{padding:5px 11px;font-size:10px;letter-spacing:.1em;gap:5px}
.medbtn.on svg{width:12px;height:12px}
.medbtn.on em{font-size:8.5px}
@media (max-width:900px){.medbtn.on{top:16px;padding:5px 10px;font-size:9.5px}}
.medbtn{align-self:center}.medbtn.on{line-height:1.2}
/* ===== Asociaciones: propuestas de diseño ===== */
.av{padding:118px 0 70px}
@media (max-width:900px){.av{padding-top:132px}}
.avsw{position:sticky;top:76px;z-index:5;display:flex;gap:6px;align-items:center;flex-wrap:wrap;width:max-content;max-width:calc(100% - 32px);margin:0 auto 26px;padding:6px;border-radius:999px;background:rgba(10,24,36,.92);backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.avsw span{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#9fb6c4;padding:0 8px 0 10px}
.avsw a{font-size:12.5px;font-weight:800;text-decoration:none;color:#d6e8f2;padding:7px 12px;border-radius:999px}
.avsw a.on{background:#FF4FD8;color:#16081a}
.avchips{display:flex;flex-wrap:wrap;gap:8px}
.avchips button{display:inline-flex;align-items:center;gap:7px;font:700 13px Manrope,sans-serif;padding:8px 13px;border-radius:999px;cursor:pointer;border:1px solid var(--line2,rgba(255,255,255,.18));background:transparent;color:inherit}
.avchips button .dot{width:9px;height:9px;border-radius:50%;background:var(--gc)}
.avchips button i{font-style:normal;opacity:.6;font-weight:800}
.avchips button.on{background:var(--gc,#FF4FD8);border-color:var(--gc,#FF4FD8);color:#fff}.avchips button.on .dot{background:#fff}
.avact{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px}
.avact a{font-weight:800;font-size:13.5px;color:var(--gc,#00C8D6);text-decoration:none}
.avact a:hover{text-decoration:underline}
.avhelp{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:16px;margin-top:40px}
.avhelp>div{border-radius:20px;padding:22px;border:1px solid var(--line,rgba(255,255,255,.12))}
.avhelp b{display:block;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
.avhelp ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:15px;line-height:1.45}
.avhelp-x{background:#0b1d2b;color:#fff}.avhelp-x b{color:#FF8FB1}.avhelp-x p{color:#cfd8e3;font-size:15px;line-height:1.5}
.avhelp-x .btn.ghost{color:#fff;border-color:rgba(255,255,255,.3)}
@media (max-width:900px){.avhelp{grid-template-columns:1fr}}
.avjoin{margin-top:18px;font-size:14px;opacity:.8}.avjoin a{font-weight:800;color:inherit}
/* A · mapa (oscuro) */
.av1{color:#fff}
.av1-h{max-width:780px}.av1-h h1{font:600 clamp(32px,4.4vw,54px)/1.08 Fraunces,Georgia,serif;margin:6px 0 12px}.av1-h p{color:#cfe0ea;font-size:17px;line-height:1.55}
.av1-k{display:flex;gap:34px;margin-top:22px}.av1-k b{display:block;font:600 40px/1 Fraunces,Georgia,serif;color:#FF4FD8}.av1-k span{font-size:13px;color:#9fb6c4;font-weight:700}
.av1-g{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;margin-top:34px;align-items:start}
.av1-map{position:sticky;top:140px;border-radius:24px;background:radial-gradient(70% 70% at 50% 40%,rgba(139,92,246,.18),transparent 70%),#081a27;border:1px solid rgba(255,255,255,.1);padding:18px}
.av1-map svg{width:100%;height:auto;display:block}
.av1-map path{fill:#10293a;stroke:#1d3e54;stroke-width:1.2}.av1-map path.has{fill:#173a52}
.av1 .pin circle{fill:var(--gc);stroke:#081a27;stroke-width:2.5;transition:r .25s}
.av1 .pin .halo{fill:var(--gc);opacity:.18;stroke:none;animation:avp 2.4s ease-in-out infinite}
.av1 .pin{cursor:pointer;transition:opacity .3s}.av1 .pin.off{opacity:.12}
.av1 .pin.hot circle:not(.halo){r:14}.av1 .pin.hot .halo{opacity:.4}
@keyframes avp{50%{opacity:.04}}
.av1-nat{display:flex;align-items:center;gap:8px;font-size:13px;color:#9fb6c4;margin-top:8px}.av1-nat span{width:10px;height:10px;border-radius:50%;border:2px dashed #9fb6c4}
.av1-l .avchips{margin-bottom:14px}.av1-l .avchips button{color:#d6e8f2}
#avl{display:grid;gap:10px}
.av1-i{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-left:3px solid var(--gc);transition:background .2s,transform .2s}
.av1-i.hot{background:rgba(255,255,255,.09);transform:translateX(4px)}
.av1-m,.av2-m{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--gc);color:#fff;font:800 15px Manrope,sans-serif;letter-spacing:.04em}
.av1-i h3{font-size:17px;font-weight:800;line-height:1.3}.av1-c{font-size:13px;color:#9fb6c4;font-weight:700;margin:3px 0 6px}.av1-i p{font-size:14.5px;line-height:1.45;color:#d6e8f2}
.av1 .avhelp>div:not(.avhelp-x){background:rgba(255,255,255,.04);color:#d6e8f2}
@media (max-width:900px){.av1-g{grid-template-columns:1fr}.av1-map{position:relative;top:0}}
/* B · editorial (claro) */
.av2-h{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.av2-h h1{font:600 clamp(34px,4.6vw,58px)/1.06 Fraunces,Georgia,serif;margin:8px 0 14px;color:#16202c}.av2-h p{font-size:17.5px;line-height:1.6;color:#3b4654}
.av2-ph{position:relative;margin:0;border-radius:28px;overflow:hidden;aspect-ratio:4/3.3;box-shadow:0 30px 60px rgba(22,32,44,.18)}
.av2-ph img{width:100%;height:100%;object-fit:cover;display:block}
.av2-ph figcaption{position:absolute;left:18px;bottom:18px;background:rgba(255,255,255,.92);border-radius:16px;padding:12px 16px;font-size:13.5px;font-weight:700;color:#3b4654;line-height:1.4}.av2-ph figcaption b{font:600 30px/1 Fraunces,Georgia,serif;color:#d02bb0}
.av2-t{font:600 26px/1.2 Fraunces,Georgia,serif;color:#16202c;margin:46px 0 16px}
.av2-f{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.av2-f article{background:#16202c;color:#fff;border-radius:22px;padding:22px;position:relative;overflow:hidden}
.av2-f article::before{content:"";position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:50%;background:var(--gc);opacity:.35}
.av2-tag{position:relative;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#FF8FB1}
.av2-f h3{position:relative;font:600 21px/1.25 Fraunces,Georgia,serif;margin:8px 0}.av2-f p{position:relative;color:#cfd8e3;font-size:14.5px;line-height:1.5}
.avact.lt a{color:#7FE3EC}
.av2-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.av2-bar .av2-t{margin-bottom:0}.av2-bar .avchips button{color:#16202c;border-color:rgba(22,32,44,.15)}.av2-bar .avchips button.on{color:#fff}
.av2-l{display:grid;gap:0;margin-top:16px;border-top:1px solid rgba(22,32,44,.12)}
.av2-r{display:grid;grid-template-columns:56px 1fr auto;gap:18px;align-items:center;padding:18px 4px;border-bottom:1px solid rgba(22,32,44,.12)}
.av2-m{width:56px;height:56px;font-size:16px}
.av2-r h3{font-size:18px;font-weight:800;color:#16202c}.av2-c{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:5px 0 6px}.av2-c span{font-size:13px;font-weight:700;color:#5b6675;margin-right:4px}.av2-c em{font-style:normal;font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--gc) 14%,white);color:color-mix(in srgb,var(--gc) 70%,#16202c)}
.av2-r p{font-size:15px;line-height:1.45;color:#3b4654}
.avact.col{flex-direction:column;align-items:flex-end;gap:6px;margin:0}.av2 .avact a{color:color-mix(in srgb,var(--gc) 75%,#16202c)}
.av2 .avhelp>div:not(.avhelp-x){background:#fff;border-color:rgba(22,32,44,.1);color:#3b4654}.av2 .avhelp b{color:#16202c}
@media (max-width:900px){.av2-h,.av2-f{grid-template-columns:1fr}.av2-r{grid-template-columns:44px 1fr}.av2-m{width:44px;height:44px}.avact.col{grid-column:2;flex-direction:row;align-items:center}}
/* C · por enfermedad (claro) */
.av3-h{max-width:820px}.av3-h h1{font:600 clamp(32px,4.2vw,52px)/1.08 Fraunces,Georgia,serif;color:#16202c;margin:6px 0 12px}.av3-h p{font-size:17px;line-height:1.55;color:#3b4654}
.av3-pick{margin-top:26px;padding:18px;border-radius:22px;background:#fff;box-shadow:0 14px 40px rgba(22,32,44,.08)}
.av3-pick>span{display:block;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#d02bb0;margin-bottom:10px}
.av3-d{display:flex;flex-wrap:wrap;gap:8px}
.av3-d button{font:700 14px Manrope,sans-serif;padding:9px 14px;border-radius:12px;border:1.5px solid color-mix(in srgb,var(--gc,#16202c) 35%,white);background:#fff;color:#16202c;cursor:pointer}
.av3-d button i{font-style:normal;color:var(--gc);font-weight:800;margin-left:2px}
.av3-d button.on{background:var(--gc,#16202c);border-color:var(--gc,#16202c);color:#fff}.av3-d button.on i{color:#fff}
.av3-g{display:grid;grid-template-columns:1fr 320px;gap:26px;margin-top:28px;align-items:start}
.av3-sec{margin-bottom:26px}
.av3-sh{display:flex;align-items:baseline;justify-content:space-between;padding:12px 18px;border-radius:16px;background:var(--gc);color:#fff;margin-bottom:12px}
.av3-sh b{font:600 21px Fraunces,Georgia,serif}.av3-sh span{font-size:13px;font-weight:800;opacity:.9}
.av3-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.av3-cards article{background:#fff;border-radius:18px;padding:18px;border:1px solid rgba(22,32,44,.08);border-top:4px solid var(--gc)}
.av3-cards h3{font-size:16.5px;font-weight:800;color:#16202c;line-height:1.3}.av3-c{font-size:13px;font-weight:700;color:#5b6675;margin:4px 0 8px}.av3-cards p{font-size:14.5px;line-height:1.45;color:#3b4654}
.av3 .avact a{color:color-mix(in srgb,var(--gc) 75%,#16202c)}
.av3-side{position:sticky;top:140px}.av3-side .avhelp{grid-template-columns:1fr;margin-top:0}.av3-side .avhelp>div:not(.avhelp-x){background:#fff;border-color:rgba(22,32,44,.1);color:#3b4654}.av3-side .avhelp b{color:#16202c}
@media (max-width:900px){.av3-g{grid-template-columns:1fr}.av3-cards{grid-template-columns:1fr}.av3-side{position:static}}
.av .av2-f h3,body.light .av .av2-f h3{color:#fff}
.av .avhelp-x b,body.light .av .avhelp-x b{color:#FF8FB1}
body.light .av .avhelp-x p{color:#cfd8e3}
/* editorial definitivo */
.av2-h{display:block;max-width:820px}
.av2-k{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.av2-k span{font-size:14px;font-weight:700;color:#3b4654;background:#fff;border:1px solid rgba(22,32,44,.1);border-radius:999px;padding:7px 14px}
.av2-k b{font:600 18px Fraunces,Georgia,serif;color:#d02bb0;margin-right:3px}
.av2-st{font-size:15.5px;color:#3b4654;margin:-8px 0 14px;max-width:720px;line-height:1.5}
.av2-f{grid-template-columns:1fr 1fr;gap:10px}
.av2-f details{background:#fff;border:1px solid rgba(22,32,44,.1);border-radius:16px;overflow:hidden;transition:box-shadow .2s}
.av2-f details[open]{box-shadow:0 12px 30px rgba(22,32,44,.1);border-color:color-mix(in srgb,var(--gc) 45%,white)}
.av2-f summary{list-style:none;display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer}
.av2-f summary::-webkit-details-marker{display:none}
.av2-m.sm{width:38px;height:38px;font-size:13px;flex:none}
.av2-fs{flex:1;min-width:0}.av2-fs b{display:block;font-size:15px;font-weight:800;color:#16202c;line-height:1.3}.av2-fs small{display:block;font-size:12px;font-weight:700;color:color-mix(in srgb,var(--gc) 70%,#16202c);margin-top:2px}
.av2-f summary i{width:28px;height:28px;border-radius:50%;flex:none;background:color-mix(in srgb,var(--gc) 14%,white);position:relative;transition:transform .25s}
.av2-f summary i::before,.av2-f summary i::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:2px;margin:-1px 0 0 -5.5px;background:color-mix(in srgb,var(--gc) 75%,#16202c);border-radius:2px}
.av2-f summary i::after{transform:rotate(90deg);transition:transform .25s}
.av2-f details[open] summary i::after{transform:rotate(0)}
.av2-fb{padding:0 16px 16px 64px}.av2-fb p{font-size:14.5px;line-height:1.5;color:#3b4654}.av2 .av2-fb .avact a{color:color-mix(in srgb,var(--gc) 75%,#16202c)}
@media (max-width:900px){.av2-f{grid-template-columns:1fr}.av2-fb{padding-left:16px}}
.av2-f{align-items:start}
/* filas desplegables de asociaciones */
.av2-r{display:block;padding:0;border-bottom:1px solid rgba(22,32,44,.12)}
.av2-r summary{list-style:none;display:grid;grid-template-columns:56px 1fr 30px;gap:18px;align-items:center;padding:16px 4px;cursor:pointer}
.av2-r summary::-webkit-details-marker{display:none}
.av2-r summary:hover h3{color:color-mix(in srgb,var(--gc) 80%,#16202c)}
.av2-r summary>i{width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--gc) 14%,white);position:relative}
.av2-r summary>i::before,.av2-r summary>i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:color-mix(in srgb,var(--gc) 75%,#16202c);border-radius:2px;transition:transform .25s}
.av2-r summary>i::after{transform:rotate(90deg)}.av2-r[open] summary>i::after{transform:rotate(0)}
.av2-r[open]{background:#fff;border-radius:18px;border-bottom-color:transparent;box-shadow:0 14px 34px rgba(22,32,44,.09);margin:8px 0}
.av2-r[open] summary{padding-left:16px;padding-right:16px}
.av2-rb{padding:0 18px 20px 92px}
.av2-r .av2-c{margin-bottom:0}
.avx p{font-size:15px;line-height:1.55;color:#3b4654;margin-bottom:10px;max-width:760px}
.avx-l,.avx-c>div{display:flex;flex-wrap:wrap;gap:8px}
.avx-c{margin-top:14px}.avx-c b{display:block;font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#5b6675;margin-bottom:8px}
.avb{display:inline-flex;align-items:center;gap:8px;font:800 13.5px Manrope,sans-serif;padding:9px 14px;border-radius:12px;text-decoration:none;color:#16202c;background:color-mix(in srgb,var(--gc) 10%,white);border:1px solid color-mix(in srgb,var(--gc) 30%,white)}
.avb:hover{background:color-mix(in srgb,var(--gc) 18%,white)}
.avb.off{opacity:.7}
.avb small{font-weight:600;color:#5b6675;font-size:12.5px}
.avb.ct{background:var(--gc);border-color:var(--gc);color:#fff}.avb.ct small{color:rgba(255,255,255,.85)}.avb.ct:hover{filter:brightness(1.07)}
.ic{width:15px;height:15px;flex:none;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.ic-pin{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5 7 13 7 13s7-8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E")}
.ic-web{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c3 3.5 3 14.5 0 18M12 3c-3 3.5-3 14.5 0 18'/%3E%3C/svg%3E")}
.ic-src{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M6 2h9l5 5v15H6z'/%3E%3Cpath d='M14 2v6h6M9 13h8M9 17h8'/%3E%3C/svg%3E")}
.ic-email{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E")}
.ic-tel{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.5 15.5 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E")}
.ic-wa{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm5.3 14c-.2.6-1.3 1.2-1.8 1.2s-1 .3-3.4-.7a11.4 11.4 0 0 1-4.6-4.1c-.4-.6-1-1.7-1-2.9a3.1 3.1 0 0 1 1-2.3 1 1 0 0 1 .7-.3h.5c.2 0 .4 0 .6.5l.9 2.1a.6.6 0 0 1 0 .5l-.4.5-.4.5c-.1.1-.3.3-.1.6a8.6 8.6 0 0 0 1.6 2 7.8 7.8 0 0 0 2.3 1.4c.3.1.5.1.6-.1l.9-1c.2-.3.4-.2.6-.1l2 1c.3.1.5.2.5.3a2.3 2.3 0 0 1-.2 1.3z'/%3E%3C/svg%3E")}
.ic-fb{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 8h3V4h-3a4 4 0 0 0-4 4v2H7v4h3v8h4v-8h3l1-4h-4V8.5a.5.5 0 0 1 .5-.5z'/%3E%3C/svg%3E")}
.ic-ig{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.5' cy='6.5' r='1' fill='black'/%3E%3C/svg%3E")}
.ic-x{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.8 3h3.1l-6.8 7.8 8 10.2h-6.3l-4.9-6.4L5.3 21H2.2l7.3-8.3L1.8 3h6.4l4.5 5.9zm-1.1 16.2h1.7L7.4 4.7H5.6z'/%3E%3C/svg%3E")}
.ic-yt{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22 8.2a3 3 0 0 0-2.1-2.1C18 5.6 12 5.6 12 5.6s-6 0-7.9.5A3 3 0 0 0 2 8.2 31 31 0 0 0 1.6 12 31 31 0 0 0 2 15.8a3 3 0 0 0 2.1 2.1c1.9.5 7.9.5 7.9.5s6 0 7.9-.5a3 3 0 0 0 2.1-2.1 31 31 0 0 0 .4-3.8 31 31 0 0 0-.4-3.8zM10 15.1V8.9l5.2 3.1z'/%3E%3C/svg%3E")}
@media (max-width:900px){.av2-r summary{grid-template-columns:44px 1fr 28px;gap:12px}.av2-rb{padding:0 14px 18px}}
/* ===== Acervo: propuestas ===== */
.a1,.a2,.a3{padding:118px 0 70px}
@media (max-width:900px){.a1,.a2,.a3{padding-top:132px}}
.a1 .answer:empty,.a2 .answer:empty,.a3 .answer:empty{display:none}
/* A · buscador */
.a1-hero{text-align:center;max-width:860px;margin:0 auto;padding:30px 0 10px}
.a1-hero h1{font:600 clamp(36px,5vw,64px)/1.05 Fraunces,Georgia,serif;margin:8px 0 12px}
.a1-hero>p{color:#cfe0ea;font-size:17px}
.a1-ask{margin:26px auto 14px;max-width:780px;padding:6px;border-radius:999px;background:linear-gradient(90deg,#FF4FD8,#8B5CF6,#00C8D6,#F2D14B);box-shadow:0 20px 60px rgba(139,92,246,.35)}
.a1-ask .ask{background:#06121c;border-radius:999px;margin:0}
.a1-ask.in{max-width:none;margin:22px 0 10px}
.a1-hero .chips{justify-content:center}
.a1-k{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;margin-top:22px}.a1-k span{color:#9fb6c4;font-size:14px;font-weight:700}.a1-k b{font:600 24px Fraunces,Georgia,serif;color:#fff;margin-right:4px}
.a1-band .a1-k{justify-content:flex-start}
.a1-t{font:600 26px Fraunces,Georgia,serif;margin:46px 0 16px}
.a1-g{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.a1-gc{border-radius:20px;padding:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-top:3px solid var(--gc)}
.a1-gc>b{display:block;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gc);margin-bottom:10px}
.a1-gc>div{display:flex;flex-wrap:wrap;gap:6px}
.a1-gc a{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14px;color:#fff;text-decoration:none;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.06)}
.a1-gc a:hover{background:var(--gc);color:#06121c}
.a1-gc a i{font-style:normal;font-size:11.5px;opacity:.6}
.a1-v{margin-top:22px}
@media (max-width:1000px){.a1-g{grid-template-columns:1fr 1fr}}@media (max-width:600px){.a1-g{grid-template-columns:1fr}}
.a1-band{border-radius:28px;padding:30px 32px;background:radial-gradient(80% 120% at 100% 0,color-mix(in srgb,var(--gc) 40%,transparent),transparent 60%),#0b1d2b;border:1px solid rgba(255,255,255,.1)}
.a1-band h1{font:600 clamp(36px,5vw,62px)/1.05 Fraunces,Georgia,serif;margin:6px 0 4px}
.a1-n{color:var(--gc);font-weight:800}.a1-band>p:not(.a1-n){color:#cfe0ea;max-width:820px;font-size:16.5px;line-height:1.55;margin-top:8px}
.a1-back{display:inline-block;color:#9fb6c4;text-decoration:none;font-weight:700;font-size:13.5px;margin-bottom:10px}
.a1-tabs{display:flex;align-items:center;gap:8px;margin:18px 0 12px;flex-wrap:wrap}
.a1-tabs>button{font:800 14px Manrope,sans-serif;padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:none;color:#d6e8f2;cursor:pointer}
.a1-tabs>button.on{background:#fff;color:#06121c}
.a1-tabs .sp{flex:1}
.a1-fl{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.a1-fl>.tk{grid-column:1/-1}
.a1-fl .fi{margin:0;height:100%}
.a1-links{margin-top:20px}
@media (max-width:800px){.a1-fl{grid-template-columns:1fr}}
/* B · biblioteca (claro) */
.a2-w{display:grid;grid-template-columns:250px 1fr;gap:40px;align-items:start}
.a2-side{position:sticky;top:110px;max-height:calc(100vh - 130px);overflow:auto;padding-right:6px;scrollbar-width:thin}
.a2-all{display:block;font-weight:800;color:#16202c;text-decoration:none;padding:8px 10px;border-radius:10px;margin-bottom:10px}
.a2-g{margin-bottom:14px}.a2-g>b{display:block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--gc) 75%,#16202c);padding:0 10px;margin-bottom:4px}
.a2-g a{display:flex;justify-content:space-between;gap:8px;font-weight:600;font-size:14.5px;color:#3b4654;text-decoration:none;padding:6px 10px;border-radius:9px;border-left:3px solid transparent}
.a2-g a i{font-style:normal;font-size:12px;opacity:.55}
.a2-g a:hover{background:rgba(22,32,44,.05)}
.a2-g a.on,.a2-all.on{background:#fff;border-left-color:var(--gc,#d02bb0);color:#16202c;font-weight:800;box-shadow:0 6px 18px rgba(22,32,44,.06)}
.a2-m h1{font:600 clamp(34px,4.4vw,54px)/1.06 Fraunces,Georgia,serif;color:#16202c;margin:6px 0 6px}
.a2-n{font-weight:800;color:#d02bb0}.a2-lead{font-size:17px;line-height:1.6;color:#3b4654;max-width:760px;margin:6px 0 20px}
.a2 .ask{background:#fff;border:1px solid rgba(22,32,44,.12)}.a2 .ask input{color:#16202c}
.a2-t{font:600 24px Fraunces,Georgia,serif;color:#16202c;margin:36px 0 14px}
.a2-feat{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.a2-feat a{display:block;padding:20px;border-radius:18px;background:#fff;border:1px solid rgba(22,32,44,.08);border-top:4px solid var(--gc);text-decoration:none}
.a2-feat b{display:block;font:600 21px Fraunces,Georgia,serif;color:#16202c}.a2-feat span{display:block;color:#3b4654;font-size:15px;margin:6px 0 10px;line-height:1.45}.a2-feat em{font-style:normal;font-weight:800;font-size:13.5px;color:color-mix(in srgb,var(--gc) 75%,#16202c)}
.a2-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.a2-bar .dlinks{margin:0}
.a2 .seg2 button{color:#3b4654}.a2 .seg2 button.on{color:#fff}
.a2 .btn.ghost{color:#16202c;border-color:rgba(22,32,44,.2)}
.a2-art{display:grid;grid-template-columns:200px 1fr;gap:34px;margin-top:26px;align-items:start}
.a2-toc{position:sticky;top:110px;border-left:2px solid rgba(22,32,44,.1);padding-left:14px}
.a2-toc b{display:block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#5b6675;margin-bottom:8px}
.a2-toc a{display:block;font-size:13.5px;color:#3b4654;text-decoration:none;padding:4px 0;line-height:1.35}.a2-toc a:hover{color:#d02bb0}
.a2-body>.tk{display:block;margin-bottom:10px;color:#5b6675}
.a2f{padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid rgba(22,32,44,.1);scroll-margin-top:110px}
.a2f h3{font:600 22px/1.25 Fraunces,Georgia,serif;color:#16202c;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.a2f h3 .aud{font:800 10.5px Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:rgba(22,32,44,.06);color:#5b6675;font-style:normal}
.a2f p{font-size:16.5px;line-height:1.7;color:#2b3542;margin:8px 0}
.a2f .src{font-size:13px;color:#5b6675}
.a2-v{margin-top:30px}.a2 .vrow b{color:#16202c}
@media (max-width:1000px){.a2-w{grid-template-columns:1fr}.a2-side{position:static;max-height:none;display:flex;gap:8px;overflow-x:auto;padding-bottom:6px}.a2-g{display:flex;gap:4px;margin:0;flex:none}.a2-g>b{display:none}.a2-g a{white-space:nowrap;background:#fff}.a2-all{flex:none;margin:0;background:#fff}.a2-art{grid-template-columns:1fr}.a2-toc{display:none}.a2-feat{grid-template-columns:1fr}}
/* C · mosaico */
.a3-h{display:grid;grid-template-columns:1fr 1.1fr;gap:34px;align-items:end}
.a3-h h1{font:600 clamp(34px,4.6vw,58px)/1.05 Fraunces,Georgia,serif;margin:6px 0 10px}.a3-h p{color:#cfe0ea;font-size:16.5px}
.a3-ask .ask{margin:0}.a3-ask .chips{margin-top:10px}
.a3-g{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}
.a3-t{position:relative;display:flex;flex-direction:column;gap:6px;min-height:200px;padding:18px;border-radius:22px;text-decoration:none;color:#fff;overflow:hidden;background:linear-gradient(160deg,color-mix(in srgb,var(--gc) 32%,#0b1d2b),#0b1d2b 70%);border:1px solid color-mix(in srgb,var(--gc) 35%,transparent);transition:transform .25s,box-shadow .25s}
.a3-t::after{content:"";position:absolute;right:-30px;bottom:-30px;width:110px;height:110px;border-radius:50%;background:var(--gc);opacity:.25;transition:transform .35s}
.a3-t:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.35)}.a3-t:hover::after{transform:scale(1.4)}
.a3-gr{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gc)}
.a3-t b{font:600 23px/1.15 Fraunces,Georgia,serif}
.a3-t p{font-size:13.5px;line-height:1.45;color:#cfe0ea;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.a3-t em{position:relative;z-index:1;font-style:normal;font-size:12.5px;font-weight:800;color:#fff}
.a3-v{margin-top:24px}.a3-v.top{margin:18px 0 6px}
@media (max-width:1000px){.a3-g{grid-template-columns:1fr 1fr}.a3-h{grid-template-columns:1fr}}@media (max-width:520px){.a3-g{grid-template-columns:1fr}.a3-t{min-height:0}}
.a3-dh{padding:34px;border-radius:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--gc) 45%,#0b1d2b),#0b1d2b 75%);border:1px solid color-mix(in srgb,var(--gc) 40%,transparent)}
.a3-dh h1{font:600 clamp(38px,5.4vw,70px)/1 Fraunces,Georgia,serif;margin:4px 0 10px}.a3-dh p{color:#e2eef5;font-size:16.5px;line-height:1.55;max-width:820px}.a3-dh .dlinks{margin-top:14px}
.a3-bar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:18px 0 12px}.a3-ask.in{flex:1;min-width:280px}.a3-ask.in .ask{margin:0}
.a3-fl{columns:3 300px;column-gap:12px}
.a3-fl>.tk{display:block;margin-bottom:10px;column-span:all}
.a3-fl .fi{break-inside:avoid;margin:0 0 12px;display:block}
.a3-fl .fi summary span{-webkit-line-clamp:4}
.a1 .seg2 button,.a2 .seg2 button,.a3 .seg2 button{white-space:nowrap}
.a1-back{display:block;width:max-content}
@media (max-width:1000px){.a2-w{grid-template-columns:minmax(0,1fr)}.a2-side{max-width:100%;min-width:0}.a2-m{min-width:0}}
.a3-h>*{min-width:0}@media (max-width:1000px){.a3-h{grid-template-columns:minmax(0,1fr)}}.a3-ask .chips{flex-wrap:wrap}
/* fuente de los videos */
.vsrc{display:inline-flex;align-items:center;gap:6px;font:800 10.5px Manrope,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:rgba(6,18,28,.82);color:#d6e8f2;backdrop-filter:blur(4px)}
.vsrc i{width:12px;height:12px;border-radius:50%;border:1.5px solid #9fb6c4;flex:none}
.vsrc.mx{background:#fff;color:#16202c}
.vsrc.mx i{width:15px;height:10px;border:0;border-radius:2px;background:linear-gradient(90deg,#006847 33%,#fff 33% 66%,#CE1126 66%);box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.vt2{position:relative}.vt2 .vsrc,#w-video a .vsrc{position:absolute;left:8px;top:8px}
.wv .vsrc{margin:4px 0 2px;align-self:flex-start}
.vleg{font-size:13.5px;opacity:.8;margin:4px 0 12px}
.vmed{font-weight:800;color:#FF4FD8}
.vr a.is-mx .vt2{box-shadow:0 0 0 2px #fff,0 0 0 4px #006847}
body.light .vr a.is-mx .vt2{box-shadow:0 0 0 2px #fbf7f1,0 0 0 4px #006847}
.vsrc{width:max-content!important;right:auto!important;height:auto!important}
/* ===== Rumbo 2 ===== */
.r2{padding:118px 0 60px;color:#16202c}
@media (max-width:900px){.r2{padding-top:132px}}
.r2-h h1{font:600 clamp(34px,4.4vw,52px)/1.05 Fraunces,Georgia,serif;margin:4px 0 8px;color:#16202c}.r2-h p{font-size:17px;line-height:1.55;color:#3b4654;max-width:720px;margin-bottom:18px}
.r2-h.row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.r2-f{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid rgba(22,32,44,.14);border-radius:999px;padding:6px 6px 6px 18px;box-shadow:0 10px 30px rgba(22,32,44,.07)}
.r2-f:focus-within{border-color:#d02bb0}
.r2-f input{flex:1;min-width:0;border:0;outline:0;background:none;font:600 16px Manrope,sans-serif;color:#16202c;padding:8px 0}
.r2-f .mic{flex:none}
.r2-sug{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.r2-sug button{font:700 13.5px Manrope,sans-serif;padding:8px 13px;border-radius:999px;border:1px solid rgba(22,32,44,.14);background:#fff;color:#16202c;cursor:pointer}
.r2-sug button:hover{border-color:#d02bb0;color:#d02bb0}
.r2-note{font-size:12.5px;color:#5b6675;margin-top:8px}
.r2-av{flex:none;width:40px;height:40px}.r2-av .ava{width:40px;height:40px}
.r2-src{margin:10px 0 0;padding-left:20px;font-size:13px;color:#5b6675}.r2-src a{color:#5b6675}
.r2-wg{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-top:14px}
.r2 .wg{background:#fff;border:1px solid rgba(22,32,44,.1);color:#16202c}
.tzw{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.tzw span{display:flex;justify-content:space-between;gap:8px;font-size:13.5px;font-weight:700;padding:7px 10px;border-radius:10px;background:rgba(22,32,44,.04)}
.tzw .y{color:#0a8a4a}.tzw .n{color:#d6334f}.tzw .u{color:#a07300}
.wbig{font:600 24px/1.2 Fraunces,Georgia,serif;margin:6px 0}
.wct{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.wsrc{font-size:12.5px;color:#5b6675}
.r2-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;padding-top:14px;border-top:1px dashed rgba(22,32,44,.15)}
.r2-share>span{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#5b6675;margin-right:4px}
.r2-share .sh{font:800 13px Manrope,sans-serif;padding:8px 13px;border-radius:999px;border:1px solid rgba(22,32,44,.15);background:#fff;color:#16202c;cursor:pointer;text-decoration:none}
.r2-share .sh.wa{background:#25D366;border-color:#25D366;color:#fff}
.r2-share .sh:hover{border-color:#16202c}
.r2-share.big .sh{padding:11px 18px;font-size:14px}
.r2-share.col{flex-direction:column;align-items:stretch;border:0;padding:0}.r2-share.col>span{display:none}.r2-share.col .sh{text-align:center}
/* A · conversación */
.r2a-log{display:flex;flex-direction:column;gap:14px;min-height:30vh;padding-bottom:20px}
.r2a-m{display:flex;gap:12px;align-items:flex-start}
.r2a-m.me{justify-content:flex-end}
.r2a-m.me .r2a-b{background:#16202c;color:#fff;border-radius:20px 20px 6px 20px;padding:12px 16px;max-width:75%;font-weight:600}
.r2a-m.bot .r2a-b{flex:1;background:#fff;border:1px solid rgba(22,32,44,.08);border-radius:6px 22px 22px 22px;padding:16px 18px;box-shadow:0 12px 34px rgba(22,32,44,.07);font-size:16px;line-height:1.6}
.r2a-dock{position:sticky;bottom:0;padding:12px 0 14px;background:linear-gradient(0deg,#fbf7f1 75%,rgba(251,247,241,0))}
/* B · hoja */
.r2b{display:grid;grid-template-columns:340px 1fr;gap:26px;align-items:start}
.r2b-l{position:sticky;top:100px}
.r2b-ask .r2-sug{flex-direction:column;align-items:stretch}.r2b-ask .r2-sug button{text-align:left;border-radius:12px}
.r2b-hist{margin-top:14px}.r2b-hist b{display:block;font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#5b6675;margin-bottom:6px}
#hist{display:grid;gap:6px}#hist button{text-align:left;font:700 13.5px Manrope,sans-serif;padding:9px 12px;border-radius:10px;border:0;background:rgba(22,32,44,.05);color:#16202c;cursor:pointer}#hist button.on{background:#16202c;color:#fff}
.r2b-sheet{background:#fff;border-radius:6px;box-shadow:0 30px 70px rgba(22,32,44,.14),0 0 0 1px rgba(22,32,44,.05);min-height:560px;position:relative;overflow:hidden}
.r2b-sheet::before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,#FF4FD8,#8B5CF6,#00C8D6,#F2D14B)}
.r2b-sheet header{display:flex;align-items:center;gap:12px;padding:26px 34px 16px;border-bottom:1px solid rgba(22,32,44,.08)}
.r2b-sheet header img{width:42px;height:42px;border-radius:50%}
.r2b-sheet header b{display:block;font:600 19px Fraunces,Georgia,serif}.r2b-sheet header span{font-size:12px;color:#5b6675}
.r2b-sheet header em{margin-left:auto;font-style:normal;font-weight:800;font-size:12.5px;padding:6px 12px;border-radius:999px;background:rgba(208,43,176,.1);color:#d02bb0}
.r2b-c{padding:24px 34px 30px}
.r2b-hello{font:600 21px/1.45 Fraunces,Georgia,serif;margin-bottom:10px}
.r2b-q{font:600 clamp(22px,2.4vw,30px)/1.25 Fraunces,Georgia,serif;margin-bottom:12px}
.r2b-a{font-size:17px;line-height:1.7;color:#2b3542}
.r2b-f{margin-top:18px}.r2b-f b{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#5b6675}
.r2b-date{margin-top:16px;font-size:12.5px;color:#8a94a1}
@media (max-width:900px){.r2b{grid-template-columns:1fr}.r2b-l{position:static}.r2b-ask .r2-sug{flex-direction:row}.r2b-c,.r2b-sheet header{padding-left:18px;padding-right:18px}}
/* C · tarjetas */
.r2c-ask{max-width:860px}
.r2c-out{margin-top:16px}
.r2c-deck{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 18px;scrollbar-width:thin}
.r2c-card{flex:0 0 min(420px,86%);scroll-snap-align:start;background:#fff;border-radius:24px;padding:22px;box-shadow:0 18px 40px rgba(22,32,44,.1);border:1px solid rgba(22,32,44,.06);display:flex;flex-direction:column;gap:8px}
.r2c-card.main{flex-basis:min(520px,90%);background:#16202c;color:#fff}.r2c-card.main .r2-t{font-size:17px;line-height:1.65;color:#e8f0f5}.r2c-card.main .r2-src,.r2c-card.main .r2-src a{color:#9fb6c4}
.r2c-card.hello{flex-basis:min(620px,92%);flex-direction:row;flex-wrap:wrap;align-items:flex-start}.r2c-card.hello p{flex:1 1 300px;font-size:16.5px;line-height:1.55}
.r2c-card.w .wg{border:0;padding:0;box-shadow:none}
.r2c-card.sh{background:linear-gradient(160deg,#FF4FD8,#8B5CF6);color:#fff}.r2c-card.sh h3{font:600 22px/1.25 Fraunces,Georgia,serif}.r2c-card.sh .sh{background:rgba(255,255,255,.95)}
.r2c-k{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#FF8FB1}
.r2c-nav{display:flex;align-items:center;justify-content:center;gap:14px;font-weight:700;font-size:13.5px;color:#5b6675}
.r2c-nav button{width:40px;height:40px;border-radius:50%;border:1px solid rgba(22,32,44,.15);background:#fff;font-size:18px;cursor:pointer}
.r2c-prev{margin-top:22px;display:grid;gap:8px}
.r2c-old{background:#fff;border-radius:16px;padding:10px 14px;border:1px solid rgba(22,32,44,.08)}.r2c-old summary{font-weight:800;cursor:pointer}
/* imprimir / PDF */
@media print{body.r2-printing *{visibility:hidden!important}body.r2-printing .r2-print,body.r2-printing .r2-print *{visibility:visible!important}body.r2-printing .r2-print{position:absolute;left:0;top:0;width:100%;box-shadow:none}body.r2-printing .r2-share{display:none!important}body.r2-printing .r2c-deck{flex-wrap:wrap;overflow:visible}}
.r2-av{position:relative;width:40px;height:40px;overflow:visible}.r2-av .ava{position:absolute;left:0;top:0;width:64px;height:64px;transform:scale(.62);transform-origin:0 0}
.r2a-dock .r2-sug{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:8px 0}.r2a-dock .r2-sug button{flex:none}
@media (max-width:700px){.r2a-m.bot .r2-av{display:none}.r2c-ask .r2-sug,.r2b-ask .r2-sug{flex-wrap:nowrap;overflow-x:auto;flex-direction:row}.r2c-ask .r2-sug button,.r2b-ask .r2-sug button{flex:none}}
.r2b>*{min-width:0}@media (max-width:900px){.r2b{grid-template-columns:minmax(0,1fr)}}.r2-f{min-width:0}
.r2b-dis{margin-bottom:12px}.r2b-dis label{display:block;font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#d02bb0;margin-bottom:6px}
.r2b-dis select{width:100%;font:700 15px Manrope,sans-serif;padding:12px 14px;border-radius:14px;border:1.5px solid rgba(22,32,44,.14);background:#fff;color:#16202c}
/* ===== Clara: propuestas ===== */
.cl{padding:118px 0 60px}
@media (max-width:900px){.cl{padding-top:132px}}
.cl-h{max-width:820px;margin-bottom:22px}.cl-h h1{font:600 clamp(34px,4.4vw,54px)/1.05 Fraunces,Georgia,serif;margin:4px 0 8px}.cl-h p{color:#cfe0ea;font-size:16.5px;line-height:1.55}
.cl .log{max-height:none;overflow:visible}
.cl-end{display:flex;flex-direction:column;gap:12px;align-items:flex-start;margin-top:10px}
.cl .r2-share{border-top-color:rgba(255,255,255,.15)}.cl .r2-share>span{color:#9fb6c4}
/* A · consulta */
.cl1-g{display:grid;grid-template-columns:1fr 330px;gap:22px;align-items:start}
.cl1-main{background:#0b1d2b;border:1px solid rgba(255,79,216,.25);border-radius:26px;padding:22px}
.cl1-top{display:flex;align-items:center;gap:12px;padding-bottom:14px;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.cl1-top .ava{width:48px;height:48px}.cl1-top b{display:block;font:600 22px Fraunces,Georgia,serif}.cl1-top span{font-size:13px;color:#9fb6c4}
.cl1-side{display:grid;gap:12px;position:sticky;top:100px}
@media (max-width:1000px){.cl1-g{grid-template-columns:minmax(0,1fr)}.cl1-side{position:static}}
/* B · hoja de referencia */
.cl2-g{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:24px;align-items:start}
.cl2-l{display:grid;gap:12px;position:sticky;top:100px}
.cl2-in{background:#0b1d2b;border:1px solid rgba(255,79,216,.3);border-radius:22px;padding:18px}
.cl2-in .intake{margin:0}
.cl2-sheet{background:#fff;color:#16202c;border-radius:6px;box-shadow:0 30px 70px rgba(0,0,0,.35);position:relative;overflow:hidden;min-height:620px;display:flex;flex-direction:column}
.cl2-sheet::before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,#FF4FD8,#8B5CF6,#00C8D6,#F2D14B)}
.cl2-sheet header{display:flex;align-items:center;gap:12px;padding:26px 30px 14px;border-bottom:1px solid rgba(22,32,44,.08)}
.cl2-sheet header img{width:42px;height:42px;border-radius:50%}.cl2-sheet header b{display:block;font:600 19px Fraunces,Georgia,serif}.cl2-sheet header span{font-size:12px;color:#5b6675}.cl2-sheet header em{margin-left:auto;font-style:normal;font-size:12.5px;font-weight:800;color:#d02bb0}
.cl2-sheet .log{flex:1;padding:18px 30px;display:flex;flex-direction:column;gap:10px}
.cl2-sheet .bb{max-width:none;background:none;color:#2b3542;padding:0;border-radius:0;box-shadow:none;font-size:15.5px;line-height:1.6}
.cl2-sheet .bb.u{border-left:3px solid #00A6B8;padding:6px 12px;background:rgba(0,166,184,.06);color:#16202c;font-weight:600;align-self:stretch}
.cl2-sheet .bb.u::before{content:"Dato del médico";display:block;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#00809a;margin-bottom:2px}
.cl2-sheet .box{background:#fbf7f1;border:1px solid rgba(22,32,44,.1);color:#16202c;border-radius:14px}
.cl2-sheet .box.alert{background:#fff4f8;border-color:#f3b4d2}
.cl2-sheet .box b{color:#16202c}.cl2-sheet .note{color:#5b6675}.cl2-sheet .go{color:#b0168f}
.cl2-sheet .tzr{color:#16202c}
.cl2-ft{padding:12px 30px 18px;font-size:12px;color:#8a94a1;border-top:1px solid rgba(22,32,44,.08)}
.cl2-g+.tile{margin-top:20px}
@media (max-width:1000px){.cl2-g{grid-template-columns:minmax(0,1fr)}.cl2-l{position:static}.cl2-sheet header,.cl2-sheet .log,.cl2-ft{padding-left:16px;padding-right:16px}}
/* C · paso a paso */
.cl3-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 18px;padding:0}
.cl3-steps li{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#9fb6c4;font-weight:700;font-size:14px}
.cl3-steps li b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.08);font-size:14px;flex:none}
.cl3-steps li.on{border-color:#FF4FD8;color:#fff;background:rgba(255,79,216,.12)}.cl3-steps li.on b{background:#FF4FD8;color:#16081a}
.cl3-steps li.done{color:#d6e8f2}.cl3-steps li.done b{background:#4ADE80;color:#06121c}
.cl3-stage{display:flex;flex-direction:column;gap:16px}
.cl3-stage #cin{background:#0b1d2b;border:1px solid rgba(255,79,216,.3);border-radius:26px;padding:22px}
.cl3-stage #cin:empty{display:none}
.cl3-log{display:flex;flex-direction:column;gap:10px}
.cl3-more{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}
@media (max-width:900px){.cl3-steps li{font-size:12px;padding:10px}.cl3-more{grid-template-columns:1fr}}
/* hallazgos por grupo */
.hall2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hg{border-radius:16px;padding:12px 12px 13px;background:color-mix(in srgb,var(--hc) 8%,#0b1d2b);border:1px solid color-mix(in srgb,var(--hc) 30%,transparent);border-left:4px solid var(--hc);transition:background .2s,border-color .2s}
.hg.has{background:color-mix(in srgb,var(--hc) 16%,#0b1d2b);border-color:color-mix(in srgb,var(--hc) 60%,transparent)}
.hg-h{display:flex;align-items:center;gap:8px;margin-bottom:9px}
.hg-h i{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--hc);color:#fff;font:800 12px Manrope,sans-serif;font-style:normal;flex:none}
.hg-h b{font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.hg-n{margin-left:auto;font-size:11.5px;font-weight:800;color:var(--hc);white-space:nowrap}
.hg .mchips button{background:rgba(255,255,255,.04);border-color:color-mix(in srgb,var(--hc) 35%,transparent);color:#dbe7ef;font-size:12.5px;padding:6px 10px}
.hg .mchips button:hover{border-color:var(--hc)}
.hg .mchips button.on{background:var(--hc);border-color:var(--hc);color:#fff}
.hg .mchips button.on::before{color:#fff}
@media (max-width:700px){.hall2{grid-template-columns:1fr}}
/* distancia header–título igual en todas las secciones */
.r2,.a1,.a2,.a3,.av,.cl{padding-top:30px}
@media (max-width:900px){.r2,.a1,.a2,.a3,.av,.cl{padding-top:22px}}
.vr a{grid-template-columns:minmax(0,1fr)}.vt2{width:100%;min-width:0;overflow:hidden}
/* ===== respuestas con formato ===== */
.rx{display:grid;gap:12px}
.rx-t{font:600 clamp(19px,1.9vw,23px)/1.4 Fraunces,Georgia,serif;margin:0}
.rx-p{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.rx-p li{position:relative;padding-left:22px;font-size:15.5px;line-height:1.55}
.rx-p li::before{content:"";position:absolute;left:4px;top:.6em;width:8px;height:8px;border-radius:50%;background:#d02bb0}
.rx-v{margin:4px 0 0;padding:16px;border-radius:16px;background:rgba(22,32,44,.04);border:1px solid rgba(22,32,44,.08)}
.rx-v figcaption{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#5b6675;margin-bottom:10px}
.rx-s{font-size:12px;color:#6b7684;margin-top:8px}
.rb{display:grid;grid-template-columns:minmax(120px,240px) 1fr 44px;gap:10px;align-items:center;margin-bottom:8px}
.rb-l{font-weight:700;font-size:14px;line-height:1.25}.rb-l small{display:block;font-weight:600;font-size:11.5px;color:#6b7684}
.rb-t{height:14px;border-radius:999px;background:rgba(22,32,44,.08);overflow:hidden}
.rb-t i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#F2D14B,#00A6B8);transition:width 1.1s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i)*.12s)}
.rb:first-of-type .rb-t i{background:#d02bb0}.rb.ref{opacity:.6}.rb.ref .rb-t i{background:repeating-linear-gradient(90deg,#8a94a1 0 6px,transparent 6px 10px)}
.rx.in .rb-t i{width:var(--w)}
.rb b{font:600 20px Fraunces,Georgia,serif;text-align:right}
@media (max-width:600px){.rb{grid-template-columns:1fr 40px}.rb-t{grid-column:1/-1;grid-row:2}}
.rx-mx table{width:100%;border-collapse:collapse;font-size:13.5px}
.rx-mx th,.rx-mx td{padding:7px 6px;text-align:center;border-bottom:1px solid rgba(22,32,44,.08)}
.rx-mx thead th{font-size:11.5px;font-weight:800;color:#5b6675}.rx-mx tbody th{text-align:left;font-weight:700}
.rx-mx i{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;font-style:normal;font-weight:800;transform:scale(0);transition:transform .35s cubic-bezier(.34,1.56,.64,1);transition-delay:calc(var(--i)*.08s + .1s)}
.rx-mx .y{background:#dff5e8;color:#0a8a4a}.rx-mx .n{background:#fde3e8;color:#d6334f}.rx-mx .u{background:#fff1cc;color:#a07300}
.rx.in .rx-mx i{transform:scale(1)}
.rx-steps ol{list-style:none;margin:0;padding:0;display:grid;gap:0}
.rx-steps li{display:grid;grid-template-columns:34px 1fr;gap:12px;position:relative;padding-bottom:14px;opacity:0;transform:translateY(8px);transition:opacity .45s,transform .45s;transition-delay:calc(var(--i)*.15s)}
.rx-steps li:not(:last-child)::after{content:"";position:absolute;left:16px;top:34px;bottom:2px;width:2px;background:rgba(208,43,176,.25)}
.rx-steps li b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#d02bb0;color:#fff;font-weight:800}
.rx-steps li span{padding-top:6px;font-size:15px;line-height:1.5}
.rx.in .rx-steps li{opacity:1;transform:none}
.rx-num{text-align:center}.rx-big{font:600 clamp(40px,6vw,64px)/1 Fraunces,Georgia,serif;color:#d02bb0}.rx-num p{margin-top:8px;font-size:15px}
.rx-cmp{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:10px;background:none;border:0;padding:0}
.rx-cmp>div{padding:14px;border-radius:14px;background:#fff;border:1px solid rgba(22,32,44,.1);border-top:4px solid #00A6B8;opacity:0;transform:translateY(8px);transition:opacity .45s,transform .45s;transition-delay:calc(var(--i)*.15s)}
.rx-cmp>div:nth-child(2){border-top-color:#d02bb0}.rx-cmp>div:nth-child(3){border-top-color:#E0A800}
.rx-cmp b{display:block;font-weight:800;margin-bottom:6px}.rx-cmp ul{margin:0;padding-left:18px;font-size:14px;line-height:1.5}
.rx.in .rx-cmp>div{opacity:1;transform:none}
@media (max-width:600px){.rx-cmp{grid-template-columns:1fr}}
.rx-map .wm{width:100%;height:auto;max-height:320px}.rx-map .go{display:inline-block;margin-top:8px;font-weight:800;text-decoration:none}
.rx-a{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:linear-gradient(90deg,rgba(0,166,184,.12),rgba(0,166,184,.04));border-left:4px solid #00A6B8}
.rx-a span{flex:none;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#00809a;padding-top:3px}
.rx-a p{margin:0;font-weight:700;font-size:15.5px;line-height:1.5}
.rx-src summary{cursor:pointer;font-size:13px;font-weight:800;color:#5b6675}
.rx-p li,.rx-t,.rx-a,.rx-v{opacity:0;transform:translateY(6px);transition:opacity .5s,transform .5s}
.rx-p li{transition-delay:calc(.15s + var(--i)*.1s)}.rx-v{transition-delay:.35s}.rx-a{transition-delay:.55s}
.rx.in .rx-p li,.rx.in .rx-t,.rx.in .rx-a,.rx.in .rx-v{opacity:1;transform:none}
.rx-wait{display:flex;align-items:center;gap:6px;color:#5b6675;font-weight:700;font-size:14px}.rx-wait i{width:8px;height:8px;border-radius:50%;background:#d02bb0;animation:rxw 1s infinite ease-in-out}.rx-wait i:nth-child(2){animation-delay:.15s}.rx-wait i:nth-child(3){animation-delay:.3s}.rx-wait span{margin-left:6px}
@keyframes rxw{0%,80%,100%{transform:scale(.5);opacity:.4}40%{transform:scale(1);opacity:1}}
@media (prefers-reduced-motion:reduce){.rx *{transition:none!important;animation:none!important}.rx .rx-p li,.rx .rx-t,.rx .rx-a,.rx .rx-v,.rx-steps li,.rx-cmp>div{opacity:1!important;transform:none!important}.rx-mx i{transform:none!important}.rb-t i{width:var(--w)!important}}
/* dentro de la hoja de Rumbo: las fuentes van en el pie de la hoja */
.r2b-sheet .rx-src{display:none}
/* en fondo oscuro (Acervo en modo oscuro no aplica; Clara) */
/* medidor de sospecha en Clara */
.lvm{display:block;height:8px;border-radius:999px;background:rgba(255,255,255,.1);margin:8px 0 2px;overflow:hidden;max-width:320px}
.lvm i{display:block;height:100%;width:0;border-radius:999px;animation:lvm 1.1s cubic-bezier(.16,1,.3,1) .15s forwards}
.lvm.alta i{background:linear-gradient(90deg,#FF8FB1,#FF4FD8);--w:88%}.lvm.media i{background:linear-gradient(90deg,#F2D14B,#E0A800);--w:58%}.lvm.baja i{background:#9fb6c4;--w:28%}
@keyframes lvm{to{width:var(--w)}}
/* ===== Red de Acompañamiento ===== */
.red{padding:30px 0 60px;color:#16202c}
@media (max-width:900px){.red{padding-top:22px}}
.red-h h1{font:600 clamp(32px,4.4vw,52px)/1.08 Fraunces,Georgia,serif;margin:6px 0 10px;color:#16202c}.red-h>p{font-size:17px;line-height:1.6;color:#3b4654;max-width:760px}
.red-g{list-style:none;padding:0;margin:20px 0 6px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.red-g li{background:#fff;border-radius:16px;padding:14px;border:1px solid rgba(22,32,44,.08)}.red-g b{display:block;font-weight:800;color:#d02bb0}.red-g span{font-size:13.5px;color:#3b4654;line-height:1.4}
@media (max-width:760px){.red-g{grid-template-columns:1fr 1fr}}
.red-prev{margin-top:14px;padding:10px 14px;border-radius:12px;background:rgba(0,166,184,.1);font-size:14px}
.red-s1 h2,.red-ok h3{font:600 24px Fraunces,Georgia,serif;margin:26px 0 12px}
.red-sit{display:grid;gap:10px}
.red-sit button{display:grid;gap:4px;text-align:left;padding:18px 20px;border-radius:18px;border:1.5px solid rgba(22,32,44,.12);background:#fff;cursor:pointer;font:inherit;color:#16202c;transition:border-color .2s,transform .2s}
.red-sit button:hover{border-color:#d02bb0;transform:translateX(4px)}.red-sit b{font-size:17px;font-weight:800}.red-sit span{color:#5b6675;font-size:14.5px}
.red-f{display:grid;gap:16px;margin-top:20px}
.red-f fieldset{border:0;margin:0;padding:18px;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(22,32,44,.06);display:grid;gap:12px}
.red-f legend{font:600 20px Fraunces,Georgia,serif;padding:0;float:left;width:100%;margin-bottom:8px}
.red-f .field label,.red-f .lbl{color:#5b6675}
.red-f .field input,.red-f .field select{background:#fbf7f1;border-color:rgba(22,32,44,.14);color:#16202c}
.red-f .cn-r label{color:#16202c}
.red-f .ckl{color:#16202c;font-weight:600;font-size:15px}.red-f .ckl.big{font-size:16px;font-weight:800}
.red-sub{font-size:13.5px;font-weight:800;color:#5b6675;margin:6px 0 0}
.red-back{justify-self:start;background:none;border:0;color:#d02bb0;font-weight:800;cursor:pointer;padding:0}
.red-ok{margin-top:18px}
.red-ok-h{display:flex;gap:16px;align-items:flex-start;padding:22px;border-radius:22px;background:linear-gradient(135deg,rgba(255,79,216,.14),rgba(0,166,184,.12));border:1px solid rgba(208,43,176,.25)}
.red-ok-h h2{font:600 28px/1.15 Fraunces,Georgia,serif;margin:0 0 6px}.red-ok-h p{font-size:15.5px;line-height:1.5}
.red-ic{display:inline-block;width:40px;height:40px;flex:none;border-radius:50%;background:conic-gradient(#FF4FD8,#8B5CF6,#00C8D6,#F2D14B,#FF4FD8);-webkit-mask:radial-gradient(circle,transparent 38%,#000 40%);mask:radial-gradient(circle,transparent 38%,#000 40%)}
.red-ic.big{width:56px;height:56px}
.red-rs{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.red-r{display:grid;gap:3px;padding:14px;border-radius:16px;background:#fff;border:1px solid rgba(22,32,44,.08);border-left:4px solid #d02bb0;text-decoration:none;color:#16202c}.red-r.h{border-left-color:#00A6B8}
.red-r span{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#5b6675}.red-r b{font-size:15px}.red-r em{font-style:normal;font-size:13px;color:#5b6675}
.red-next{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.red .btn.ghost{color:#16202c;border-color:rgba(22,32,44,.2)}
.red-cta{text-decoration:none;color:inherit;align-items:center}.red-cta .red-ic{margin-right:4px}.red-cta em{font-style:normal;font-weight:800;color:#d02bb0;white-space:nowrap}
.red-cta>div{flex:1;min-width:220px}
/* apoyos */
.apy{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.apy-c{background:#fff;border-radius:18px;padding:18px;border:1px solid rgba(22,32,44,.08);border-top:4px solid var(--ac)}
.apy-k{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ac)}
.apy-c h4{font:600 19px/1.25 Fraunces,Georgia,serif;margin:6px 0 6px}.apy-c p{font-size:14.5px;line-height:1.5;color:#3b4654;margin-bottom:6px}.apy-w b{color:#16202c}
.apy-c a{font-weight:800;font-size:13.5px;color:#00809a;text-decoration:none}
.apy-h{font:600 24px Fraunces,Georgia,serif;margin:30px 0 12px}
.apy-f{display:flex;align-items:center;gap:10px;margin-top:16px}.apy-f label{font-weight:800;font-size:13px;color:#5b6675}.apy-f select{font:700 15px Manrope,sans-serif;padding:10px 12px;border-radius:12px;border:1px solid rgba(22,32,44,.15);background:#fff;color:#16202c}
/* aviso */
.priv{background:#fff;border-radius:20px;padding:26px 30px;margin-top:16px}.priv h2{font:600 21px Fraunces,Georgia,serif;margin:18px 0 8px}.priv h2:first-child{margin-top:0}.priv p,.priv li{font-size:15.5px;line-height:1.65;color:#2b3542}.priv ul{padding-left:20px}
/* seguimiento en Clara */
.seg{margin:6px 0 16px;padding:18px;border-radius:20px;background:rgba(0,200,214,.07);border:1px solid rgba(0,200,214,.35)}
.seg-h{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:baseline;margin-bottom:6px}.seg-h b{font:600 19px Fraunces,Georgia,serif}.seg-h span{font-size:13px;color:#9fb6c4;font-weight:700}
.seg p{color:#cfe0ea;font-size:14.5px;line-height:1.5}
.seg-f{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin-top:10px}
@media (max-width:700px){.seg-f{grid-template-columns:1fr}}
.seg-fol{font:800 15px Manrope,sans-serif!important;color:#00C8D6!important;letter-spacing:.06em}
.seg-inv{margin-top:12px;padding-top:12px;border-top:1px dashed rgba(255,255,255,.15)}.seg-inv b{font-weight:800}
.seg-qr{margin-top:12px;background:#fff;border-radius:14px;padding:14px;width:max-content}.seg-qr .note{color:#3b4654;margin-top:8px;max-width:180px}
.cl-upd .field input,.cl-upd .field select{width:100%}
.flinks{margin:10px 0 4px;font-size:13.5px;font-weight:700}.flinks a{color:inherit}
.seg .r2-share .sh{background:#fff;color:#16202c;border-color:#fff}.seg .r2-share .sh.wa{background:#25D366;border-color:#25D366;color:#fff}
.apy-v{display:block;margin-top:8px;font-size:11px;color:#6b7785}
.apy-f select{min-width:0;flex:1;max-width:100%}
.apt{display:inline-flex;gap:4px;padding:4px;margin:0 0 18px;border-radius:999px;background:rgba(22,32,44,.06);max-width:100%}
.apt a{text-decoration:none;font:800 13px Manrope,sans-serif;color:#4c5664;padding:9px 16px;border-radius:999px;white-space:nowrap}
.apt a.on{background:#fff;color:#16202c;box-shadow:0 1px 4px rgba(22,32,44,.12)}
@media (max-width:420px){.apt{display:flex}.apt a{flex:1;text-align:center;padding:9px 8px;font-size:12px}}
.apy-cta{margin-top:12px}.apy-cta .red-ic{background:conic-gradient(#0a8a4a,#00A6B8,#8B5CF6,#0a8a4a)}.apy-cta em{color:#0a8a4a}
.apy-cta em{color:#34d399}body.light .apy-cta em{color:#0a8a4a}
@media (max-width:900px){.hero .pendon{top:auto}}
@media (max-width:440px){.nav a{padding:8px 9px;letter-spacing:.08em;font-size:11.5px}}
@media (max-width:520px){.red-cta{align-items:flex-start}.red-cta .red-ic{width:32px;height:32px;margin-top:2px}}
@media (max-width:380px){.nav a{padding:8px 7px;letter-spacing:.04em;font-size:11px}}
.srcrow span{font:700 15px Manrope,sans-serif;color:rgba(214,232,242,.82);letter-spacing:.01em}
body.light .srcrow span{color:#4c5664}
@media (max-width:700px){.srcrow span{font-size:13px}}
.ribbon .labc{width:170px;height:72px}.ribbon .labc b{font:800 18px Manrope,sans-serif;color:#06121c;letter-spacing:-.01em}
/* modo presentación */
#pres{position:fixed;z-index:80;right:18px;bottom:18px;width:400px;max-height:calc(100vh - 120px);display:flex;flex-direction:column;background:#0b1a26;color:#e8f1f7;border:1px solid rgba(255,255,255,.14);border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.45);font-family:Manrope,sans-serif;overflow:hidden}
#pres .ps-top{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(90deg,rgba(255,79,216,.22),rgba(0,200,214,.18));cursor:default}
#pres .ps-k{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#fff}
#pres .ps-min{background:none;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:8px;width:28px;height:24px;font:800 16px/1 Manrope;cursor:pointer}
#pres .ps-b{padding:16px 18px 6px;overflow:auto}
#pres .ps-tag{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#FF8FD8}
#pres h3{font:800 19px/1.25 Manrope,sans-serif;margin:6px 0 8px;color:#fff}
#pres p{font-size:14px;line-height:1.5;margin:0 0 12px;color:#d3e2ec}
#pres .ps-d{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:4px 0 12px}
#pres .ps-d div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px}
#pres .ps-d b{display:block;font:800 20px/1.1 Manrope,sans-serif;color:#5EEAD4}
#pres .ps-d span{display:block;font-size:12px;line-height:1.35;color:#c4d5e1;margin-top:4px}
#pres .ps-m{font-size:13px;background:rgba(242,209,75,.1);border-left:3px solid #F2D14B;padding:8px 10px;border-radius:0 10px 10px 0;color:#f3e7b5}
#pres .ps-m b{color:#F2D14B}
#pres .ps-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-top:1px solid rgba(255,255,255,.1)}
#pres .ps-nav button{background:#fff;color:#0b1a26;border:0;border-radius:999px;padding:8px 14px;font:800 13px Manrope,sans-serif;cursor:pointer}
#pres .ps-nav button:disabled{opacity:.3;cursor:default}
#pres .ps-dots{display:flex;gap:6px}#pres .ps-dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.28);cursor:pointer}#pres .ps-dots i.on{background:#FF4FD8}
#pres .ps-dk{display:block;text-align:center;font-size:12px;font-weight:700;color:#9fc7dc;padding:0 0 10px;text-decoration:none}
#pres.min .ps-b,#pres.min .ps-dk{display:none}
@media (max-width:700px){#pres{left:8px;right:8px;bottom:8px;width:auto;max-height:56vh}#pres h3{font-size:17px}#pres p{font-size:13.5px}#pres .ps-d{grid-template-columns:repeat(2,minmax(0,1fr))}#pres .ps-nav button{padding:8px 11px;font-size:12px}}
#pres .ps-d{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}@media (max-width:700px){#pres .ps-d{grid-template-columns:repeat(2,minmax(0,1fr))}}