/* =================================================================
   HYDRA AUTOMATIONS · sections.css
   Hero · cifras · servicios · proceso · por qué · resultados ·
   paquetes · FAQ · CTA · pie · botón flotante
   ================================================================= */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .85s var(--ease),transform .95s var(--ease);transition-delay:var(--d,0s)}
.reveal.is-visible{opacity:1;transform:none}
html:not(.js) .reveal{animation:revealSafe .01s linear 3s forwards}
@keyframes revealSafe{to{opacity:1;transform:none}}
@media (scripting:none){.reveal{opacity:1;transform:none}}
@keyframes rise{from{opacity:0;transform:translateY(22px)}}
@keyframes fade{from{opacity:0}}
@keyframes spinC{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

/* ---------- Superficie base (paneles) con realce que sigue al cursor ---------- */
.panel{position:relative;isolation:isolate;border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0) 40%),var(--panel);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 34px 64px -44px rgba(0,0,0,.85)}
.panel::before,.panel::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s var(--ease)}
.panel::before{padding:1px;z-index:3;background:radial-gradient(300px circle at var(--mx,50%) var(--my,0%),rgba(var(--c-rgb,206,213,224),.7),transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.panel::after{z-index:-1;background:radial-gradient(460px circle at var(--mx,50%) var(--my,0%),rgba(var(--c-rgb,206,213,224),.09),transparent 62%)}
@media (hover:hover) and (pointer:fine){.panel:hover::before,.panel:hover::after{opacity:1}}

/* ============================== HERO ============================== */
.hero{position:relative;padding:calc(var(--safe-t) + var(--nav-top) + var(--nav-h) + clamp(44px,6.4vw,92px)) 0 clamp(64px,8vw,120px)}
.hero__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);grid-template-areas:"head head" "copy visual";column-gap:clamp(24px,5vw,84px);row-gap:clamp(30px,3.6vw,54px);align-items:center}
.hero__head{grid-area:head}.hero__copy{grid-area:copy;align-self:start;padding-top:clamp(0px,1.4vw,16px)}.hero__visual{grid-area:visual}
.chip{display:inline-flex;align-items:center;gap:10px;margin-bottom:clamp(20px,2.6vw,30px);padding:9px 15px 9px 12px;border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.03);font:500 .7rem/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);animation:rise 1s var(--ease) .05s both}
.chip__dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:ping 2.4s infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(var(--accent-rgb),.55)}70%,100%{box-shadow:0 0 0 9px rgba(var(--accent-rgb),0)}}
.hero__title{max-width:17.5em;font-size:clamp(2.3rem,.9rem + 4.9vw,4.3rem);font-weight:600;line-height:1.02;letter-spacing:-.045em}
.w{display:inline-block;overflow:hidden;vertical-align:top;padding:.12em 0 .16em;margin:-.12em 0 -.16em}
.w>span{display:inline-block;transform:translateY(112%);animation:wordUp 1s var(--ease) forwards}
@keyframes wordUp{to{transform:none}}
.w:nth-child(1)>span{animation-delay:.10s}.w:nth-child(2)>span{animation-delay:.15s}.w:nth-child(3)>span{animation-delay:.20s}.w:nth-child(4)>span{animation-delay:.25s}.w:nth-child(5)>span{animation-delay:.30s}.w:nth-child(6)>span{animation-delay:.35s}.w:nth-child(7)>span{animation-delay:.40s}.w:nth-child(8)>span{animation-delay:.45s}.w:nth-child(9)>span{animation-delay:.50s}.w:nth-child(10)>span{animation-delay:.55s}.w:nth-child(11)>span{animation-delay:.60s}.w:nth-child(12)>span{animation-delay:.65s}.w:nth-child(13)>span{animation-delay:.70s}.w:nth-child(14)>span{animation-delay:.75s}.w:nth-child(15)>span{animation-delay:.80s}.w:nth-child(16)>span{animation-delay:.85s}
.w--wa{color:var(--mint)}
.w--ct{padding-right:.08em;margin-right:-.08em;font-family:var(--f-serif);font-style:italic;font-weight:400;font-size:1.1em;letter-spacing:-.02em;color:#BFEFF8}
.hero__sub{max-width:31em;font-size:clamp(1.04rem,.96rem + .45vw,1.22rem);color:var(--ink-2);animation:rise 1s var(--ease) .55s both}
.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(26px,3vw,36px);animation:rise 1s var(--ease) .65s both}
.hero__stats{display:flex;margin-top:clamp(30px,3.6vw,46px);padding-top:clamp(22px,2.4vw,28px);border-top:1px solid var(--line-2);animation:rise 1s var(--ease) .75s both}
.hero__stats li{display:flex;flex-direction:column;gap:8px;padding-right:clamp(20px,3vw,40px)}
.hero__stats li+li{padding-left:clamp(20px,3vw,40px);border-left:1px solid var(--line-2)}
.hero__stats strong{font:600 clamp(2rem,1.4rem + 1.8vw,2.9rem)/1 var(--f-display);letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.hero__stats .count,.metric .count,.result__metric .count{font:inherit;letter-spacing:inherit;color:inherit}
.hero__stats li>span{font-size:.88rem;color:var(--ink-3)}

/* Visual del hero: teléfono + órbitas + anotaciones */
.hero__visual{position:relative;display:grid;place-items:center;padding-block:clamp(10px,2vw,28px);transform:perspective(1300px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .6s var(--ease);animation:fade 1.2s var(--ease) .3s both}
.orbit{position:absolute;left:50%;top:50%;width:min(660px,128%);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;color:var(--ink)}
.orbit svg{width:100%;height:100%;overflow:visible}
.orbit--spin{animation:spinC 110s linear infinite}
.orbit--spin2{animation:spinC 160s linear infinite reverse}
.o-ring{stroke:currentColor;stroke-opacity:.1;stroke-width:1}
.o-ring--dash{stroke-dasharray:2 7;stroke-opacity:.16}
.o-ticks{stroke:currentColor;stroke-opacity:.26;stroke-width:6;stroke-dasharray:.35 3.65}
.o-ticks--sm{stroke-width:4;stroke-opacity:.2;stroke-dasharray:.3 2.7}
.o-arc{stroke-width:1.6;stroke-linecap:round}
.o-dot{fill:var(--accent);filter:drop-shadow(0 0 8px var(--accent))}
.o-dot--mint{fill:var(--mint);filter:drop-shadow(0 0 7px var(--mint))}
.phone{--pw:clamp(232px,22vw,292px);position:relative;z-index:2;width:var(--pw);font-size:calc(var(--pw) * .047);padding:.38em;border-radius:4.5em;background:linear-gradient(150deg,#7A7F88 0%,#2A2D33 18%,#42464D 48%,#23262B 78%,#5B6068 100%);box-shadow:0 3em 7em -2.2em rgba(0,0,0,.92),0 0 6em -1.4em rgba(var(--accent-rgb),.3),inset 0 .08em .08em rgba(255,255,255,.45),inset 0 0 0 .08em rgba(255,255,255,.06),inset 0 -.08em .08em rgba(0,0,0,.5);animation:floatY 7s ease-in-out infinite}
.phone__btn{position:absolute;width:.22em;border-radius:.1em;background:linear-gradient(90deg,#1F2227,#4A4E55 45%,#6A6F77 55%,#2A2D33)}
.phone__btn--action{left:-.2em;top:7em;height:2em}.phone__btn--volup{left:-.2em;top:10.2em;height:3.3em}.phone__btn--voldown{left:-.2em;top:14.2em;height:3.3em}
.phone__btn--power{right:-.2em;top:11.5em;height:5.2em;background:linear-gradient(270deg,#1F2227,#4A4E55 45%,#6A6F77 55%,#2A2D33)}
.phone__screen{position:relative;display:flex;flex-direction:column;aspect-ratio:9/18.8;overflow:hidden;border-radius:4.1em;background:#05070A;box-shadow:inset 0 0 0 .15em #000}
.phone__screen::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:7;background:linear-gradient(115deg,rgba(255,255,255,.07) 0%,transparent 30%)}
.phone__island{position:absolute;top:1em;left:50%;z-index:6;display:flex;align-items:center;justify-content:flex-end;width:6.8em;height:2em;padding-right:.8em;border-radius:1em;background:#000;transform:translateX(-50%)}
.phone__cam{width:.75em;height:.75em;border-radius:50%;background:radial-gradient(circle at 35% 30%,#2A3550,#0A0E18 60%,#000);box-shadow:inset 0 0 0 1px rgba(120,150,200,.25)}
.phone__statusbar{position:absolute;top:1.2em;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 2em;color:#fff}
.phone__time{font:600 .92em/1 var(--f-body)}
.phone__sysicons{display:flex;align-items:center;gap:.38em}
.phone__ico{width:auto;height:.78em}.phone__ico--batt{height:.84em}
.phone__header{display:flex;align-items:center;gap:.7em;padding:4.4em 1em .95em .7em;border-bottom:1px solid var(--line-2);background:linear-gradient(180deg,rgba(255,255,255,.04),transparent)}
.phone__back{flex:none;width:1.5em;height:1.5em;color:var(--accent)}
.phone__avatar{flex:none;width:2.9em;height:2.9em;padding:.4em;border-radius:50%;background:#14161A;border:1px solid var(--line)}
.phone__info strong{display:block;font:600 1.08em/1.15 var(--f-body);letter-spacing:0}
.phone__info small{display:flex;align-items:center;gap:.45em;margin-top:.15em;font-size:.8em;color:var(--ice-bright);line-height:1.2}
.dot-online{flex:none;width:.55em;height:.55em;border-radius:50%;background:var(--mint);box-shadow:0 0 .7em var(--mint)}
.chat{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;padding:.9em .85em .5em;overflow:hidden;background:radial-gradient(120% 60% at 50% 0%,rgba(var(--accent-rgb),.05),transparent 70%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 2.4em);mask-image:linear-gradient(180deg,transparent 0,#000 2.4em);transition:opacity .6s}
.chat.is-reset{opacity:0}
.msg{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .55s var(--ease),opacity .4s .06s}
.msg.is-on{grid-template-rows:1fr;opacity:1}
.msg__c{min-height:0;overflow:hidden}
.bubble{margin:0 0 .6em;max-width:88%;padding:.62em .85em;border-radius:1.1em;font-size:.98em;line-height:1.4;letter-spacing:0}
.msg--in .bubble{margin-right:auto;border-bottom-left-radius:.3em;background:#161A20;border:1px solid rgba(255,255,255,.06);color:var(--ink)}
.msg--out .bubble{margin-left:auto;border-bottom-right-radius:.3em;background:linear-gradient(135deg,#17454A,#102F33);border:1px solid rgba(var(--accent-rgb),.2);color:#EAFBFD}
.bubble--typing{display:flex;gap:.28em;width:fit-content;padding:.85em 1em}
.bubble--typing span{width:.5em;height:.5em;border-radius:50%;background:rgba(234,251,253,.85);animation:typing 1.2s infinite}
.bubble--typing span:nth-child(2){animation-delay:.18s}.bubble--typing span:nth-child(3){animation-delay:.36s}
@keyframes typing{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-.35em);opacity:1}}
.phone__input{display:flex;align-items:center;gap:.6em;margin:.2em .8em 1em;padding:.5em .5em .5em 1em;border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.04);font-size:.9em;color:var(--ink-4)}
.phone__input i{display:grid;place-items:center;flex:none;margin-left:auto;width:1.9em;height:1.9em;border-radius:50%;background:var(--accent)}
.phone__input i::before{content:"";width:.5em;height:.5em;margin-left:-.12em;border-top:2px solid #04161A;border-right:2px solid #04161A;transform:rotate(45deg)}
.callout{position:absolute;z-index:3;display:flex;align-items:center;gap:.8rem;padding:.7rem 1.05rem .7rem .75rem;border-radius:15px;background:rgba(13,16,20,.8);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 24px 50px -22px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.05);animation:floatY 6s ease-in-out infinite}
.callout strong{display:block;font:600 .88rem/1.2 var(--f-body);letter-spacing:0;white-space:nowrap}
.callout small{display:block;margin-top:2px;font-size:.74rem;color:var(--ink-3);white-space:nowrap}
.callout__ico{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:11px;color:var(--accent);background:rgba(var(--accent-rgb),.1);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.26)}
.callout--2 .callout__ico{color:var(--mint);background:rgba(var(--mint-rgb),.1);box-shadow:inset 0 0 0 1px rgba(var(--mint-rgb),.26)}
.callout--1{left:-4%;top:21%;animation-delay:-1.2s}
.callout--2{right:-5%;bottom:1%;animation-delay:-3.6s}
.callout::after{content:"";position:absolute;top:50%;width:30px;height:1px}
.callout--1::after{left:100%;background:linear-gradient(90deg,var(--accent),transparent)}
.callout--2::after{right:100%;background:linear-gradient(270deg,var(--mint),transparent)}

/* ============================== CIFRAS ============================== */
.trust{position:relative;padding:clamp(34px,4vw,56px) 0}
.trust::before,.trust::after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}
.trust::before{top:0}.trust::after{bottom:0}
.trust__label{display:flex;align-items:center;gap:18px;margin-bottom:clamp(24px,3vw,38px);font:500 .72rem/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}
.trust__label::before,.trust__label::after{content:"";flex:1;height:1px;background:var(--line-2)}
.trust__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.metric{padding:4px clamp(14px,2.4vw,36px);border-left:1px solid var(--line-2)}
.metric:first-child{border-left:0;padding-left:0}
.metric strong{display:block;font:600 clamp(2.2rem,1.3rem + 2.8vw,3.7rem)/1 var(--f-display);letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:var(--ink)}
.metric>span{display:block;margin-top:12px;max-width:15em;font-size:.9rem;line-height:1.45;color:var(--ink-3)}

/* ============================== SERVICIOS ============================== */
.services__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.4vw,28px)}
.svc{--c:var(--accent);--c-rgb:var(--accent-rgb);display:flex;flex-direction:column;padding:clamp(24px,3vw,42px)}
.svc--wa{--c:var(--mint);--c-rgb:var(--mint-rgb)}
.svc .tag{color:var(--c);border-color:rgba(var(--c-rgb),.3);background:rgba(var(--c-rgb),.06)}
.svc__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:clamp(20px,2.4vw,28px)}
.svc__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;color:var(--c);background:rgba(var(--c-rgb),.1);box-shadow:inset 0 0 0 1px rgba(var(--c-rgb),.24)}
.svc__icon .ico{width:24px;height:24px}
.svc h3{margin-bottom:14px;font-size:clamp(1.5rem,1.1rem + 1.3vw,2.05rem);letter-spacing:-.04em}
.svc__lead{margin-bottom:26px;color:var(--ink-3)}
.svc .checks{margin-bottom:8px}
.svc__link{display:inline-flex;align-items:center;align-self:flex-start;gap:10px;margin-top:auto;padding-top:30px;font-weight:600;color:var(--c)}
.svc__link .ico{transition:transform .35s var(--ease)}
@media (hover:hover) and (pointer:fine){.svc__link:hover .ico{transform:translateX(5px)}}
.viz{position:relative;overflow:hidden;margin-bottom:clamp(22px,2.6vw,32px);padding:clamp(18px,2.2vw,26px);border:1px solid var(--line-2);border-radius:var(--r);background:radial-gradient(120% 140% at 50% 0%,rgba(var(--c-rgb),.08),transparent 62%),rgba(5,7,10,.55)}
.viz::before{content:"";position:absolute;inset:0;opacity:.7;background-image:radial-gradient(rgba(206,213,224,.16) 1px,transparent 1.3px);background-size:16px 16px;-webkit-mask-image:radial-gradient(75% 95% at 50% 50%,#000,transparent);mask-image:radial-gradient(75% 95% at 50% 50%,#000,transparent)}
.viz--flow{display:flex;align-items:center;min-height:190px}
.node{position:relative;z-index:1;display:grid;justify-items:center;gap:10px;flex:none}
.node__ico{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;color:var(--ink-2);background:#12151A;border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.node .ico{width:22px;height:22px}
.node small{font:500 .64rem/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.node--core .node__ico{width:66px;height:66px;border-radius:50%;color:var(--c);border-color:rgba(var(--c-rgb),.5);box-shadow:0 0 0 6px rgba(var(--c-rgb),.07),0 0 30px -4px rgba(var(--c-rgb),.5),inset 0 1px 0 rgba(255,255,255,.08);animation:corePulse 3.2s ease-in-out infinite}
.node--core .ico{width:26px;height:26px}
.node--core small{color:var(--c)}
@keyframes corePulse{50%{box-shadow:0 0 0 12px rgba(var(--c-rgb),.02),0 0 38px -2px rgba(var(--c-rgb),.65),inset 0 1px 0 rgba(255,255,255,.08)}}
.wire{position:relative;z-index:1;flex:1;min-width:24px;height:1px;margin:0 8px 20px;overflow:hidden;background:var(--line-3)}
.wire::after{content:"";position:absolute;inset:-1px 0;background:linear-gradient(90deg,transparent,var(--c),transparent) -60% 0/42% 100% no-repeat;animation:wireMove 2.6s linear infinite}
.wire--2::after{animation-delay:1.3s}
@keyframes wireMove{to{background-position:160% 0}}
.viz--content{display:grid;place-items:center;min-height:190px;padding-bottom:20px}
.frames{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:center;gap:clamp(8px,2.4vw,20px)}
.frame{position:relative;display:block;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:linear-gradient(160deg,rgba(var(--c-rgb),.24),rgba(255,255,255,.03) 56%),#0E1115;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 30px -18px rgba(0,0,0,.9)}
.frame small{position:absolute;left:0;right:0;bottom:7px;text-align:center;font:500 .54rem/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.frame--post{width:clamp(60px,18vw,78px);aspect-ratio:4/5;transform:rotate(-5deg) translateY(6px)}
.frame--post i{position:absolute;top:10px;width:5px;height:5px;border-radius:50%;background:var(--line-3)}
.frame--post i:nth-child(1){left:calc(50% - 11px);background:var(--c)}.frame--post i:nth-child(2){left:calc(50% - 2px)}.frame--post i:nth-child(3){left:calc(50% + 7px)}
.frame--reel{z-index:2;width:clamp(74px,22vw,94px);aspect-ratio:9/16}
.frame--reel .ico{position:absolute;left:50%;top:42%;width:30px;height:30px;padding:8px 7px 8px 9px;color:#06151A;border-radius:50%;background:var(--c);box-shadow:0 0 22px -2px rgba(var(--c-rgb),.7);transform:translate(-50%,-50%)}
.frame__bar{position:absolute;left:10px;right:10px;bottom:24px;height:2px;overflow:hidden;border-radius:2px;background:var(--line-3)}
.frame__bar b{position:absolute;inset:0;background:var(--c);transform-origin:0 50%;animation:barRun 4.5s linear infinite}
@keyframes barRun{from{transform:scaleX(.06)}to{transform:scaleX(1)}}
.frame--story{width:clamp(54px,16vw,70px);aspect-ratio:9/16;transform:rotate(5deg) translateY(10px)}
.frame--story i{position:absolute;top:9px;left:8px;right:8px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--c) 42%,var(--line-3) 42%)}

/* ============================== PROCESO ============================== */
.steps{--g:clamp(18px,2.6vw,40px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--g)}
.step{position:relative}
.step__node{position:relative;z-index:1;display:grid;place-items:center;width:46px;height:46px;margin-bottom:28px;border-radius:50%;border:1px solid var(--line-3);background:var(--bg-1);font:500 .76rem/1 var(--f-mono);letter-spacing:.06em;color:var(--ink-3);transition:color .6s,border-color .6s,box-shadow .7s,background-color .6s}
.step::before,.step::after{content:"";position:absolute;top:23px;left:58px;width:calc(100% + var(--g) - 70px);height:1px}
.step::before{background:var(--line-2)}
.step::after{background:linear-gradient(90deg,var(--accent),rgba(var(--accent-rgb),.2));transform:scaleX(0);transform-origin:0 50%;transition:transform 1s var(--ease-io) .3s}
.step:last-child::before,.step:last-child::after{display:none}
.step.is-on .step__node{color:var(--accent);border-color:rgba(var(--accent-rgb),.6);background:rgba(var(--accent-rgb),.08);box-shadow:0 0 0 5px rgba(var(--accent-rgb),.07),0 0 28px -6px var(--accent-glow)}
.step.is-on::after{transform:scaleX(1)}
.step h3{margin-bottom:12px;font-size:clamp(1.25rem,1.05rem + .7vw,1.55rem);letter-spacing:-.035em}
.step p{max-width:20em;font-size:.96rem;color:var(--ink-3)}

/* ============================== POR QUÉ ============================== */
.why__inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,6vw,96px);align-items:start}
.why__text{position:sticky;top:120px}
.why__text .h2{margin-bottom:22px}.why__text .btn{margin-top:34px}
.pillars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--panel)}
.pillar{padding:clamp(22px,2.8vw,38px);border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2);transition:background-color .4s,opacity .85s var(--ease),transform .95s var(--ease);transition-delay:0s,var(--d,0s),var(--d,0s)}
.pillar:nth-child(2n){border-right:0}.pillar:nth-last-child(-n+2){border-bottom:0}
.pillar__ico{display:grid;place-items:center;width:46px;height:46px;margin-bottom:22px;border-radius:50%;color:var(--accent);background:rgba(var(--accent-rgb),.06);border:1px solid rgba(var(--accent-rgb),.26)}
.pillar__ico .ico{width:21px;height:21px}
.pillar h3{margin-bottom:10px;font-size:1.3rem;letter-spacing:-.03em}
.pillar p{font-size:.95rem;color:var(--ink-3)}
@media (hover:hover) and (pointer:fine){.pillar:hover{background:rgba(255,255,255,.03)}}

/* ============================== RESULTADOS ============================== */
.results__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--panel)}
.result{--c:var(--mint);--c-rgb:var(--mint-rgb);position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:clamp(26px,3.2vw,46px);border-left:1px solid var(--line-2);transition:opacity .85s var(--ease),transform .95s var(--ease);transition-delay:var(--d,0s)}
.result:first-child{border-left:0}
.result--ct{--c:var(--accent);--c-rgb:var(--accent-rgb)}
.result__metric{display:flex;align-items:flex-start;margin-bottom:clamp(20px,2.4vw,30px);font:600 clamp(4rem,2rem + 6.2vw,7.2rem)/.86 var(--f-display);letter-spacing:-.06em;font-variant-numeric:tabular-nums;color:var(--ink)}
.result__metric sup{margin:.08em 0 0 .08em;font-size:.4em;font-weight:500;line-height:1;letter-spacing:0;color:var(--c)}
.spark{width:100%;height:auto;aspect-ratio:200/56;margin-bottom:clamp(20px,2.4vw,28px);overflow:visible;filter:drop-shadow(0 0 7px rgba(var(--c-rgb),.35))}
.spark__area{fill:var(--c);fill-opacity:.1;opacity:0;transition:opacity 1.2s ease 1s}
.spark__line{stroke:var(--c);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.9s var(--ease-io) .25s}
.spark__dot{fill:var(--c);opacity:0;transition:opacity .5s ease 1.9s}
.result.is-visible .spark__line{stroke-dashoffset:0}
.result.is-visible .spark__area,.result.is-visible .spark__dot{opacity:1}
.bars{display:flex;align-items:flex-end;gap:8px;width:100%;aspect-ratio:200/56;margin-bottom:clamp(20px,2.4vw,28px)}
.bars i{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,rgba(var(--c-rgb),.9),rgba(var(--c-rgb),.16));transform:scaleY(.06);transform-origin:50% 100%;transition:transform 1.2s var(--ease)}
.bars i:nth-child(1){height:34%;transition-delay:.25s}.bars i:nth-child(2){height:67%;transition-delay:.4s}.bars i:nth-child(3){height:100%;transition-delay:.55s}
.result.is-visible .bars i{transform:none}
.result h3{margin-bottom:10px;font-size:1.32rem;letter-spacing:-.03em}
.result p{margin-bottom:26px;font-size:.95rem;color:var(--ink-3)}
.result .tag{margin-top:auto}

/* ============================== PAQUETES ============================== */
.packages__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,24px);align-items:stretch}
.package{display:flex;flex-direction:column;padding:clamp(26px,3vw,40px)}
.package__ico{display:grid;place-items:center;width:46px;height:46px;margin-bottom:22px;border-radius:14px;color:var(--ink-2);background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line)}
.package__ico .ico{width:22px;height:22px}
.package__name{margin-bottom:8px;font-size:1.7rem;letter-spacing:-.04em}
.package__desc{margin-bottom:22px;font-size:.95rem;color:var(--ink-3)}
@media (min-width:981px){.package__desc{min-height:3.3em}}
.package__price{margin-bottom:26px;padding:18px 0;border-block:1px solid var(--line-2);font:600 1.45rem/1 var(--f-display);letter-spacing:-.03em;color:var(--ink)}
.package .checks{margin-bottom:34px}
.package .btn{margin-top:auto}
.package--featured{border-color:transparent;background:linear-gradient(180deg,rgba(var(--accent-rgb),.08),rgba(255,255,255,0) 46%),rgba(12,15,19,.9);box-shadow:0 40px 90px -50px rgba(var(--accent-rgb),.45)}
.package--featured .package__ico{color:var(--accent);background:rgba(var(--accent-rgb),.1);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.3)}
.package__spin{position:absolute;inset:-1px;z-index:-1;overflow:hidden;border-radius:inherit;pointer-events:none}
.package__spin::before{content:"";position:absolute;left:50%;top:50%;width:260%;aspect-ratio:1;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0 52%,rgba(var(--accent-rgb),.2) 62%,var(--accent) 82%,var(--mint) 92%,transparent 100%);animation:spinC 7s linear infinite}
.package__spin::after{content:"";position:absolute;inset:1px;border-radius:calc(var(--r-lg) - 1px);background:linear-gradient(180deg,rgba(var(--accent-rgb),.08),rgba(255,255,255,0) 46%),#0B0E12}
.package__tag{position:absolute;top:-13px;left:50%;z-index:4;padding:7px 16px;border-radius:99px;background:linear-gradient(180deg,#F8F9FB,#BFC5CF);color:#0A0B0D;font:700 .72rem/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;transform:translateX(-50%);box-shadow:0 8px 20px -8px rgba(0,0,0,.7)}

/* ============================== FAQ ============================== */
.faq__inner{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px);align-items:start}
.faq__head{position:sticky;top:120px}
.faq__head .h2{margin-bottom:20px}.faq__head .btn{margin-top:30px}
.faq__list{border-top:1px solid var(--line-2)}
.faq-item{border-bottom:1px solid var(--line-2)}
.faq-item summary{display:flex;align-items:center;gap:clamp(14px,2vw,24px);padding:clamp(20px,2.4vw,28px) 0;cursor:pointer;list-style:none;font:600 clamp(1.08rem,.98rem + .5vw,1.32rem)/1.25 var(--f-display);letter-spacing:-.025em;color:var(--ink);transition:color .25s;-webkit-user-select:none;user-select:none;touch-action:manipulation}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item__n{flex:none;min-width:2em;font:500 .74rem/1 var(--f-mono);letter-spacing:.1em;color:var(--ink-4);transition:color .3s}
.faq-item summary::after{content:"";flex:none;width:30px;height:30px;margin-left:auto;border-radius:50%;border:1px solid var(--line-3);background:linear-gradient(var(--ink),var(--ink)) center/11px 1.5px no-repeat,linear-gradient(var(--ink),var(--ink)) center/1.5px 11px no-repeat;transition:transform .5s var(--ease),background-color .3s,border-color .3s}
.faq-item[open] .faq-item__n{color:var(--accent)}
.faq-item[open] summary::after{transform:rotate(45deg);border-color:rgba(var(--accent-rgb),.55);background-color:rgba(var(--accent-rgb),.1)}
.faq-item.is-closing .faq-item__n{color:var(--ink-4)}
.faq-item.is-closing summary::after{transform:none;border-color:var(--line-3);background-color:transparent}
@media (hover:hover) and (pointer:fine){.faq-item summary:hover{color:var(--accent)}}
.faq-item__body{overflow:hidden}
.faq-item__body p{max-width:40em;padding:0 clamp(0px,4vw,56px) 28px calc(1.5rem + clamp(14px,2vw,24px));color:var(--ink-3)}

/* ============================== CTA ============================== */
.cta__card{position:relative;isolation:isolate;overflow:hidden;padding:clamp(56px,8vw,112px) clamp(20px,5vw,64px);border:1px solid var(--line);border-radius:clamp(26px,3vw,40px);text-align:center;background:radial-gradient(70% 60% at 50% 0%,rgba(var(--accent-rgb),.12),transparent 70%),linear-gradient(180deg,rgba(18,21,26,.9),rgba(10,12,15,.94))}
.cta__rings{position:absolute;left:50%;top:-22%;z-index:-1;width:min(1100px,160%);aspect-ratio:1;transform:translateX(-50%);pointer-events:none}
.cta__rings span{position:absolute;inset:0;border-radius:50%;border:1px solid var(--line-2)}
.cta__rings span:nth-child(2){inset:13%}.cta__rings span:nth-child(3){inset:26%;border-color:var(--line)}
.cta__seal{width:84px;height:84px;margin:0 auto 24px;filter:drop-shadow(0 0 26px rgba(var(--accent-rgb),.35))}
.cta__title{margin-bottom:20px;font-size:clamp(2.1rem,1.2rem + 3.8vw,4.3rem);letter-spacing:-.045em;line-height:1.02}
.cta__lead{max-width:34em;margin:0 auto 36px;font-size:clamp(1.02rem,.95rem + .4vw,1.18rem);color:var(--ink-3)}
.cta__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:40px}
.socials{display:flex;justify-content:center;gap:14px}
.social-btn{position:relative;display:grid;place-items:center;width:56px;height:56px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.04);color:var(--ink);transition:transform .35s var(--ease),border-color .3s,background-color .3s,color .3s,box-shadow .35s}
.social-btn .ico{width:24px;height:24px}
.social-btn:active{transform:scale(.94)}
@media (hover:hover) and (pointer:fine){
  .social-btn::after{content:attr(data-label);position:absolute;bottom:-28px;left:50%;font:400 .66rem/1 var(--f-mono);letter-spacing:.06em;color:var(--ink-3);white-space:nowrap;opacity:0;transform:translate(-50%,4px);transition:opacity .25s,transform .25s;pointer-events:none}
  .social-btn:hover{transform:translateY(-4px)}.social-btn:hover::after{opacity:1;transform:translate(-50%,0)}
  .social-btn--wa:hover{color:var(--mint);border-color:rgba(var(--mint-rgb),.5);background:rgba(var(--mint-rgb),.08);box-shadow:0 16px 34px -16px rgba(var(--mint-rgb),.6)}
  .social-btn--ig:hover,.social-btn--fb:hover{color:var(--accent);border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.08);box-shadow:0 16px 34px -16px var(--accent-glow)}
}

/* ============================== PIE ============================== */
.footer{position:relative;overflow:hidden;padding-top:clamp(56px,7vw,88px);padding-bottom:var(--safe-b);border-top:1px solid var(--line-2);background:linear-gradient(180deg,transparent,rgba(0,0,0,.4))}
.footer__inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:clamp(28px,5vw,64px);padding-bottom:clamp(36px,4vw,56px)}
.footer__brand p{max-width:26em;margin-top:22px;font-size:.95rem;color:var(--ink-3)}
.footer__col h4{margin-bottom:16px;font:500 .7rem/1 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-4)}
.footer__col a{display:block;padding:7px 0;font-size:.96rem;color:var(--ink-2);transition:color .2s,transform .3s var(--ease)}
@media (hover:hover) and (pointer:fine){.footer__col a:hover{color:var(--accent);transform:translateX(3px)}}
.footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:24px;padding-bottom:clamp(8px,1.4vw,20px);border-top:1px solid var(--line-2);font-size:.84rem;color:var(--ink-4)}
.footer__mega{position:relative;margin-top:clamp(10px,2vw,28px);text-align:center;white-space:nowrap;font:700 clamp(4.5rem,25vw,24rem)/.74 var(--f-display);letter-spacing:-.05em;text-transform:uppercase;color:transparent;background:linear-gradient(180deg,rgba(206,213,224,.2) 0%,rgba(206,213,224,.04) 70%,transparent 100%);-webkit-background-clip:text;background-clip:text;-webkit-user-select:none;user-select:none;pointer-events:none;transform:translateY(14%)}

/* ============================== WHATSAPP FLOTANTE ============================== */
.wa-float{position:fixed;right:calc(var(--safe-r) + 18px);bottom:calc(var(--safe-b) + 18px);z-index:90;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;color:var(--mint);background:radial-gradient(120% 120% at 30% 20%,#1D2229,#0B0D10);border:1px solid rgba(var(--mint-rgb),.38);box-shadow:0 14px 34px -10px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.08);opacity:0;transform:translateY(14px) scale(.9);pointer-events:none;transition:opacity .5s var(--ease),transform .6s var(--ease),border-color .3s}
.wa-float::before{content:"";position:absolute;inset:-1px;border-radius:50%;border:1px solid rgba(var(--mint-rgb),.5);animation:waPing 3.2s ease-out infinite}
@keyframes waPing{0%{transform:scale(1);opacity:.7}70%,100%{transform:scale(1.55);opacity:0}}
.wa-float.is-in{opacity:1;transform:none;pointer-events:auto}
html:not(.js) .wa-float{opacity:1;transform:none;pointer-events:auto}
.wa-float:active{transform:scale(.94)}
@media (hover:hover) and (pointer:fine){.wa-float.is-in:hover{transform:scale(1.08);border-color:var(--mint)}}