/* Salud: tablero, casos y calculadora, con la paleta de site.css. */
:root{--b:var(--petrol);--b2:var(--petrol-2);--c:#2f7d8c;--sky:var(--mist);--txt:#2c3f45;--mut:var(--mute);--soft:var(--mist);--navy:#10262c;--ok:#2ebe78;--at:#f7981d;--pe:#e83a3a;--ay:#9c5cf0}
.sana{color:var(--txt)}.sana video,.sana img{display:block;max-width:100%}
.sana .h-hero{padding-top:110px}
.sana h1,.sana h2,.sana h3,.sana h4{font-family:var(--font);color:var(--b);margin:0;line-height:1.14;letter-spacing:-.015em}
.sana video,.sana img{display:block;max-width:100%}
.sana .h-hero{position:relative;background:linear-gradient(115deg,#10262c 0%,var(--b) 45%,#215564 100%);color:#fff;padding:64px 0 120px;overflow:hidden}
.sana .h-hero:before{content:"";position:absolute;width:640px;height:640px;border-radius:50%;background:#ffffff0d;right:-160px;top:-260px}
.sana .hero-in{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center}
.sana .kick{font:700 14px var(--font);letter-spacing:.06em;text-transform:uppercase;color:#cfe0e0;margin:0 0 14px}
.sana .kick.kd{color:var(--b2)}
.sana [hidden]{display:none!important}
.sana h1{color:#fff;font-size:clamp(34px,4vw,54px);font-weight:800}
.sana .h-lead{font-size:20px;line-height:1.5;margin:20px 0 28px;color:#eef2f1}
.sana .h-cta{display:flex;gap:12px;flex-wrap:wrap}
.sana .h-btn{display:inline-block;background:#fff;color:var(--b);font:700 16px var(--font);padding:14px 26px;border-radius:40px;text-decoration:none;border:2px solid #fff;cursor:pointer;transition:transform .15s}
.sana .h-btn:hover{transform:translateY(-2px)}
.sana .h-btn.ghost{background:transparent;color:#fff}
.sana #voz .h-btn{background:var(--b);color:#fff;border-color:var(--b);margin-top:8px}
.sana .h-btn.white{background:#fff}
.sana .hero-vid{position:relative}
.sana .hero-vid video{width:100%;aspect-ratio:16/9;border-radius:16px;box-shadow:0 30px 70px #10262c66;background:#0d2329}
.sana .toast{position:absolute;left:-18px;bottom:-22px;background:#fff;color:var(--ink);border-radius:12px;padding:12px 18px;box-shadow:0 14px 36px #10262c55;font:700 16px var(--font);border-left:6px solid var(--c);animation:pop .25s ease-out;max-width:90%}
.sana .toast small{display:block;font:500 13px var(--font);color:var(--mut)}
@keyframes pop{from{transform:translateY(8px);opacity:0}}
.sana .wave{position:absolute;left:0;bottom:-1px;width:100%;height:70px;display:block}
.sana .sec{padding:84px 0;position:relative}
.sana .soft{background:var(--soft);padding-top:120px}
.sana .h-head{max-width:760px;margin-bottom:38px}
.sana .h-head h2,.sana .two h2{font-size:clamp(28px,3vw,40px);font-weight:800}
.sana .h-head p{margin:12px 0 0;font-size:18px;color:var(--mut)}
.sana .cases{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}
.sana .h-tabs{display:flex;flex-direction:column;gap:6px}
.sana .h-tab{all:unset;cursor:pointer;display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:12px;font:600 16px var(--font);color:var(--ink);box-sizing:border-box}
.sana .h-tab i{width:10px;height:10px;border-radius:50%;flex:none}
.sana .h-tab:hover{background:var(--sky)}
.sana .h-tab:focus-visible{outline:2px solid var(--b)}
.sana .h-tab[aria-selected=true]{background:var(--b);color:#fff}
.sana .stage-v video{width:100%;aspect-ratio:16/9;border-radius:14px;background:#0d2329}
.sana .stage-info{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:18px}
.sana .stage-info h3{font-size:24px;font-weight:800}
.sana .stage-info p{margin:8px 0 0}
.sana .rule{font-size:14px;color:var(--mut)}
.sana .h-feed{list-style:none;margin:0;padding:0;font:600 14px var(--font)}
.sana .h-feed li{display:flex;gap:10px;align-items:center;padding:7px 10px;border-radius:8px;color:#9aa7b0;transition:.2s}
.sana .h-feed li i{width:9px;height:9px;border-radius:50%;background:currentColor;flex:none}
.sana .h-feed li small{margin-left:auto;font-weight:500}
.sana .h-feed li.on{background:var(--soft);color:var(--ink)}
.sana .note{font-size:13.5px;color:var(--mut);margin:22px 0 0;text-align:center}
.sana .note.left{text-align:left;margin-top:14px}
.sana .two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.sana .big{font-size:19px;margin:18px 0}
.sana .ticks{list-style:none;padding:0;margin:0 0 22px}
.sana .ticks li{padding:6px 0 6px 28px;position:relative}
.sana .ticks li:before{content:"";position:absolute;left:2px;top:13px;width:14px;height:8px;border-left:3px solid var(--b2);border-bottom:3px solid var(--b2);transform:rotate(-45deg)}
.sana .framed video{width:100%;aspect-ratio:16/9;border-radius:14px;box-shadow:0 20px 50px #00385e33}
.sana code{font-size:.92em}
.sana .dark{background:var(--navy)}
.sana .h-head.light h2{color:#fff}
.sana .h-head.light p{color:#a9bcc0}
.sana .board{background:#0d2329;border:1px solid #27454d;border-radius:16px;padding:14px;color:#e8f2f8;font-family:var(--font)}
.sana .board:fullscreen{border-radius:0;border:0;padding:18px;display:flex;flex-direction:column}
.sana .board:fullscreen .b-main{flex:1;min-height:0}
.sana .board:fullscreen .b-grid{grid-auto-rows:1fr}
.sana .board:fullscreen .tile video{height:100%}
.sana .b-top{display:flex;justify-content:space-between;align-items:center;padding:4px 6px 12px;gap:12px}
.sana .b-title{font-weight:800;font-size:18px;display:flex;align-items:center;gap:10px}
.sana .h-live{width:10px;height:10px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 #2ebe7880;animation:ping 1.8s infinite}
@keyframes ping{to{box-shadow:0 0 0 10px #2ebe7800}}
.sana .b-right{display:flex;align-items:center;gap:14px;font-variant-numeric:tabular-nums;font-weight:700}
.sana .b-btn{all:unset;cursor:pointer;font-size:13px;padding:7px 14px;border:1px solid #3a5f7c;border-radius:30px}
.sana .b-btn:hover{background:#17405f}
.sana .b-main{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:12px}
.sana .b-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sana .tile{all:unset;display:block;position:relative;border-radius:10px;overflow:hidden;background:#000;outline:3px solid transparent;cursor:default;box-sizing:border-box}
.sana .tile video{display:block;width:100%;height:100%;min-height:150px;object-fit:cover}
.sana .tile .lab{position:absolute;left:0;right:0;bottom:0;padding:18px 10px 8px;background:linear-gradient(transparent,#000c);display:flex;justify-content:space-between;align-items:flex-end;gap:8px;font-size:12.5px;font-weight:700}
.sana .tile .st{padding:3px 8px;border-radius:6px;background:var(--ok);color:#fff;text-align:right}
.sana .tile.peligro{outline-color:var(--pe);animation:blink 1s infinite}
.sana .tile.ayuda{outline-color:var(--ay);animation:blink 1.2s infinite}
.sana .tile.atencion{outline-color:var(--at)}
@keyframes blink{50%{outline-color:transparent}}
.sana .b-side{background:#12303a;border-radius:10px;padding:12px;display:flex;flex-direction:column;min-height:0}
.sana .b-side h4{color:#fff;font-size:14px;display:flex;justify-content:space-between}
.sana .b-side h4 span{background:var(--pe);border-radius:20px;padding:0 9px}
.sana .b-al{list-style:none;margin:10px 0;padding:0;flex:1;overflow:auto;max-height:330px;display:flex;flex-direction:column;gap:7px}
.sana .board:fullscreen .b-al{max-height:none}
.sana .b-al li{background:#163955;border-left:5px solid var(--at);border-radius:8px;padding:8px 10px;font-size:13.5px;font-weight:700;animation:pop .2s}
.sana .b-al li.peligro{border-color:var(--pe)}
.sana .b-al li.ayuda{border-color:var(--ay)}
.sana .b-al small{display:flex;justify-content:space-between;align-items:center;font-weight:500;color:#a9bcc0;margin-top:3px}
.sana .b-al button{all:unset;cursor:pointer;color:#fff;font-weight:700;font-size:12px;border:1px solid #4b7595;border-radius:20px;padding:1px 9px}
.sana .b-al button:hover{background:#2a5a80}
.sana .b-al .none{background:none;border:0;color:#7ea0b8;font-weight:500}
.sana .b-wait{border-top:1px solid #2b4a53;padding-top:10px}
.sana .b-num{display:flex;align-items:baseline;gap:6px}
.sana .b-num strong{font-size:38px;line-height:1.15}
.sana .b-meter{height:7px;background:#2b4a53;border-radius:9px;overflow:hidden}
.sana .b-meter i{display:block;height:100%;width:0;background:var(--ok);transition:width .4s,background .4s}
.sana .flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.sana .flow article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}
.sana .flow span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--sky);color:var(--b);font:800 15px var(--font);margin-bottom:12px}
.sana .flow h3{font-size:19px}
.sana .flow p{margin:8px 0 0;font-size:15.5px}
.sana .pills{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.sana .pills article{background:#fff;border-radius:14px;padding:22px;box-shadow:0 6px 22px #10262c14}
.sana .pills h3{font-size:18px}
.sana .pills p{margin:8px 0 0;font-size:15px}
.sana .h-calc{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:28px;align-items:start}
.sana .c-in{background:var(--soft);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:16px}
.sana .h-seg{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--line);border-radius:40px;padding:4px}
.sana .h-seg input{position:absolute;opacity:0}
.sana .h-seg span{display:block;text-align:center;padding:9px;border-radius:30px;font:700 14.5px var(--font);cursor:pointer;color:var(--ink)}
.sana .h-seg input:checked+span{background:var(--b);color:#fff}
.sana .h-seg input:focus-visible+span{outline:2px solid var(--b)}
.sana .f{display:flex;flex-direction:column;gap:6px;font:600 14.5px var(--font);color:var(--ink)}
.sana .f>span{display:flex;justify-content:space-between}
.sana .f b{color:var(--b)}
.sana .f select{font:500 15px var(--font);padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}
.sana input[type=range]{accent-color:var(--b);width:100%}
.sana .h-chk{display:flex;gap:9px;font-size:14.5px;align-items:center}
.sana .kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sana .h-kpi{border:1px solid var(--line);border-radius:14px;padding:16px}
.sana .h-kpi strong{display:block;font:800 30px/1.15 var(--font);color:var(--b)}
.sana .h-kpi span{font-size:13.5px;color:var(--mut)}
.sana .opt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.sana .card{border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column}
.sana .card.rec{border:2px solid var(--b)}
.sana .tagf{font:700 12px var(--font);letter-spacing:.05em;text-transform:uppercase;color:var(--b2)}
.sana .card h4{font-size:18px;margin:6px 0 8px;color:var(--ink)}
.sana .card .usd{font:800 26px var(--font);color:var(--b);margin-top:auto;padding-top:10px}
.sana .card ul{list-style:none;margin:0;padding:0;font-size:14px}
.sana .card li{padding:2px 0}
.sana .fine{font-size:13px;color:var(--mut);margin:14px 0 0}
.sana .cloudbox{background:var(--sky);border-radius:14px;padding:20px;margin-top:14px}
.sana .cloudbox h4{font-size:19px}
.sana .cloudbox p{margin:6px 0 0}
.sana .end{background:linear-gradient(115deg,#10262c,#215564);color:#fff;text-align:center;padding:76px 0}
.sana .end h2{color:#fff;font-size:clamp(30px,3.4vw,44px);font-weight:800}
.sana .end p{margin:12px 0 26px;font-size:19px}
@media(max-width:1020px){.sana .hero-in,.sana .two,.sana .h-calc,.sana .b-main{grid-template-columns:minmax(0,1fr)}
.sana .cases{grid-template-columns:minmax(0,1fr)}
.sana .h-tabs{flex-direction:row;overflow-x:auto;scrollbar-width:none}
.sana .h-tab{white-space:nowrap}
.sana .flow,.sana .pills{grid-template-columns:repeat(2,minmax(0,1fr))}
.sana .b-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.sana .toast{left:8px}
.sana .opt{grid-template-columns:minmax(0,1fr)}}
@media(max-width:620px){.sana .h-hero{padding:40px 0 90px}
.sana .h-lead{font-size:18px}
.sana .stage-info,.sana .flow,.sana .pills,.sana .kpis{grid-template-columns:minmax(0,1fr)}
.sana .sec{padding:60px 0}
.sana .soft{padding-top:100px}
.sana .b-grid{grid-template-columns:minmax(0,1fr)}
.sana .h-kpi strong{font-size:26px}}
@media(prefers-reduced-motion:reduce){}
.sana .h-live{flex:none}
