:root{
 --brand:#5B47E0;--brand2:#8E7BFF;--brand-strong:#4634C4;--brand-soft:#EDEAFD;--magenta:#B531CC;
 --ink:#171334;--deep:#181341;--deep2:#221B57;--sale:#E4572E;--ok:#14976B;
 --sqp:#1AA07D;--sqp2:#0D705C;--sqp-esm:#1FC177;--sqp-hielo:#E9F7F7;--tinta:#0E2140;
 --paper:#FBFAFE;--paper2:#F3F1FB;--line:#E7E4F4;--body-c:#4A4668;--mist:#B0ACD4;--white:#fff;
 --display:'Manrope','Sora',Arial,sans-serif;--body:'DM Sans','Inter',Arial,sans-serif;--mono:'IBM Plex Mono',Menlo,monospace;
 --pad:clamp(66px,8vw,116px);--gut:clamp(20px,4vw,54px);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16.5px;line-height:1.62;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}a{color:inherit}
.wrap{max-width:1200px;margin:0 auto;padding-left:var(--gut);padding-right:var(--gut)}
.band{padding-top:var(--pad);padding-bottom:var(--pad)}
.tint{background:var(--paper2)}
.deep{background:var(--deep);color:#fff}
h1,h2,h3{font-family:var(--display);font-weight:800;letter-spacing:-.03em;line-height:1.08;margin:0}
h1{font-size:clamp(2.3rem,5vw,4rem)}
h2{font-size:clamp(1.9rem,3.4vw,2.85rem)}
h3{font-size:1.18rem;letter-spacing:-.02em;line-height:1.28}
p{margin:0 0 1.05em}p:last-child{margin-bottom:0}
.lede{font-size:clamp(1.03rem,1.35vw,1.22rem);line-height:1.6;color:var(--body-c);max-width:62ch}
.deep .lede{color:#C9C5EC}
/* SECTION HEADER numerado */
.sh{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:start;margin-bottom:46px}
.sh .idx{font-family:var(--mono);font-weight:600;font-size:.82rem;color:var(--brand);border:1.5px solid var(--line);border-radius:12px;padding:9px 13px;line-height:1;white-space:nowrap;margin-top:6px}
.deep .sh .idx{color:#B7A9FF;border-color:var(--deep2)}
.sh .kick{font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brand);font-weight:500;display:block;margin-bottom:12px}
.deep .sh .kick{color:#B7A9FF}
.sh h2{max-width:20ch}
.sh .sub{margin-top:14px;max-width:64ch}
.sh.center{grid-template-columns:1fr;justify-items:center;text-align:center;max-width:760px;margin-left:auto;margin-right:auto}
.sh.center .idx{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;font-family:var(--display);font-weight:700;font-size:.96rem;padding:15px 26px;border-radius:14px;border:1.5px solid transparent;text-decoration:none;cursor:pointer;transition:.18s}
.btn-primary{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 12px 26px -12px rgba(91,71,224,.6)}
.btn-primary:hover{background:var(--brand-strong);transform:translateY(-2px)}
.btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.btn-ghost:hover{border-color:#fff;transform:translateY(-2px)}
.btn-outline{background:#fff;color:var(--ink);border-color:var(--line)}
.btn-outline:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-2px)}
.btn-grad{background:linear-gradient(90deg,#5B47E0,#B531CC);color:#fff;border:0;box-shadow:0 14px 28px -14px rgba(122,60,214,.6)}
.btn-grad:hover{transform:translateY(-2px)}
/* wordmark */
.pbm{font-family:'Poppins',var(--display);font-weight:700;letter-spacing:-.02em;line-height:1;white-space:nowrap}
.pbm .p{color:var(--brand)}
.pbm .i{position:relative;display:inline-block;width:.23em}
.pbm .i .st{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:.14em;height:.52em;border-radius:.05em;background:currentColor}
.pbm .i .tr{position:absolute;top:-.02em;left:50%;transform:translateX(-50%);width:0;height:0;border-left:.15em solid transparent;border-right:.15em solid transparent;border-bottom:.23em solid var(--brand)}
/* NAV */
.nav{position:sticky;top:0;z-index:60;background:rgba(251,250,254,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:18px;height:70px}
.nav .lk{display:flex;align-items:center;gap:9px;text-decoration:none}
.nav .lk .iso{width:38px;height:38px}
.nav .lk .pbm{font-size:1.44rem;color:var(--ink)}
.nav .lk .tag{font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:#9A95C0;border-left:1px solid var(--line);padding-left:9px;margin-left:1px}
.nav-links{display:flex;align-items:center;gap:22px}
.nav-links a{font-size:.9rem;font-weight:500;color:#57527E;text-decoration:none}
.nav-links a:hover{color:var(--brand)}
.nav-cta{padding:10px 20px;font-size:.88rem}
@media(max-width:1040px){.nav-links a:not(.nav-cta){display:none}}
/* FRAME estilo ventana de app (sin navegador) */
.gring{position:relative;border-radius:22px;padding:2px;background:linear-gradient(135deg,rgba(91,71,224,.5),rgba(181,49,204,.35) 60%,rgba(91,71,224,.1));box-shadow:0 40px 80px -44px rgba(45,25,120,.55)}
.frame{border-radius:20px;overflow:hidden;background:#fff}
.frame .bar{display:flex;align-items:center;gap:9px;padding:9px 14px;background:linear-gradient(180deg,#fff,#F6F5FC);border-bottom:1px solid var(--line)}
.frame .bar .iso{width:20px;height:20px;flex:none}
.frame .bar .nm{font-family:var(--mono);font-size:.64rem;letter-spacing:.07em;text-transform:uppercase;color:#8B87AC}
.frame .bar .live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:.58rem;color:var(--ok);letter-spacing:.06em}
.frame .bar .live .d{width:7px;height:7px;border-radius:50%;background:#2BC48A;box-shadow:0 0 0 3px rgba(43,196,138,.22)}
.frame img{display:block;width:100%}
.frame.sqp .bar{background:linear-gradient(180deg,#fff,var(--sqp-hielo));border-color:#D3F1EF}
.frame.sqp .bar .live{color:var(--sqp2)}
.frame.sqp .bar .live .d{background:var(--sqp-esm);box-shadow:0 0 0 3px rgba(31,193,119,.22)}
.gring.sqp{background:linear-gradient(135deg,rgba(26,160,125,.5),rgba(13,112,92,.3))}
/* HERO */
.hero{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 88% 6%,#EEE9FF 0%,var(--paper) 52%)}
.hero .wrap{position:relative;z-index:2}
.hero-grid{display:grid;grid-template-columns:.96fr 1.04fr;gap:clamp(34px,4.5vw,64px);align-items:center}
.hero .eb{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brand);background:var(--brand-soft);border:1px solid #DAD3FB;padding:8px 14px;border-radius:999px}
.hero h1{margin-top:22px}
.hero h1 .hl{background:linear-gradient(90deg,var(--brand),var(--magenta));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lede{margin-top:20px}
.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:32px}
.hero-note{font-family:var(--mono);font-size:.74rem;color:#7A749E;margin-top:22px;line-height:1.85}
.hero-note b{color:var(--brand);font-weight:500}
.hero-fl{position:absolute;display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);color:var(--ink);font-family:var(--mono);font-size:.64rem;letter-spacing:.06em;padding:9px 13px;border-radius:999px;box-shadow:0 18px 34px -20px rgba(45,25,120,.5)}
.hero-fl .d{width:8px;height:8px;border-radius:50%;background:#2BC48A;box-shadow:0 0 0 4px rgba(43,196,138,.25)}
/* STATS */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.stat{background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:20px}
.stat .n{font-family:var(--display);font-weight:800;font-size:1.28rem;letter-spacing:-.02em;display:flex;align-items:center;gap:9px}
.stat .n svg{width:20px;height:20px;stroke:var(--brand);fill:none;stroke-width:2;flex:none}
.stat .t{font-size:.85rem;color:var(--body-c);margin-top:6px;line-height:1.45}
@media(max-width:900px){.stats{grid-template-columns:1fr 1fr}}
/* PROBLEMA */
.prob-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.prob{background:rgba(255,255,255,.04);border:1px solid var(--deep2);border-radius:16px;padding:26px 24px}
.prob .mk{width:46px;height:46px;border-radius:12px;border:1.5px solid #4A3F86;display:grid;place-items:center;margin-bottom:16px}
.prob .mk svg{width:22px;height:22px;stroke:#FF9E7A;fill:none;stroke-width:1.7}
.prob h3{color:#fff;margin-bottom:8px}
.prob p{color:#C3BEE6;font-size:.93rem;margin:0}
.prob-pull{margin-top:30px;font-family:var(--display);font-weight:700;font-size:clamp(1.1rem,1.8vw,1.4rem);color:#fff;letter-spacing:-.02em;display:flex;align-items:center;gap:12px}
.prob-pull svg{width:24px;height:24px;stroke:var(--brand2);fill:none;stroke-width:2;flex:none}
@media(max-width:840px){.prob-grid{grid-template-columns:1fr}}
/* ODOO */
.odoo-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(34px,5vw,66px);align-items:center}
.odoo-stage{position:relative;background:radial-gradient(120% 120% at 50% 30%,#fff,#EDEAFD 78%);border:1.5px solid var(--line);border-radius:22px;padding:46px 30px;display:grid;place-items:center;overflow:hidden}
.odoo-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 40px;box-shadow:0 30px 60px -30px rgba(21,16,64,.35);position:relative;z-index:2}
.odoo-card img{width:250px}
.orbit .m{position:absolute;background:#fff;border:1px solid var(--line);border-radius:999px;font-family:var(--mono);font-size:.62rem;letter-spacing:.05em;color:var(--body-c);padding:7px 12px;box-shadow:0 14px 26px -18px rgba(21,16,64,.4)}
.olist{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:13px}
.olist li{display:grid;grid-template-columns:24px 1fr;gap:12px;font-size:.97rem;color:var(--body-c);line-height:1.5}
.olist svg{width:19px;height:19px;stroke:var(--ok);stroke-width:2.4;fill:none;margin-top:4px}
.olist b{color:var(--ink)}
.otags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.otag{font-family:var(--mono);font-size:.67rem;letter-spacing:.05em;text-transform:uppercase;color:var(--brand);background:var(--brand-soft);padding:8px 12px;border-radius:999px}
@media(max-width:900px){.odoo-grid{grid-template-columns:1fr}}
/* SHOWCASE alternante */
.show{display:grid;grid-template-columns:1fr 1.12fr;gap:clamp(30px,4.5vw,60px);align-items:center}
.show + .show{margin-top:clamp(52px,7vw,92px)}
.show.rev .txt{order:2}.show.rev .media{order:1}
.show .tagline{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--brand);font-weight:500;background:var(--brand-soft);border-radius:999px;padding:7px 13px}
.show .txt h3{font-size:clamp(1.4rem,2.4vw,1.95rem);margin-top:16px}
.show .txt p{margin-top:14px;color:var(--body-c);font-size:1rem;line-height:1.6}
.flist{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:11px}
.flist li{display:grid;grid-template-columns:22px 1fr;gap:11px;font-size:.95rem;color:var(--body-c);line-height:1.5}
.flist svg{width:18px;height:18px;stroke:var(--ok);stroke-width:2.4;fill:none;margin-top:4px}
.flist b{color:var(--ink)}
.media{position:relative}
.media .badge{position:absolute;top:-13px;right:18px;z-index:3;font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;background:var(--brand);color:#fff;padding:6px 12px;border-radius:999px;box-shadow:0 12px 22px -10px rgba(91,71,224,.7)}
/* FIDELIZACIÓN (verde) */
.sqp-band{background:radial-gradient(120% 100% at 12% 0%,#F1FBF8 0%,var(--paper) 60%)}
.sqp-lock{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px}
.sqp-lock .dg{width:40px;height:40px;flex:none}
.sqp-lock b{font-family:var(--display);font-weight:800;font-size:1.05rem;letter-spacing:-.02em;color:var(--tinta);line-height:1}
.sqp-lock b span{font-weight:600;display:block}
.sqp-eb{color:var(--sqp)!important}
.sqp-band .sh .idx{color:var(--sqp);border-color:#CFEAE0}
.sqp-band .sh .kick{color:var(--sqp)}
.sqp-duo{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:14px}
.sqp-flow{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.sqp-step{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid #D3F1EF;border-radius:999px;padding:9px 15px;font-size:.86rem;font-weight:600;color:var(--sqp2)}
.sqp-step .nn{width:20px;height:20px;border-radius:50%;background:var(--sqp);color:#fff;display:grid;place-items:center;font-family:var(--mono);font-size:.64rem;font-weight:600}
.sqp-arrow{align-self:center;color:#9BC9BC}
@media(max-width:820px){.sqp-duo{grid-template-columns:1fr}}
/* FUNCIONALIDADES columnas */
.fx-cols{columns:3 320px;column-gap:18px}
.fxc{break-inside:avoid;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:24px 24px 20px;margin-bottom:18px}
.fxc .ic{width:42px;height:42px;border-radius:12px;background:var(--brand-soft);display:grid;place-items:center;margin-bottom:15px}
.fxc .ic svg{width:20px;height:20px;stroke:var(--brand);fill:none;stroke-width:1.8}
.fxc h3{font-size:1.02rem;margin-bottom:12px}
.fxc ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.fxc li{position:relative;padding-left:19px;font-size:.86rem;color:var(--body-c);line-height:1.5}
.fxc li::before{content:"";position:absolute;left:2px;top:8px;width:7px;height:7px;border-radius:2px;background:var(--brand);opacity:.5;transform:rotate(45deg)}
.fxc li b{color:var(--ink)}
.fxc .addon{font-family:var(--mono);font-size:.58rem;letter-spacing:.06em;text-transform:uppercase;background:#FDEEE8;color:#B23A1C;border-radius:5px;padding:2px 6px;margin-left:5px;white-space:nowrap}
.mas{margin-top:30px;background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:26px 28px}
.mas h3{font-size:1.05rem;margin-bottom:6px}
.mas p{font-size:.9rem;color:var(--body-c);margin-bottom:16px}
.mas .chips{display:flex;flex-wrap:wrap;gap:9px}
.mchip{display:inline-flex;align-items:center;gap:8px;background:var(--paper2);border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:.83rem;font-weight:600;color:var(--ink)}
.mchip svg{width:14px;height:14px;stroke:var(--brand);fill:none;stroke-width:2}
.mchip .cx{font-family:var(--mono);font-size:.56rem;letter-spacing:.05em;text-transform:uppercase;background:#FDEEE8;color:#B23A1C;border-radius:5px;padding:1px 6px}
/* Farmacia (módulo) */
.farm-lead{max-width:830px}
.farm-fx{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:6px}
.farm-fx .fc{background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:22px 20px}
.farm-fx .fc .ic{width:40px;height:40px;border-radius:11px;background:var(--brand-soft);display:grid;place-items:center;margin-bottom:13px}
.farm-fx .fc .ic svg{width:19px;height:19px;stroke:var(--brand);fill:none;stroke-width:1.8}
.farm-fx .fc h3{font-size:.98rem;margin-bottom:11px}
.farm-fx .fc ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.farm-fx .fc li{position:relative;padding-left:17px;font-size:.83rem;color:var(--body-c);line-height:1.45}
.farm-fx .fc li::before{content:"";position:absolute;left:2px;top:7px;width:6px;height:6px;border-radius:2px;background:var(--brand);opacity:.5;transform:rotate(45deg)}
.farm-fx .fc li b{color:var(--ink)}
@media(max-width:940px){.farm-fx{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.farm-fx{grid-template-columns:1fr}}
.farm-gal{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;margin-top:44px}
.farm-gal .fg{grid-column:span 2;display:flex;flex-direction:column}
.farm-gal .fg.wide{grid-column:span 3}
.farm-gal .cap{margin-top:15px;padding:0 4px}
.farm-gal .cap b{display:block;font-family:var(--display);font-weight:700;color:var(--ink);font-size:.98rem;margin-bottom:5px}
.farm-gal .cap span{font-size:.86rem;color:var(--body-c);line-height:1.5}
@media(max-width:940px){.farm-gal{grid-template-columns:1fr 1fr}.farm-gal .fg,.farm-gal .fg.wide{grid-column:auto}}
@media(max-width:560px){.farm-gal{grid-template-columns:1fr}}
.farm-note{margin-top:42px;display:flex;gap:14px;align-items:flex-start;background:var(--paper2);border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:14px;padding:18px 22px}
.farm-note svg{width:22px;height:22px;stroke:var(--brand);fill:none;stroke-width:1.9;flex:none;margin-top:1px}
.farm-note p{font-size:.9rem;color:var(--body-c);line-height:1.55}
.farm-note b{color:var(--ink)}
/* ===== #1 mundial (hero) ===== */
.rank1{display:inline-flex;align-items:center;gap:13px;background:linear-gradient(100deg,#FFF6E6,#FDEFF7);border:1px solid #F0D9AE;border-radius:999px;padding:8px 19px 8px 9px;margin-bottom:20px;box-shadow:0 16px 32px -18px rgba(180,120,20,.55)}
.rank1 .medal{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#F8C24A,#E0870A);display:grid;place-items:center;flex:none;box-shadow:0 6px 14px -5px rgba(200,130,10,.75)}
.rank1 .medal svg{width:21px;height:21px}
.rank1 .rt{display:flex;flex-direction:column;line-height:1.16}
.rank1 .rt b{font-family:var(--display);font-size:1rem;font-weight:800;color:#7A4E00;letter-spacing:-.01em}
.rank1 .rt span{font-size:.75rem;color:#9A6B24;font-weight:600}
/* ===== Secciones PharmaStore POS (destacadas) ===== */
:root{--ps-navy:#00215B;--ps-navy2:#061B45;--ps-cyan:#2FBDF1;--ps-ice:#EEF9FE;--ps-cyansoft:#DCF3FC}
.band.ps{background:var(--ps-ice)}
.ps-head{position:relative;overflow:hidden;background:linear-gradient(130deg,#061B45,#00215B 52%,#0B3F8F);border-radius:24px;padding:clamp(26px,3.3vw,40px);color:#fff;margin-bottom:34px;box-shadow:0 34px 66px -36px rgba(0,33,91,.75)}
.ps-head::after{content:"";position:absolute;right:-70px;top:-70px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(47,189,241,.3),transparent 70%)}
.ps-head .top{display:flex;align-items:center;gap:16px;flex-wrap:wrap;position:relative;z-index:2}
.ps-plate{background:#fff;border-radius:12px;padding:11px 16px;display:inline-flex;align-items:center;box-shadow:0 12px 26px -12px rgba(0,0,0,.45)}
.ps-plate img{height:30px;width:auto;display:block}
.ps-powered{font-family:var(--mono);font-size:.66rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ps-cyan);font-weight:600}
.ps-powered b{color:#fff;display:block;font-family:var(--display);font-size:.92rem;letter-spacing:0;text-transform:none;margin-top:3px;font-weight:700}
.ps-head .sh2{display:flex;align-items:flex-start;gap:20px;margin-top:24px;position:relative;z-index:2}
.ps-head .idx{flex:none;width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;font-family:var(--mono);font-size:.92rem;font-weight:600;color:var(--ps-cyan)}
.ps-head .kick{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ps-cyan);font-weight:600}
.ps-head h2{color:#fff;font-size:clamp(1.7rem,3vw,2.35rem);letter-spacing:-.02em;margin-top:8px;line-height:1.08}
.ps-head .lede{color:#C7D7EE;font-size:1rem;line-height:1.6;margin-top:12px;max-width:770px}
.ps-head .lede b{color:#fff}
.band.ps .farm-fx .fc{border-color:#CFE6F5}
.band.ps .farm-fx .fc .ic{background:var(--ps-cyansoft)}
.band.ps .farm-fx .fc .ic svg{stroke:var(--ps-navy)}
.band.ps .farm-fx .fc h3{color:var(--ps-navy)}
.band.ps .farm-fx .fc li::before{background:var(--ps-cyan)}
.band.ps .farm-fx .fc li b{color:var(--ps-navy)}
.band.ps .gring{background:linear-gradient(135deg,rgba(0,33,91,.42),rgba(47,189,241,.4) 60%,rgba(0,33,91,.12))}
.band.ps .farm-gal .cap b{color:var(--ps-navy)}
.band.ps .farm-note{background:#fff;border-color:#CFE6F5;border-left-color:var(--ps-cyan)}
.band.ps .farm-note svg{stroke:var(--ps-cyan)}
.band.ps .farm-note b{color:var(--ps-navy)}
.ps-fam{margin-top:38px;background:#fff;border:1px solid #CFE6F5;border-radius:22px;padding:clamp(22px,2.6vw,30px)}
.ps-fam .fh{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ps-fam .fh .iso{height:30px;width:auto;display:block}
.ps-fam .fh h3{font-size:1.18rem;color:var(--ps-navy);font-weight:800}
.ps-fam .fh p{font-size:.9rem;color:var(--mut);width:100%;margin-top:2px}
.ps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}
.ps-fc{border:1px solid #E3F1FB;background:var(--ps-ice);border-radius:16px;padding:16px;display:flex;flex-direction:column}
.ps-fc.cur{border-color:var(--ps-cyan);box-shadow:0 0 0 2px rgba(47,189,241,.3);background:#fff}
.ps-fc .plate{background:#fff;border:1px solid #E3F1FB;border-radius:11px;height:62px;display:grid;place-items:center;padding:10px}
.ps-fc.cur .plate{border-color:#CFE6F5}
.ps-fc .plate img{max-height:36px;max-width:90%;width:auto;display:block}
.ps-fc .tag{margin-top:12px;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ps-cyan)}
.ps-fc .tag.here{color:var(--ps-navy)}
.ps-fc h4{font-size:.98rem;color:var(--ps-navy);margin-top:5px;font-weight:800}
.ps-fc p{font-size:.82rem;color:var(--mut);line-height:1.5;margin-top:6px}
.ps-fc .badge-here{margin-top:auto;padding-top:11px;font-size:.72rem;font-weight:800;color:var(--ps-cyan)}
@media(max-width:940px){.ps-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ps-grid{grid-template-columns:1fr}}
.fxfoot{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fxf{background:var(--paper2);border:1px solid var(--line);border-radius:16px;padding:22px 24px}
.fxf h3{font-size:.98rem;margin-bottom:9px}.fxf p{font-size:.88rem;color:var(--body-c)}
@media(max-width:840px){.fxfoot{grid-template-columns:1fr}}
/* DOBLE PANTALLA */
.duo{position:relative;border-radius:24px;overflow:hidden;background:linear-gradient(165deg,#221B57 0%,#181341 55%,#120F2E 100%);padding:clamp(30px,4vw,54px)}
.duo .shelves{position:absolute;inset:0;opacity:.14;background:repeating-linear-gradient(180deg,transparent 0 84px,#8E7BFF 84px 87px),repeating-linear-gradient(90deg,transparent 0 150px,rgba(142,123,255,.35) 150px 152px)}
.duo .gx{position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(91,71,224,.5),transparent 65%);top:-30%;left:26%}
.duo-grid{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(26px,4vw,52px);align-items:center;z-index:2}
.duo h2{color:#fff}.duo .lede{color:#C9C5EC}
.duo-list{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px}
.duo-list li{display:grid;grid-template-columns:24px 1fr;gap:11px;color:#DCD7F5;font-size:.95rem}
.duo-list svg{width:18px;height:18px;stroke:#3EE68B;stroke-width:2.4;fill:none;margin-top:4px}
.counter{position:relative;padding-bottom:24px}
.counter .desk{position:absolute;left:-6%;right:-6%;bottom:0;height:70px;background:linear-gradient(180deg,#2E2857,#171233);border-radius:14px 14px 0 0}
.m3{position:relative;z-index:2}
.m3.cash{width:47%;transform:perspective(1400px) rotateY(16deg);margin-left:1%}
.m3.cli{position:absolute;right:0;bottom:14px;width:60%;transform:perspective(1400px) rotateY(-13deg);z-index:3}
.m3 .scr{background:#0D0B22;border:2px solid #35305F;border-radius:12px;padding:6px;box-shadow:0 34px 60px -26px rgba(0,0,0,.75)}
.m3 .scr img{border-radius:6px}
.m3 .neck{width:42px;height:15px;margin:0 auto;background:#171233;border-radius:0 0 6px 6px}
.m3 .base{width:94px;height:7px;margin:0 auto;background:#241E56;border-radius:99px}
.m3 .who{position:absolute;top:-12px;left:50%;transform:translateX(-50%);font-family:var(--mono);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;background:rgba(91,71,224,.92);color:#fff;padding:4px 11px;border-radius:999px;white-space:nowrap}
.m3.cli .who{background:rgba(20,151,107,.92)}
@media(max-width:900px){.duo-grid{grid-template-columns:1fr}}
/* SPIN */
.spin{position:relative;border-radius:24px;overflow:hidden;background:radial-gradient(80% 120% at 82% 18%,#12495E 0%,#093042 40%,#061F2B 72%,#04161F 100%);padding:clamp(30px,4vw,56px);color:#fff}
.spin::before{content:"";position:absolute;width:460px;height:460px;right:0;top:-16%;border-radius:50%;background:radial-gradient(circle,rgba(18,181,203,.3),transparent 62%)}
.spin-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(26px,4vw,50px);align-items:center;z-index:2}
.spin-eb{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:#5FE6FB;background:rgba(18,181,203,.14);border:1px solid rgba(18,181,203,.3);padding:7px 14px;border-radius:999px}
.spin h2{color:#fff;margin-top:16px}.spin h2 .cy{color:#2FD4EA}
.spin-sub{color:#B7C6D2;font-size:1rem;line-height:1.6;margin-top:14px;max-width:52ch}
.spin-fts{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:12px}
.spin-fts li{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:center;color:#E7EEF3;font-size:.93rem;font-weight:500}
.spin-fts .d{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}
.spin-fts .d svg{width:16px;height:16px}
.spin-lk{display:flex;align-items:center;gap:14px;margin-top:24px;padding:13px 17px;border-radius:14px;width:max-content;max-width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.spin-lk .pbm{font-size:1.24rem;color:#fff}
.spin-lk .lnk{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:rgba(18,181,203,.18);color:#2FD4EA}
.spin-lk .lnk svg{width:16px;height:16px}
.spin-lk img{height:25px;display:block}
.spin-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:370px}
.spin-stage .glow{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(18,181,203,.35),transparent 60%);filter:blur(6px)}
.spin-stage .tsh{position:absolute;width:200px;height:38px;border-radius:50%;background:rgba(0,0,0,.45);filter:blur(20px);bottom:16px}
.spin-stage img.term{position:relative;height:360px;width:auto;filter:drop-shadow(0 26px 36px rgba(0,0,0,.45));transform:rotate(-1deg)}
.spin-stage .wv{position:absolute;right:66%;top:16%;color:#FF6600;opacity:.9}
.spin-stage .wv svg{width:38px;height:38px}
@media(max-width:900px){.spin-grid{grid-template-columns:1fr}}
/* VIDEO */
.video{position:relative;border-radius:22px;overflow:hidden;border:1.5px solid var(--line);box-shadow:0 34px 70px -40px rgba(21,16,64,.5);aspect-ratio:16/8.2;background:#0D0B22}
.video img{width:100%;height:100%;object-fit:cover;opacity:.5}
.video .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,11,34,.15),rgba(13,11,34,.7))}
.video .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:90px;border-radius:50%;background:rgba(91,71,224,.95);display:grid;place-items:center;box-shadow:0 22px 44px -14px rgba(91,71,224,.8)}
.video .play svg{width:32px;height:32px;fill:#fff;margin-left:5px}
.video .vt{position:absolute;left:24px;bottom:22px;font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:#DCD7F5;background:rgba(23,18,51,.85);border:1px solid #3A3470;padding:8px 14px;border-radius:999px}
.video-after{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:24px;flex-wrap:wrap}
/* BENEFICIOS bento */
.roles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.role{background:rgba(255,255,255,.045);border:1px solid var(--deep2);border-radius:16px;padding:24px 22px}
.role .rt{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.role .rt .ic{width:34px;height:34px;border-radius:10px;background:rgba(142,123,255,.16);display:grid;place-items:center}
.role .rt .ic svg{width:18px;height:18px;stroke:#B7A9FF;fill:none;stroke-width:1.8}
.role h3{color:#fff;font-size:1.02rem}
.role ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.role li{display:grid;grid-template-columns:18px 1fr;gap:9px;color:#C9C5EC;font-size:.89rem;line-height:1.4}
.role li svg{width:15px;height:15px;stroke:#3EE68B;stroke-width:2.5;fill:none;margin-top:3px}
@media(max-width:940px){.roles{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.roles{grid-template-columns:1fr}}
/* FAMILIA */
.fam-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.fam{background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:26px 24px;position:relative;transition:.2s}
.fam:hover{border-color:var(--brand);transform:translateY(-3px);box-shadow:0 24px 44px -30px rgba(21,21,46,.35)}
.fam .iso{display:block;width:60px;height:60px;margin-bottom:15px}
.fam h3{font-size:1.03rem}
.fam .d{font-family:var(--mono);font-size:.6rem;letter-spacing:.13em;text-transform:uppercase;color:#8B87AC;display:block;margin:4px 0 10px}
.fam p{font-size:.87rem;color:var(--body-c);line-height:1.5}
.fam .this{position:absolute;top:14px;right:14px;font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;background:var(--brand);color:#fff;padding:4px 10px;border-radius:999px}
@media(max-width:900px){.fam-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.fam-grid{grid-template-columns:1fr}}
/* ZUBLIME */
.zb-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,5vw,72px);align-items:center}
.zb-logo{background:var(--deep2);border:1px solid #322A6B;border-radius:22px;padding:46px;display:grid;place-items:center}
.zb-logo img{width:330px;max-width:88%}
.zchips{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.zchip{font-family:var(--mono);font-size:.67rem;letter-spacing:.06em;text-transform:uppercase;color:#C9C5EC;border:1px solid #322A6B;padding:9px 14px;border-radius:999px;display:inline-flex;align-items:center;gap:8px}
.zchip svg{width:13px;height:13px;stroke:#B7A9FF;fill:none;stroke-width:2}
.partner{margin-top:22px;background:rgba(91,71,224,.16);border:1px solid rgba(142,123,255,.4);border-radius:16px;padding:18px 20px;display:flex;gap:14px;align-items:center}
.partner .med{width:42px;height:42px;border-radius:12px;background:var(--brand);display:grid;place-items:center;flex:none}
.partner .med svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:1.9}
.partner b{color:#fff;font-family:var(--display);letter-spacing:-.01em}
.partner small{display:block;color:#C9C5EC;font-size:.85rem;margin-top:2px}
@media(max-width:900px){.zb-grid{grid-template-columns:1fr}}
/* COTIZACION */
.cta3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.c3{border:1.5px solid var(--line);border-radius:16px;padding:30px 28px;display:flex;flex-direction:column;background:#fff;transition:.2s}
.c3:hover{border-color:var(--brand);transform:translateY(-3px)}
.c3 .ic{width:44px;height:44px;display:grid;place-items:center;background:var(--brand-soft);border-radius:12px;margin-bottom:20px}
.c3 .ic svg{width:20px;height:20px;stroke:var(--brand);fill:none;stroke-width:1.7}
.c3 h3{margin-bottom:9px;font-size:1.06rem}.c3 p{font-size:.92rem;color:var(--body-c);flex:1;margin-bottom:22px}
.freebar{margin:40px auto 0;max-width:760px;background:#EAF7F1;border:1.5px solid #BFE5D4;border-radius:16px;padding:18px 24px;display:flex;gap:14px;align-items:center}
.freebar svg{width:24px;height:24px;stroke:var(--ok);fill:none;stroke-width:2;flex:none}
.freebar p{font-size:.93rem;color:#155E45;margin:0}.freebar b{color:#0C4834}
@media(max-width:900px){.cta3{grid-template-columns:1fr}}
/* FAQ */
.faq{max-width:880px;margin:0 auto}
.faq details{background:#fff;border:1.5px solid var(--line);border-radius:14px;margin-bottom:12px;overflow:hidden}
.faq details[open]{border-color:var(--brand)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:19px 24px;font-family:var(--display);font-weight:700;font-size:1rem;letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--mono);font-size:1.2rem;color:var(--brand);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq-a{padding:0 24px 22px;color:var(--body-c);font-size:.94rem}.faq-a b{color:var(--ink)}
/* CIERRE A */
.cierre{background:linear-gradient(165deg,#FBFAFE 0%,#F1EEFB 100%);border-top:1px solid var(--line)}
.cierre-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(34px,5vw,66px);align-items:start}
.contact{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:13px}
.contact li{display:flex;align-items:center;gap:13px;font-size:.95rem;color:var(--body-c)}
.contact svg{width:18px;height:18px;stroke:var(--brand);fill:none;stroke-width:1.8;flex:none}
.contact a{color:var(--ink);font-weight:500;text-decoration-color:var(--brand);text-underline-offset:3px}
.legal{font-family:var(--mono);font-size:.66rem;color:#8B87AC;margin-top:28px;letter-spacing:.04em}
.gcard{background:radial-gradient(120% 120% at 50% 20%,#fff,#EDEAFD 90%);border:1.5px solid var(--line);border-radius:18px;padding:30px;display:flex;align-items:center;gap:24px;box-shadow:0 26px 54px -36px rgba(21,16,64,.4)}
.gcard .iso{display:block;width:120px;height:120px;flex:none}
.gcard .t b{font-family:var(--display);font-weight:800;font-size:1.12rem;letter-spacing:-.02em;display:block}
.gcard .t span{font-size:.86rem;color:var(--body-c);display:block;margin-top:6px;line-height:1.5}
.oprod{margin-top:24px}
.oprod .tt{font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brand);font-weight:500;margin-bottom:14px}
.oprod .gp{display:grid;grid-template-columns:1fr 1fr;gap:9px 20px}
.oprod .it{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--body-c)}
.oprod .sq{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,#5B47E0,#B531CC);color:#fff;display:grid;place-items:center;font-family:var(--mono);font-size:.55rem;font-weight:600;flex:none}
@media(max-width:900px){.cierre-grid{grid-template-columns:1fr}.oprod .gp{grid-template-columns:1fr}}
.colofon{background:var(--ink);color:var(--mist);text-align:center;padding:30px 22px;font-family:var(--mono);font-size:.68rem;line-height:2}
.colofon a{color:#C9C5EC;text-decoration:underline;text-underline-offset:3px}
.wa-f{position:fixed;right:20px;bottom:20px;z-index:80;width:56px;height:56px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 12px 28px -8px rgba(21,21,46,.5);transition:transform .2s}
.wa-f:hover{transform:scale(1.07)}.wa-f svg{width:28px;height:28px;fill:#fff}
.reveal{opacity:0;transform:translateY(16px)}
.reveal.in{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}}