/* ============================ Página del paciente ============================ */
.pt{--bg:#F1F8F4}
.pt .bar{background:linear-gradient(90deg,var(--navy-a),#0C5E66)}
.pt .bar.scrolled{background:linear-gradient(90deg,rgba(6,40,69,.86),rgba(12,94,102,.86))}
.pt .bar nav .nav-pat{border-color:rgba(143,193,242,.55);background:rgba(143,193,242,.12);color:#CFE3F7}
.pt .bar nav .nav-pat::before{background:#8FC1F2;box-shadow:0 0 0 4px rgba(143,193,242,.22)}
.btn--go{position:relative;overflow:hidden;background:#12A37C;color:#fff;box-shadow:0 10px 26px -10px rgba(18,163,124,.9);min-height:56px;padding:0 30px;font-size:1.06rem}
.btn--go:hover{transform:translateY(-1px);background:#0E9470;box-shadow:0 16px 30px -12px rgba(18,163,124,.95)}
.btn--go::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 32%,rgba(255,255,255,.3) 50%,transparent 68%);translate:-130% 0;transition:translate .8s cubic-bezier(.16,1,.3,1);pointer-events:none}
.btn--go:hover::after{translate:130% 0}
/* hero oscuro */
.pt .pg{padding-top:0}
.ph{position:relative;padding:calc(63px + clamp(40px,6vw,84px)) 0 clamp(40px,6vw,80px);color:#fff;overflow:hidden;border-radius:0 0 clamp(26px,3.6vw,52px) clamp(26px,3.6vw,52px);background:radial-gradient(70% 55% at 50% 62%,#0F6F6C 0%,#0A4A63 34%,var(--navy-a) 70%,#041A2E 100%)}
.ph::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1.4px);background-size:22px 22px;-webkit-mask-image:radial-gradient(60% 50% at 50% 64%,#000,transparent);mask-image:radial-gradient(60% 50% at 50% 64%,#000,transparent);pointer-events:none}
.ph .wrap{position:relative;gap:clamp(30px,5vw,56px)}
.pth-t{text-align:center}
.pth-t .eyb{justify-content:center;color:#8ED3A4}
.pth-t h1{margin:0 auto;font-size:clamp(2.6rem,6vw,5.2rem);max-width:13em}
.ph h1 span{color:#8ED3A4}
.ph .lead{margin-left:auto;margin-right:auto;color:#B9CDE0}
.pth-cta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 18px;margin-top:28px}
.stores{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.stores a{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 18px;border-radius:99px;border:1.5px solid rgba(6,40,69,.22);font:600 .92rem var(--body);color:var(--ink);text-decoration:none;background:#fff;transition:border-color .2s,translate .25s,background .2s}
.stores a:hover{border-color:var(--ink);translate:0 -2px}
.stores svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ph .stores a,.dk .stores a{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.ph .stores a:hover,.dk .stores a:hover{background:rgba(255,255,255,.2);border-color:#fff}
.pth-n{margin:16px auto 0;max-width:36em;text-align:center;font-size:.88rem;color:#8FA9C6}
/* teléfono: marco metálico, isla y barra de estado */
.phw{position:relative;flex:none;width:270px;height:556px;border-radius:50px;background:linear-gradient(145deg,#4A5568 0%,#10151F 22%,#2A3344 55%,#0B0F16 100%);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.22),inset 0 0 0 5px #05070B,0 50px 90px -34px #000}
.phw::before{content:"";position:absolute;left:50%;top:21px;width:78px;height:22px;margin-left:-39px;border-radius:99px;background:#000;z-index:3;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.phw::after{content:"";position:absolute;right:-3px;top:140px;width:3px;height:70px;border-radius:0 3px 3px 0;background:linear-gradient(#3A4354,#161C28)}
.phw .hp,.phw .scr{position:absolute;inset:10px;height:auto;margin:0!important;border:0;border-radius:40px;overflow:hidden;box-shadow:none}
.phw .hp{padding-top:50px}
.phw .hp::before,.scr-sb b{content:"9:41";position:absolute;left:28px;top:15px;font:600 .72rem var(--body);color:#fff;letter-spacing:.01em}
.phw .hp::after,.scr-sb i{content:"";position:absolute;right:26px;top:17px;width:22px;height:10px;border-radius:3.500px;border:1px solid rgba(255,255,255,.5);background:linear-gradient(90deg,#fff 68%,transparent 68%) 1.500px 1.500px/calc(100% - 3px) calc(100% - 3px) no-repeat}
.phw .pv{opacity:1;transform:none;animation:none}
.phw .typing{display:none}
.phw .bar7 u{transform:none;animation:none}
.scr{background:radial-gradient(120% 50% at 20% 0%,#132848 0%,#0A111E 46%,#070A12 100%);color:#C9D3E0;padding:50px 12px 0;font-size:.72rem}
.scr-h{display:flex;align-items:center;justify-content:space-between}
.scr-h span{font:500 1.05rem var(--display);letter-spacing:.02em;color:#9AA7B8}
.scr-h em{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#0F4C81,#1F8F8A);color:#fff;display:grid;place-items:center;font:600 .58rem var(--body);font-style:normal}
.scr-hi{margin-top:12px}
.scr-hi b{display:block;font:500 1.25rem var(--display);letter-spacing:-0.02em;color:#fff}
.scr-hi span{color:#7F8DA3;font-size:.7rem}
.scr-l{font:600 .54rem var(--body);letter-spacing:.14em;text-transform:uppercase;color:#6F7E92;margin:14px 0 7px}
.hs-stage{position:relative;height:58px;margin:0 -12px;padding:0 12px;overflow:hidden;background:linear-gradient(90deg,rgba(62,190,149,.14),rgba(88,160,205,.1));border-block:1px solid rgba(255,255,255,.08)}
.hs-stage::after{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background:linear-gradient(180deg,var(--y),var(--g),var(--b));box-shadow:0 0 14px 3px rgba(98,181,117,.9);opacity:0}
.hs-stage.scan::after{animation:hsS .75s linear forwards}
@keyframes hsS{0%{left:10px;opacity:1}92%{opacity:1}100%{left:calc(100% - 12px);opacity:0}}
.hs-tok{position:absolute;left:12px;right:12px;top:7px;height:44px;transform:translateX(-112%)}
.hs-tok>div{position:absolute;inset:0;transition:clip-path .75s linear}
.hs-tok .r{clip-path:inset(0 0 0 0)}
.hs-tok .s{clip-path:inset(0 100% 0 0)}
.hs-tok.done .r{clip-path:inset(0 0 0 100%)}
.hs-tok.done .s{clip-path:inset(0 0 0 0)}
.scr-r{display:flex;align-items:center;gap:9px;background:#141B28;border:1px solid #1F2838;border-radius:11px;padding:8px 11px;margin-top:6px;color:#C9D3E0;font-size:.76rem;transition:border-color .4s,background .4s}
.scr-r i{width:8px;height:8px;border-radius:50%;background:var(--c)}
.scr-r b{margin-left:auto;font:600 .86rem var(--display);color:#fff}
.scr-r.bump{border-color:var(--c);background:color-mix(in srgb,var(--c) 14%,#141B28)}
.scr-r.bump b{animation:scb .5s cubic-bezier(.3,1.6,.5,1)}
@keyframes scb{40%{scale:1.45;color:var(--c)}}
.scr-nav{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;text-align:center;font:600 .56rem var(--body);color:#6F7E92;padding:10px 6px 14px;background:linear-gradient(180deg,transparent,#070A12 40%)}
.scr-nav .on{color:#fff}
.scr-nav u{justify-self:center;width:34px;height:34px;border-radius:50%;background:#F2B544;position:relative}
.scr-nav u::before,.scr-nav u::after{content:"";position:absolute;left:50%;top:50%;width:13px;height:2px;margin:-1px -6.500px;background:#0A1424;border-radius:2px}
.scr-nav u::after{rotate:90deg}
/* escena: el dato entra a la app, se ordena adentro y sale hacia quien te atiende */
.hs{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:clamp(40px,7vw,110px);align-items:center;max-width:1120px;margin:0 auto;width:100%}
.hs-trk{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.hs-trk path{fill:none;stroke:rgba(255,255,255,.13);stroke-width:1.2;stroke-dasharray:3 5;transition:stroke .4s}
.hs-trk path.act{stroke:var(--c);stroke-dasharray:none;stroke-width:1.6;filter:drop-shadow(0 0 5px var(--c))}
.hs-src{list-style:none;display:flex;flex-direction:column;align-items:flex-end;gap:10px;position:relative}
.hs-src li,.hs-raw{display:flex;align-items:center;gap:9px;white-space:nowrap;background:rgba(255,255,255,.08);border:1px dashed rgba(255,255,255,.34);color:#E3EDF7;border-radius:12px;padding:0 13px;height:44px;font-size:.88rem;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.hs-src li{transition:opacity .5s,translate .5s}
.hs-src li.go{opacity:.32;translate:8px 0}
.hs-src li i,.hs-raw i{flex:none;display:grid}
.hs-src svg,.hs-raw svg{width:17px;height:17px;fill:none;stroke:var(--c);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hs-tok .hs-raw{font-size:.74rem;padding:0 10px;gap:7px;border-radius:10px;overflow:hidden}
.hs-ph{position:relative;z-index:2}
.hs-ph::before{content:"";position:absolute;inset:-70px;border-radius:50%;background:radial-gradient(closest-side,rgba(62,190,149,.32),transparent);z-index:-1}
.hs-card{position:relative;background:rgba(255,255,255,.97);color:var(--ink);border-radius:22px;padding:18px 18px 20px;box-shadow:0 40px 80px -40px #000;max-width:350px;width:100%;transition:box-shadow .6s}
.hs-card.full{box-shadow:0 0 0 2px #3DBE95,0 40px 80px -30px rgba(62,190,149,.6)}
.hs-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}
.hs-h b{font:600 .8rem var(--body)}
.hs-h em{font:600 .66rem var(--body);font-style:normal;border-radius:99px;padding:3px 10px;background:#EEF2F0;color:var(--muted);white-space:nowrap;transition:background .4s,color .4s}
.hs-card.full .hs-h em{background:#DDF2E8;color:var(--green-deep)}
.hs-st{border-left:3px solid var(--c);border-radius:10px;padding:5px 11px;background:#fff;color:var(--ink);height:44px;overflow:hidden}
.hs-st em{display:block;font:600 .56rem var(--body);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--c)}
.hs-st b{display:block;font:500 .86rem/1.25 var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hs-tok .hs-st b{font-size:.76rem}
.hs-row{margin-top:7px;border:1.5px dashed #D3DCE2;border-left:1.5px dashed #D3DCE2;background:transparent;transition:background .6s}
.hs-row>*{opacity:0}
.hs-row.on{border:1.5px solid transparent;border-left:3px solid var(--c);background:#F4F8F6;animation:hsr 1.1s ease-out}
.hs-row.on>*{opacity:1}
@keyframes hsr{0%{background:color-mix(in srgb,var(--c) 30%,#fff)}100%{background:#F4F8F6}}
.hs-fl{position:absolute;inset:0;z-index:1;pointer-events:none}
.hs-fl>div{position:absolute;left:0;top:0;will-change:transform}
.hs-fl .hs-st{box-shadow:0 14px 30px -12px rgba(0,0,0,.6)}
/* todos saben */
.nt{text-align:center;padding-top:clamp(64px,9vw,130px)}
.nt h2{font-size:clamp(2.6rem,6.4vw,6rem);max-width:13em;margin:0 auto;line-height:.98}
.nt h2 span{display:block}
.nt-sc{margin:clamp(40px,6vw,76px) auto 0;max-width:760px}
.nt-lock{position:relative;margin:0 auto;max-width:520px;height:560px;border-radius:54px 54px 0 0;border:10px solid #131B2A;border-bottom:0;background:radial-gradient(120% 70% at 30% 0%,#1B3A6B 0%,#0A1424 55%,#05080F 100%);padding:34px 16px 0;overflow:hidden;box-shadow:0 60px 90px -50px rgba(6,40,69,.8);-webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent)}
.nt-lock::before{content:"";position:absolute;left:50%;top:12px;width:96px;height:22px;margin-left:-48px;border-radius:99px;background:#05080F}
.nt-clock{color:#fff;padding-top:26px}
.nt-clock b{display:block;font:300 5rem/1 var(--display);letter-spacing:-0.04em}
.nt-clock span{display:block;font-size:.84rem;color:#9DB3CC;margin-top:6px}
.nt-st{position:relative;margin-top:22px;height:420px}
.nt-n{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:13px;text-align:left;background:rgba(255,255,255,.93);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:22px;padding:14px 16px;box-shadow:0 18px 30px -18px #000;transition:transform .55s cubic-bezier(.3,1.3,.5,1),opacity .45s;will-change:transform,opacity}
.nt-n.new{transition:none;opacity:0}
.nt-n>i{flex:none;width:46px;height:46px;border-radius:13px;background:color-mix(in srgb,var(--c) 22%,#fff);display:grid;place-items:center}
.nt-n svg{width:25px;height:25px;fill:none;stroke:var(--c);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.nt-n b{display:block;font:600 1.04rem/1.2 var(--body);color:var(--ink)}
.nt-n span{display:block;font-size:.88rem;color:var(--muted);line-height:1.3;margin-top:2px}
.nt-n em{margin-left:auto;align-self:flex-start;font:500 .7rem var(--body);font-style:normal;color:#93A2A0;white-space:nowrap}
.nt-f{position:relative;margin:-70px auto 0;text-align:left;border-radius:32px;border:2px dashed #B7C6D2;padding:clamp(22px,3.4vw,40px);background:#fff;box-shadow:0 50px 90px -50px rgba(6,40,69,.6);opacity:0;transform:translateY(40px);transition:opacity .9s .5s,transform 1.1s cubic-bezier(.16,1,.3,1) .5s}
.nt-sc.in .nt-f{opacity:1;transform:none}
.nt-fh{display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap}
.nt-fh b{font:600 1.05rem var(--body)}
.nt-fh span{font-size:.86rem;color:var(--muted)}
.nt-big{font:300 clamp(3.4rem,10vw,7.4rem)/1 var(--display);letter-spacing:-0.05em;color:#C24A36;margin:clamp(14px,2.4vw,26px) 0 clamp(18px,2.6vw,30px);white-space:nowrap}
.nt-big i{display:inline-block;width:.06em;height:.82em;margin-left:.08em;background:#C24A36;vertical-align:-.06em;animation:ntc 1.1s steps(1) infinite}
@keyframes ntc{50%{opacity:0}}
.nt-fg{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(20px,4vw,48px)}
.nt-fr{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #DCE5EA;padding:14px 0;font-size:.96rem;color:var(--muted)}
.nt-fr i{height:9px;width:44%;border-radius:9px;background:linear-gradient(90deg,#E3EAEE,#F1F5F7,#E3EAEE);background-size:200% 100%;animation:sk 1.8s linear infinite}
@keyframes sk{to{background-position:-200% 0}}
.nt-c{margin-top:clamp(40px,6vw,76px)!important;text-align:left}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px}
/* comparación */
.ptd{background:radial-gradient(90% 90% at 80% 10%,#0E6B6A 0%,#0A4A63 36%,var(--navy-a) 74%,#041A2E 100%)}
.cmp{position:relative;margin-top:clamp(30px,4vw,54px);border-radius:24px;overflow:hidden;background:#fff;color:var(--ink);box-shadow:0 40px 90px -40px #000;user-select:none}
.cmp-l{padding:clamp(18px,3vw,36px)}
.cmp-l.full{padding-left:47%}
.cmp-l.mem{padding-right:59%}
.cmp-l.mem{position:absolute;inset:0;background:#E9EEF1;clip-path:inset(0 calc(100% - var(--x)) 0 0)}
.cmp-h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.cmp-h b{font:500 1.5rem var(--display);letter-spacing:-0.03em}
.cmp-h span{font-size:.86rem;color:var(--muted)}
.full .cmp-h{justify-content:flex-end;text-align:right}
.full .cmp-h b{color:var(--green-deep)}
.cmp-r{border-top:1px solid #E3EAE7;padding:12px 0;min-height:5.2em}
.mem .cmp-r{border-top-color:#D3DCE2}
.cmp-r small{display:block;margin-bottom:3px;font:600 .68rem var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.cmp-r p{font:500 1.06rem/1.35 var(--body)}
.full .cmp-r{text-align:right}
.full .cmp-r p{opacity:.0;transform:translateX(24px);transition:opacity .5s,transform .7s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i)*.08s)}
.cmp.rev .full .cmp-r p{opacity:1;transform:none}
.mem .cmp-r p{color:#6B7B8C;font-style:italic;font-weight:400}
.cmp-bar{position:absolute;top:0;bottom:0;left:var(--x);width:3px;margin-left:-1.5px;background:linear-gradient(180deg,var(--y),var(--g),var(--b));box-shadow:0 0 22px 2px rgba(98,181,117,.7);pointer-events:none}
.cmp-bar i{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px;border-radius:50%;background:#fff;box-shadow:0 8px 20px -6px rgba(6,40,69,.6),0 0 0 1px rgba(6,40,69,.1)}
.cmp-bar i::before,.cmp-bar i::after{content:"";position:absolute;top:50%;width:8px;height:8px;margin-top:-4px;border:solid var(--ink);border-width:2px 2px 0 0}
.cmp-bar i::before{left:11px;rotate:-135deg}
.cmp-bar i::after{right:11px;rotate:45deg}
.cmp input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.gain{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2.4vw,34px);margin-top:clamp(30px,4vw,54px)}
.gain li{border-top:2px solid rgba(255,255,255,.2);padding-top:16px;color:#A9C0DA;font-size:.96rem;line-height:1.5}
.gain b{display:block;font:500 1.2rem/1.2 var(--display);letter-spacing:-0.02em;color:#fff;margin-bottom:6px}
/* tres maneras */
.wy-a{position:relative;height:120px;border-radius:16px;background:color-mix(in srgb,var(--c) 12%,#F6FAF8);overflow:hidden;margin-bottom:6px}
.wy-1 i{position:absolute;left:50%;top:50%;width:46px;height:58px;margin:-34px 0 0 -23px;border-radius:7px;background:#fff;border:1.5px solid #B7C6D2;box-shadow:0 8px 16px -8px rgba(6,40,69,.4);animation:wy1 4s cubic-bezier(.5,0,.2,1) infinite}
.wy-1 i::before{content:"";position:absolute;left:8px;right:8px;top:12px;height:3px;border-radius:2px;background:#C9D6E2;box-shadow:0 9px 0 #C9D6E2,0 18px 0 #C9D6E2}
.wy-1 u{position:absolute;left:50%;bottom:16px;width:96px;height:26px;margin-left:-48px;border:2px solid var(--green-deep);border-top:0;border-radius:0 0 10px 10px}
.wy-1 b{position:absolute;right:24px;top:18px;width:24px;height:24px;border-radius:50%;background:var(--green-deep);animation:wy1c 4s infinite}
.wy-1 b::after{content:"";position:absolute;left:8px;top:5px;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;rotate:45deg}
@keyframes wy1{0%{transform:translate(-150px,-10px) rotate(-8deg);opacity:0}25%{opacity:1}45%,80%{transform:none;opacity:1}100%{transform:translateY(10px);opacity:0}}
@keyframes wy1c{0%,45%{scale:0}55%,85%{scale:1}100%{scale:0}}
.wy-2 span{position:absolute;left:50%;top:26px;transform:translateX(-50%);background:#fff;border:1.5px solid #B7C6D2;border-radius:10px;padding:7px 14px;font:600 .82rem var(--body);white-space:nowrap;box-shadow:0 8px 16px -8px rgba(6,40,69,.4);animation:wy2s 4s ease-in-out infinite}
.wy-2 u{position:absolute;left:18%;right:18%;bottom:26px;height:8px;border-radius:8px;background:#DCE5EA;overflow:hidden}
.wy-2 u b{position:absolute;inset:0;background:linear-gradient(90deg,var(--y),var(--g),var(--b));transform-origin:left;animation:wy2 4s cubic-bezier(.4,0,.2,1) infinite}
@keyframes wy2{0%,10%{transform:scaleX(0)}70%,92%{transform:scaleX(1)}100%{transform:scaleX(1);opacity:0}}
@keyframes wy2s{0%,10%{translate:0 -6px}70%,100%{translate:0 0}}
.wy-3 i{position:absolute;left:50%;top:50%;width:76px;height:92px;margin:-46px 0 0 -38px;rotate:-5deg;border-radius:6px;background:#FBF7EA;box-shadow:0 8px 16px -8px rgba(6,40,69,.4)}
.wy-3 i::before{content:"";position:absolute;left:10px;right:10px;top:14px;height:3px;border-radius:2px;background:#C9BFA5;box-shadow:0 10px 0 #C9BFA5,0 20px 0 #C9BFA5,0 30px 0 #C9BFA5,0 40px 0 #C9BFA5}
.wy-3 u{position:absolute;left:24%;right:24%;top:12px;bottom:12px;--k:var(--navy-a);background:linear-gradient(var(--k),var(--k)) 0 0/20px 3px,linear-gradient(var(--k),var(--k)) 0 0/3px 20px,linear-gradient(var(--k),var(--k)) 100% 0/20px 3px,linear-gradient(var(--k),var(--k)) 100% 0/3px 20px,linear-gradient(var(--k),var(--k)) 0 100%/20px 3px,linear-gradient(var(--k),var(--k)) 0 100%/3px 20px,linear-gradient(var(--k),var(--k)) 100% 100%/20px 3px,linear-gradient(var(--k),var(--k)) 100% 100%/3px 20px;background-repeat:no-repeat}
.wy-3 u::after{content:"";position:absolute;left:4px;right:4px;top:0;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--y),var(--g),var(--b));box-shadow:0 0 12px 2px rgba(98,181,117,.8);animation:wy3 2.8s ease-in-out infinite}
@keyframes wy3{0%,100%{top:6%}50%{top:92%}}
.wy-end{margin-top:clamp(36px,5vw,64px);font:300 clamp(1.5rem,3vw,2.6rem)/1.18 var(--display);letter-spacing:-0.03em;max-width:24em}
.wy-end span{color:var(--green-deep);font-weight:560}
.wy-n{margin-top:12px;color:var(--muted)}
/* app: una pantalla por vez, y lo que sale de cada una */
.ap{background:radial-gradient(70% 70% at 50% 55%,#12305A 0%,#0A1424 50%,#05080F 100%)}
.ap-g{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,.9fr);gap:clamp(24px,4.5vw,76px);align-items:center;margin-top:clamp(30px,4vw,50px)}
.ap-l{display:grid}
.ap-t{position:relative;text-align:left;background:none;border:0;border-top:1px solid rgba(255,255,255,.14);padding:15px 0 16px;color:#8FA9C6;cursor:pointer;font-family:var(--body);opacity:.5;transition:opacity .4s,padding-left .4s cubic-bezier(.16,1,.3,1)}
.ap-t:hover{opacity:.85;padding-left:8px}
.ap-t b{display:block;font:500 1.2rem var(--display);letter-spacing:-0.02em;color:#fff}
.ap-t span{display:block;font-size:.92rem;line-height:1.45;max-height:0;overflow:hidden;opacity:0;transition:max-height .5s cubic-bezier(.16,1,.3,1),opacity .4s,margin .4s}
.ap-t[aria-selected=true]{opacity:1;padding-left:0}
.ap-t[aria-selected=true] span{max-height:5em;opacity:1;margin-top:5px}
.ap-t i{position:absolute;left:0;top:-1px;height:2px;width:100%;background:linear-gradient(90deg,var(--y),var(--g),var(--b));transform-origin:left;transform:scaleX(0)}
.ap-t[aria-selected=true] i{animation:apb 4.6s linear forwards}
.ap-g.paused .ap-t[aria-selected=true] i{animation-play-state:paused}
@keyframes apb{to{transform:scaleX(1)}}
.ap-p{position:relative}
.ap-p::before{content:"";position:absolute;inset:-70px;border-radius:50%;background:radial-gradient(closest-side,rgba(88,160,205,.35),transparent)}
.ap-s{position:absolute;inset:0;opacity:0;transform:translateY(26px) scale(.96);filter:blur(8px);transition:opacity .5s,transform .7s cubic-bezier(.16,1,.3,1),filter .5s}
.ap-s.on{opacity:1;transform:none;filter:none}
.ap-s.was{transform:translateY(-26px) scale(.96)}
.ap-s .hp{box-shadow:0 50px 100px -30px #000,0 0 0 1px rgba(255,255,255,.1)}
.ap-r{position:relative;min-height:150px}
.ap-r small{display:flex;align-items:center;gap:8px;font:600 .68rem var(--body);letter-spacing:.14em;text-transform:uppercase;color:#C9D8E8;margin-bottom:14px}
.ap-r small::before{content:"";width:7px;height:7px;border-radius:50%;background:#8ED3A4;box-shadow:0 0 0 4px rgba(142,211,164,.2)}
.ap-o{position:absolute;left:0;right:0;top:34px;border-radius:20px;padding:20px;background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;transform:translateX(-60px) scale(.9);transition:opacity .4s,transform .8s cubic-bezier(.16,1,.3,1)}
.ap-o.on{opacity:1;transform:none;transition-delay:.35s}
.ap-o em{display:block;font:600 .64rem var(--body);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:#8ED3A4}
.ap-o b{display:block;font:400 1.4rem/1.2 var(--display);letter-spacing:-0.02em;margin-top:8px}
/* prevención */
.pr{background:radial-gradient(80% 90% at 0% 0%,#E3F3EA 0%,var(--bg) 60%)}
.pr-g{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(40px,9vw,150px);align-items:center;margin-top:clamp(30px,4vw,54px)}
.pr-l{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.pr-l path{fill:none;stroke:var(--c);stroke-width:2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:.75}
.pr-g.in .pr-l path{animation:draw 1.1s cubic-bezier(.4,0,.2,1) forwards;animation-delay:calc(var(--i)*.45s + .7s)}
.pr-l circle{opacity:0}
.pr-g.in .pr-l circle{animation:fadein .4s 2.9s forwards}
.pr-c{display:grid;gap:10px;position:relative}
.pr-who{font:600 .7rem var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.pr-s{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid #E3EAE7;border-left:4px solid var(--c);border-radius:16px;padding:14px 18px;box-shadow:0 18px 34px -24px rgba(6,40,69,.45);opacity:0;transform:translateX(-26px);transition:opacity .6s,transform .8s cubic-bezier(.16,1,.3,1),translate .3s;transition-delay:calc(var(--i)*.45s + .2s),calc(var(--i)*.45s + .2s),0s}
.pr-g.in .pr-s{opacity:1;transform:none}
.pr-s:hover{translate:4px 0}
.pr-s small{display:block;font:600 .62rem var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--c)}
.pr-s b{display:block;font:400 1.6rem/1.15 var(--display);letter-spacing:-0.03em}
.pr-s span{display:block;font-size:.82rem;color:var(--muted)}
.pr-bars{display:flex;align-items:flex-end;gap:5px;height:50px;flex:none}
.pr-bars i{width:9px;height:var(--h);border-radius:3px;background:var(--c);opacity:calc(.35 + var(--i)*.1);transform-origin:bottom;transform:scaleY(0)}
.pr-g.in .pr-bars i{animation:grow .7s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--i)*.07s + .5s)}
.pr-s svg{width:120px;height:50px;flex:none}
.pr-s svg path{fill:none;stroke:var(--c);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.pr-g.in .pr-s svg path{animation:draw 1.4s ease-out .9s forwards}
.pr-o{position:relative;border-radius:26px;padding:clamp(24px,3vw,36px);color:#fff;background:radial-gradient(120% 120% at 0% 0%,#0F6F6C,#0A4A63 45%,var(--navy-a));box-shadow:0 40px 70px -34px rgba(6,40,69,.8);opacity:0;transform:scale(.9);transition:opacity .6s 2.6s,transform .9s cubic-bezier(.3,1.4,.5,1) 2.6s}
.pr-g.in .pr-o{opacity:1;transform:none}
.pr-o>i{position:absolute;inset:0;border-radius:inherit;pointer-events:none}
.pr-g.in .pr-o>i{animation:pro 2.6s ease-out 3.2s infinite}
@keyframes pro{0%{box-shadow:0 0 0 0 rgba(62,190,149,.55)}70%,100%{box-shadow:0 0 0 26px rgba(62,190,149,0)}}
.pr-o small{display:block;font:600 .68rem var(--body);letter-spacing:.14em;text-transform:uppercase;color:#8ED3A4}
.pr-o b{display:block;font:300 clamp(1.4rem,2.2vw,1.9rem)/1.2 var(--display);letter-spacing:-0.025em;margin-top:12px}
.pr-o span{display:block;color:#B9CDE0;font-size:.94rem;margin-top:12px}
.pr-o u{display:inline-block;text-decoration:none;margin-top:20px;background:#fff;color:var(--navy-a);border-radius:99px;padding:10px 20px;font:600 .92rem var(--body)}
/* videos */
.vd{background:radial-gradient(80% 80% at 20% 0%,#12305A 0%,#0A1424 50%,#05080F 100%)}
.vd-g{display:flex;justify-content:center;gap:clamp(16px,3vw,40px);margin-top:clamp(30px,4vw,50px);flex-wrap:wrap}
.vd-p{position:relative;width:min(320px,80vw);margin:0;transition:translate .5s cubic-bezier(.16,1,.3,1)}
.vd-p:hover{translate:0 -8px}
.vd-p video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:28px;background:#070B14;border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 80px -40px #000}
.vd-p figcaption{margin-top:14px;font:400 1.2rem/1.2 var(--display);letter-spacing:-0.02em;color:#fff;text-align:center}
.law{margin-top:16px;font-size:.84rem;color:var(--muted)}
.pt .pcta a:not(.btn){color:var(--green-deep);font-weight:600}
@media (max-width:980px){
  .hs{grid-template-columns:1fr;justify-items:center;gap:44px}.hs-src{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:7px}.hs-src li{height:36px;font-size:.76rem;padding:0 10px}.hs-src li.go{translate:0 4px}.hs-card{max-width:420px}
  .g3{grid-template-columns:1fr}.gain{grid-template-columns:1fr 1fr}
  .cmp-r{min-height:7.4em}.cmp-r p{font-size:.9rem}.cmp-h b{font-size:1.1rem}.cmp-h span{display:none}
  .ap-g{grid-template-columns:1fr;justify-items:center}.ap-l{width:100%;display:flex;overflow-x:auto;gap:6px;scrollbar-width:none;margin:0 calc(var(--gutter)*-1);padding:0 var(--gutter);width:auto;max-width:100vw}
  .ap-t{flex:none;border:1px solid rgba(255,255,255,.2);border-radius:99px;padding:8px 16px;opacity:1}.ap-t b{font:600 .88rem var(--body);color:inherit}.ap-t span,.ap-t i{display:none}
  .ap-t[aria-selected=true]{background:#fff;color:var(--navy-a);padding-left:16px}.ap-t:hover{padding-left:16px}
  .ap-r{width:100%;max-width:420px;min-height:160px}
  .pr-g{grid-template-columns:1fr;gap:70px}
}
@media (max-width:560px){.gain,.nt-fg{grid-template-columns:1fr}.pth-cta .btn{width:100%}.nt-lock{height:500px;border-radius:44px 44px 0 0;border-width:8px}.nt-clock b{font-size:4rem}.nt-n{padding:11px 12px;gap:10px;border-radius:18px}.nt-n>i{width:38px;height:38px}.nt-n b{font-size:.94rem}.nt-n span{font-size:.8rem}.pr-s svg{width:84px}.pr-s b{font-size:1.3rem}}
/* ---- pulido: escala más contenida y piezas más finas ---- */
.pth-t h1{font-size:clamp(2.3rem,4.8vw,4.2rem)}
.ph .lead{font-size:clamp(1rem,1.3vw,1.14rem)}
.btn--go{min-height:52px;padding:0 28px;font-size:1rem}
.stores a{gap:10px;min-height:52px;padding:0 18px 0 14px;border-radius:14px;text-align:left}
.stores svg{width:24px;height:24px;stroke-width:1.6}
.stores span{display:block;line-height:1.1}
.stores small{display:block;font:500 .62rem var(--body);opacity:.75}
.stores b{font:600 .96rem var(--body)}
.pt .pg h2{font-size:clamp(1.8rem,3.3vw,3rem)}
.nt{padding-top:clamp(56px,7vw,100px)}
.pt .nt h2{font-size:clamp(2rem,4.2vw,3.7rem);max-width:15em}
.nt-sc{max-width:600px;margin-top:clamp(30px,4vw,52px)}
.nt-lock{max-width:330px;height:410px;border:0;padding:10px 10px 0;border-radius:50px 50px 0 0;background:linear-gradient(145deg,#4A5568 0%,#10151F 22%,#2A3344 55%,#0B0F16 100%);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.22),0 50px 80px -50px rgba(6,40,69,.7)}
.nt-lock::before{top:21px;width:78px;margin-left:-39px;background:#000;z-index:2}
.nt-scr{position:relative;height:100%;border-radius:40px 40px 0 0;padding:30px 12px 0;overflow:hidden;background:radial-gradient(120% 70% at 30% 0%,#1B3A6B 0%,#0A1424 55%,#05080F 100%)}
.nt-clock{padding-top:22px}
.nt-clock b{font-size:3.4rem}
.nt-clock span{font-size:.74rem}
.nt-st{margin-top:16px;height:300px}
.nt-n{padding:10px 12px;gap:10px;border-radius:16px}
.nt-n>i{width:34px;height:34px;border-radius:10px}
.nt-n svg{width:19px;height:19px}
.nt-n b{font-size:.86rem}
.nt-n span{font-size:.76rem}
.nt-n em{font-size:.62rem}
.nt-f{margin-top:-56px;max-width:540px;border-radius:24px;border-width:1.5px;padding:clamp(18px,2.4vw,28px)}
.nt-fh b{font-size:.92rem}
.nt-fh span{font-size:.8rem}
.nt-big{font-size:clamp(2.4rem,5.4vw,4rem);margin:10px 0 16px}
.nt-fr{padding:10px 0;font-size:.86rem}
.nt-fr i{height:7px}
.ap-s,.ap-s.was{transform:scale(.97)}
.ap-s.on{transform:none}
.ap-p .phw{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.22),inset 0 0 0 5px #05070B,0 50px 100px -30px #000}
.ap-s .hp{box-shadow:none}
.pt .std3{padding:clamp(48px,6vw,80px) 0}
.pt .std3 h2{font-size:clamp(2rem,3.5vw,3.1rem)}
.pt .std3 .lead{font-size:1.02rem;margin-top:12px}
.pt .seals li{padding:16px 16px 15px;border-radius:16px}
.pt .seals i{width:38px;height:38px;border-radius:11px}
.pt .seals svg{width:20px;height:20px}
.pt .seals b{font-size:1rem;margin-top:12px}
.pt .seals span{font-size:.8rem}
.pt .pcta{padding:clamp(22px,2.8vw,34px) clamp(22px,3.4vw,44px);border-radius:22px}
.pt .pcta h2{font-size:clamp(1.7rem,2.9vw,2.6rem)}
.pt .pcta p{font-size:.94rem}
.pt .sig{padding-top:clamp(48px,6vw,84px);padding-bottom:clamp(48px,6vw,84px)}
.pt .sig p{font-size:clamp(1.9rem,3.6vw,3.1rem)}
.pt .sig u b{width:7px;height:7px}
.pt .sig i{width:min(50%,200px)}
.wy .sub2{margin-top:8px}
.wy-end{font-size:clamp(1.3rem,2.2vw,1.9rem);margin-top:clamp(30px,4vw,48px)}
/* videos: de a uno */
.vd-c{display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,34px);margin-top:clamp(26px,3.4vw,44px)}
.vd-v{position:relative;width:min(300px,64vw);aspect-ratio:9/16;border-radius:28px;overflow:hidden;background:#070B14;border:1px solid rgba(255,255,255,.16);box-shadow:0 40px 80px -40px #000}
.vd-v video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;scale:1.04;transition:opacity .6s,scale .9s cubic-bezier(.16,1,.3,1)}
.vd-v video.on{opacity:1;scale:1}
.vd-a{flex:none;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);cursor:pointer;position:relative;transition:background .2s,translate .25s}
.vd-a:hover{background:rgba(255,255,255,.2);translate:-2px 0}
.vd-a.nx:hover{translate:2px 0}
.vd-a::before{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-5px 0 0 -3px;border:solid #fff;border-width:0 0 2px 2px;rotate:45deg}
.vd-a.nx::before{rotate:-135deg;margin-left:-7px}
.vd-d{display:flex;justify-content:center;gap:8px 22px;flex-wrap:wrap;margin-top:22px}
.vd-d button{position:relative;background:none;border:0;padding:6px 0 9px;font:400 1.02rem var(--display);letter-spacing:-0.01em;color:#8FA9C6;cursor:pointer;transition:color .3s}
.vd-d button.on{color:#fff}
.vd-d i{position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:rgba(255,255,255,.16);overflow:hidden}
.vd-d i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--y),var(--g),var(--b));transform-origin:left;transform:scaleX(var(--p,0))}
/* tiendas: finas, centradas bajo el teléfono */
.pth-cta{margin-top:26px}
.st-row{display:flex;justify-content:center;margin-top:clamp(22px,3vw,34px)}
.stores{gap:10px}
.stores a{min-height:46px;padding:0 16px 0 12px;border-radius:12px;gap:9px;border-width:1px;background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.22)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.stores a:hover{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.5)!important}
.stores svg{width:21px;height:21px;stroke-width:1.5}
.stores small{font-size:.58rem;letter-spacing:.02em}
.stores b{font-size:.9rem}
.ap-p{display:flex;flex-direction:column;align-items:center;gap:26px}
.ap-p::before{inset:-70px -70px 0}
.wy-end,.wy-n{text-align:center;margin-left:auto;margin-right:auto}
.wy-end{max-width:22em}
/* videos: grandes y lado a lado en escritorio, de a uno en el celular */
@media (min-width:761px){
  .vd-a{display:none}
  .vd-v{width:auto;aspect-ratio:auto;border:0;background:none;box-shadow:none;overflow:visible;display:flex;gap:clamp(18px,3vw,44px);border-radius:0}
  .vd-v video{position:static;width:min(380px,36vw);height:auto;aspect-ratio:9/16;border-radius:30px;border:1px solid rgba(255,255,255,.16);box-shadow:0 40px 80px -40px #000;opacity:.42;scale:.96;cursor:pointer;transition:opacity .6s,scale .8s cubic-bezier(.16,1,.3,1),box-shadow .6s}
  .vd-v video:hover{opacity:.7}
  .vd-v video.on{opacity:1;scale:1;cursor:default;box-shadow:0 50px 100px -40px #000,0 0 0 1px rgba(255,255,255,.3)}
  .vd-d{gap:8px clamp(18px,3vw,44px)}.vd-d button{width:min(380px,36vw);text-align:center;font-size:1.14rem}
}
@media (max-width:760px){.vd-v{width:min(340px,70vw)}}
.stores{gap:12px;align-items:center}
.stores a{min-height:0;padding:0;border:0!important;background:none!important;border-radius:8px;display:block;line-height:0;transition:translate .25s,filter .25s}
.stores a:hover{background:none!important;translate:0 -2px;filter:brightness(1.15)}
.stores img{display:block;height:44px;width:auto}
/* lo que envía el profesional */
.rc{overflow:hidden;overflow:clip;background:radial-gradient(70% 90% at 100% 20%,#E1EEF8 0%,var(--bg) 62%);padding-bottom:clamp(30px,4vw,56px)}
.rc-g{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(30px,6vw,100px);align-items:center}
.rc-l{list-style:none;margin-top:clamp(22px,3vw,34px);display:grid;gap:0}
.rc-l li{border-top:1px solid #D3DEE6;padding:14px 0;color:var(--muted);font-size:.96rem}
.rc-l b{display:block;font:500 1.14rem var(--display);letter-spacing:-0.02em;color:var(--ink)}
.rc-v{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px}
.rc-v::before{content:"";position:absolute;inset:40px -40px -20px;border-radius:50%;background:radial-gradient(closest-side,rgba(88,160,205,.3),transparent);z-index:0}
.rc-v>*{position:relative}
.rc-from{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #D3DEE6;border-radius:99px;padding:8px 16px 8px 12px;font:600 .84rem var(--body);box-shadow:0 14px 26px -16px rgba(6,40,69,.5);opacity:0;transform:translateY(-14px);transition:opacity .5s,transform .7s cubic-bezier(.3,1.4,.5,1)}
.rc-from i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(14,159,120,.2)}
.rc-g.in .rc-from{opacity:1;transform:none}
.rc-items{margin-top:14px}
.rc-i{display:flex;align-items:center;gap:9px;background:#141B28;border:1px solid #1F2838;border-left:3px solid var(--c);border-radius:11px;padding:8px 9px;margin-top:6px;opacity:0;transform:translateY(-22px) scale(.96)}
.rc-g.in .rc-i{animation:rci .7s cubic-bezier(.3,1.3,.5,1) forwards,rcf 1.4s ease-out forwards;animation-delay:calc(var(--i)*.42s + .6s)}
@keyframes rci{to{opacity:1;transform:none}}
@keyframes rcf{0%{background:color-mix(in srgb,var(--c) 34%,#141B28)}100%{background:#141B28}}
.rc-i>i{flex:none;width:28px;height:28px;border-radius:8px;background:color-mix(in srgb,var(--c) 20%,#141B28);display:grid;place-items:center}
.rc-i svg{width:16px;height:16px;fill:none;stroke:var(--c);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rc-i div{min-width:0}
.rc-i b{display:block;color:#fff;font:600 .74rem/1.2 var(--body)}
.rc-i span{display:block;font-size:.64rem;color:#8C97A8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rc-i em{margin-left:auto;flex:none;font:600 .54rem var(--body);font-style:normal;color:#6FCF87;background:#1D3A2B;border-radius:99px;padding:2px 7px}
@media (max-width:900px){.rc-g{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.rc-i,.rc-from{opacity:1;transform:none;animation:none!important;transition:none}}
.pt .ft-brand p{white-space:nowrap}
@media (max-width:560px){.nt-lock{height:380px}.vd-a{width:40px;height:40px}}
@media (prefers-reduced-motion:reduce){.nt-f,.pr-s,.pr-o{opacity:1;transform:none;animation:none;transition:none}.nt-big i{animation:none}.full .cmp-r p{opacity:1;transform:none}.wy-a *{animation:none!important}.pr-bars i{transform:none}.pr-l path,.pr-s svg path{stroke-dashoffset:0}}