/* Home hero animado · 2026-11-05 */
.site-header--dark .brand__name span{color:var(--yellow)}
.hx{--mx:70%;--my:30%;position:relative;overflow:hidden;isolation:isolate;color:var(--white);background:var(--green-deep);padding:86px 0 0;min-height:min(100svh,940px);display:flex;flex-direction:column}
.hx__bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hx__bg:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 100% 0%,#173f35 0%,#0f2e27 55%,#0b241e 100%)}
.hx__grid{position:absolute;inset:-40% -10% -10%;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:64px 64px;transform:perspective(900px) rotateX(58deg) translateY(10%);transform-origin:50% 100%;-webkit-mask-image:linear-gradient(transparent 35%,#000 70%,transparent 100%);mask-image:linear-gradient(transparent 35%,#000 70%,transparent 100%);animation:hx-grid 14s linear infinite}
.hx__glow{position:absolute;inset:0;background:radial-gradient(520px circle at var(--mx) var(--my),#ffe50024,transparent 62%);transition:background-position .2s}
.hx__orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55}
.hx__orb--a{width:460px;height:460px;right:-120px;top:-80px;background:#2c6b58;animation:hx-float 12s ease-in-out infinite}
.hx__orb--b{width:300px;height:300px;left:30%;bottom:-160px;background:#ffe5002e;animation:hx-float 16s ease-in-out infinite reverse}
.hx__inner{flex:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(32px,5vw,80px);align-items:center;padding:clamp(48px,8vh,96px) 0 clamp(40px,6vh,72px)}
.hx__eyebrow{display:inline-flex;align-items:center;gap:12px;margin-bottom:30px;padding:8px 14px 8px 10px;border:1px solid #ffffff2e;border-radius:99px;background:#ffffff0a;font-size:.7rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase;animation:hx-in .7s cubic-bezier(.2,.8,.2,1) both}
.hx__pulse{position:relative;width:8px;height:8px;border-radius:50%;background:var(--yellow)}
.hx__pulse:after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--yellow);animation:hx-ping 2s cubic-bezier(0,0,.2,1) infinite}
.hx__title{max-width:none;color:var(--white);font-size:clamp(3rem,5.6vw,5.9rem);line-height:.92}
.hx__line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.hx__line>span{display:inline-block;animation:hx-rise .9s cubic-bezier(.2,.8,.2,1) both}
.hx__line:nth-child(2)>span{animation-delay:.08s}
.hx__line:nth-child(3)>span{animation-delay:.16s}
.hx__title em{position:relative;display:inline-block;font-style:normal;color:var(--yellow)}
.hx__title em:after{content:"";position:absolute;left:1%;right:-3%;bottom:-.04em;height:.1em;background:var(--yellow);border-radius:2px;transform-origin:left;transform:scaleX(0) rotate(-1.5deg);animation:hx-underline .7s .9s cubic-bezier(.6,0,.2,1) forwards}
.hx__lead{max-width:540px;margin-top:34px;color:#ffffffc7;font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.55;animation:hx-in .8s .35s cubic-bezier(.2,.8,.2,1) both}
.hx__actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 34px;margin-top:36px;animation:hx-in .8s .45s cubic-bezier(.2,.8,.2,1) both}
.hx__actions .button{margin-top:0}
.hx__cta{position:relative;overflow:hidden;box-shadow:0 14px 40px -12px #ffe50080}
.hx__cta:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff8c 50%,transparent 70%);transform:translateX(-120%);animation:hx-shine 4.5s 2.2s ease-in-out infinite}
.hx__cta:hover{background:var(--white);color:var(--green)}
.hx__link{color:var(--white);margin-top:0}
.hx__signature{display:flex;flex-wrap:wrap;gap:10px 26px;margin:54px 0 0;padding:20px 0 0;list-style:none;border-top:1px solid #ffffff24;color:#ffffffa6;font-size:.64rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase;animation:hx-in .8s .55s both}
.hx__signature li{display:flex;align-items:center;gap:10px}
.hx__signature li+li:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--yellow)}

/* Escenario visual */
.hx__stage{position:relative;height:clamp(400px,40vw,540px);margin-right:-2%;perspective:1400px}
.hx__tilt{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(var(--ry,-8deg)) rotateX(var(--rx,4deg));transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.hx-browser{position:absolute;left:4%;right:6%;top:9%;bottom:12%;border-radius:14px;background:#fffdf8;color:var(--ink);box-shadow:0 50px 90px -30px #000000a6,0 0 0 1px #ffffff1f;overflow:hidden;animation:hx-pop 1s .2s cubic-bezier(.2,.8,.2,1) both}
.hx-browser__bar{display:flex;align-items:center;gap:7px;height:38px;padding:0 14px;background:#ece6d9;border-bottom:1px solid #1717151a}
.hx-browser__bar i{width:10px;height:10px;border-radius:50%;background:#d4ccbd}
.hx-browser__bar i:first-child{background:#173f35}
.hx-browser__bar i:nth-child(2){background:#ffe500}
.hx-browser__url{flex:1;margin-left:12px;height:22px;display:flex;align-items:center;padding:0 12px;border-radius:6px;background:#fffdf8;font:600 .7rem/1 var(--sans);color:#68675f}
.hx-browser__url b{display:inline-block;overflow:hidden;white-space:nowrap;width:0;font-weight:700;animation:hx-type .9s .9s steps(12) forwards}
.hx-browser__body{position:relative;padding:22px 26px}
.hx-sk{border-radius:4px;background:#e9e3d6;transform-origin:left;animation:hx-build .6s cubic-bezier(.2,.8,.2,1) both}
.hx-sk--nav{display:flex;gap:12px;background:none;margin-bottom:28px;animation-delay:1.3s}
.hx-sk--nav span{height:8px;width:40px;border-radius:4px;background:#e2dccd}
.hx-sk--nav span:first-child{width:62px;background:#173f35}
.hx-sk--nav span:last-child{margin-left:auto;width:56px;background:#ffe500}
.hx-sk--kicker{width:22%;height:8px;margin-bottom:14px;background:#173f3540;animation-delay:1.45s}
.hx-sk--h{width:82%;height:22px;margin-bottom:10px;background:#171715;animation-delay:1.55s}
.hx-sk--h2{width:58%;background:#173f35;animation-delay:1.65s}
.hx-sk--p{width:70%;height:8px;margin:18px 0 8px;animation-delay:1.75s}
.hx-sk--p2{width:52%;margin-top:0;animation-delay:1.8s}
.hx-sk--btn{position:relative;display:inline-flex;align-items:center;height:34px;margin-top:18px;padding:0 16px;background:#ffe500;color:#171715;font:850 .58rem/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;animation:hx-build .6s 1.9s cubic-bezier(.2,.8,.2,1) both,hx-click .35s 3.35s ease-out}
.hx-sk--cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px;background:none;animation-delay:2s}
.hx-sk--cards span{height:54px;border-radius:6px;background:#efe9dc;border:1px solid #1717150f}
.hx-cursor{position:absolute;left:78%;top:88%;z-index:3;filter:drop-shadow(0 4px 6px #0000004d);animation:hx-cursor 1.4s 2.1s cubic-bezier(.6,0,.2,1) both}

.hx-card{position:absolute;z-index:2;padding:14px 16px;border-radius:12px;background:#173f35f2;border:1px solid #ffffff2b;box-shadow:0 24px 50px -20px #00000080;color:var(--white);transform:translateZ(60px)}
.hx-card small{display:block;margin-bottom:6px;color:#ffffffa6;font-size:.6rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.hx-card--rank{right:-2%;top:2%;min-width:190px;animation:hx-card .8s 2.4s cubic-bezier(.2,.8,.2,1) both,hx-bob 7s 3.4s ease-in-out infinite}
.hx-rank{display:flex;align-items:baseline;gap:10px}
.hx-rank strong{display:flex;font:800 2rem/1 var(--display);letter-spacing:-.04em;color:var(--yellow)}
.hx-rank__n{display:inline-flex;flex-direction:column;height:1em;overflow:hidden}
.hx-rank__n span{display:block;height:1em;animation:hx-count 1.4s 2.7s steps(1) forwards}
.hx-rank em{font-style:normal;font-size:.72rem;color:#ffffffc7}
.hx-rank__bar{margin-top:10px;height:4px;border-radius:4px;background:#ffffff1f;overflow:hidden}
.hx-rank__bar span{display:block;height:100%;width:100%;background:var(--yellow);transform-origin:left;transform:scaleX(.12);animation:hx-bar 1.4s 2.7s cubic-bezier(.6,0,.2,1) forwards}
.hx-card--score{left:-4%;bottom:2%;display:flex;align-items:center;gap:12px;animation:hx-card .8s 2.7s cubic-bezier(.2,.8,.2,1) both,hx-bob 8s 3.6s ease-in-out infinite reverse}
.hx-card--score small{margin-bottom:4px}
.hx-card--score strong{font:800 1.05rem/1 var(--display);letter-spacing:-.02em}
.hx-card--score svg{transform:rotate(-90deg)}
.hx-ring__bg,.hx-ring__fg{fill:none;stroke-width:6}
.hx-ring__bg{stroke:#ffffff24}
.hx-ring__fg{stroke:var(--yellow);stroke-linecap:round;stroke-dasharray:170;stroke-dashoffset:170;animation:hx-ring 1.4s 3s cubic-bezier(.6,0,.2,1) forwards}
.hx-card--chart{right:-4%;bottom:18%;animation:hx-card .8s 3s cubic-bezier(.2,.8,.2,1) both,hx-bob 9s 4s ease-in-out infinite}
.hx-chart__line{fill:none;stroke:var(--yellow);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:220;stroke-dashoffset:220;animation:hx-draw 1.6s 3.3s cubic-bezier(.6,0,.2,1) forwards}
.hx-chart__area{fill:#ffe5001f;opacity:0;animation:hx-fade .8s 4.2s forwards}
.hx-toast{position:absolute;z-index:4;left:16%;top:-1%;display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;border-radius:12px;background:#fffdf8;color:var(--ink);box-shadow:0 24px 50px -18px #000000a6;transform:translateZ(90px);animation:hx-toast .7s 3.5s cubic-bezier(.2,1.4,.4,1) both}
.hx-toast__icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--green);color:var(--yellow);font-weight:900}
.hx-toast strong{display:block;font:800 .9rem/1.1 var(--sans)}
.hx-toast small{color:var(--muted);font-size:.68rem}

.hx__scroll{position:absolute;left:50%;bottom:22px;width:22px;height:36px;margin-left:-11px;border:1.5px solid #ffffff59;border-radius:12px}
.hx__scroll span{position:absolute;left:50%;top:7px;width:3px;height:7px;margin-left:-1.5px;border-radius:2px;background:var(--yellow);animation:hx-scroll 1.8s ease-in-out infinite}

@keyframes hx-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes hx-rise{from{transform:translateY(105%)}to{transform:none}}
@keyframes hx-underline{to{transform:scaleX(1) rotate(-1.5deg)}}
@keyframes hx-ping{75%,to{transform:scale(2.6);opacity:0}}
@keyframes hx-shine{0%,60%{transform:translateX(-120%)}80%,to{transform:translateX(120%)}}
@keyframes hx-grid{to{background-position:0 64px,0 0}}
@keyframes hx-float{50%{transform:translate(-40px,30px) scale(1.08)}}
@keyframes hx-pop{from{opacity:0;transform:translateY(40px) scale(.94)}to{opacity:1;transform:none}}
@keyframes hx-type{to{width:11ch}}
@keyframes hx-build{from{opacity:0;transform:scaleX(.3)}to{opacity:1;transform:none}}
@keyframes hx-cursor{from{left:96%;top:110%;opacity:0}20%{opacity:1}to{left:30%;top:66%;opacity:1}}
@keyframes hx-click{50%{transform:scale(.92);box-shadow:0 0 0 8px #ffe50059}}
@keyframes hx-card{from{opacity:0;transform:translateZ(60px) translateY(24px) scale(.9)}to{opacity:1;transform:translateZ(60px)}}
@keyframes hx-bob{50%{translate:0 -10px}}
@keyframes hx-count{0%{transform:none}25%{transform:translateY(-100%)}50%{transform:translateY(-200%)}75%,to{transform:translateY(-300%)}}
@keyframes hx-bar{to{transform:scaleX(.96)}}
@keyframes hx-ring{to{stroke-dashoffset:8}}
@keyframes hx-draw{to{stroke-dashoffset:0}}
@keyframes hx-fade{to{opacity:1}}
@keyframes hx-toast{from{opacity:0;transform:translateZ(90px) translateY(-16px) scale(.8)}to{opacity:1;transform:translateZ(90px)}}
@keyframes hx-scroll{0%{opacity:0;transform:none}40%{opacity:1}to{opacity:0;transform:translateY(12px)}}

@media (width<=1000px){
  .hx{min-height:auto}
  .hx__inner{grid-template-columns:1fr;padding-top:56px}
  .hx__stage{height:440px;max-width:620px;width:100%;margin:0 auto}
  .hx__scroll{display:none}
}
@media (width<=720px){
  .hx{padding-top:74px}
  .hx__inner{padding:40px 0 48px;gap:20px}
  .hx__title{font-size:clamp(2.6rem,12.5vw,4rem)}
  .hx__lead{margin-top:24px}
  .hx__actions{flex-direction:column;align-items:stretch;gap:20px}
  .hx__actions .button{width:100%}
  .hx__link{align-self:flex-start}
  .hx__signature{margin-top:38px}
  .hx__stage{height:340px;margin-inline:-4px}
  .hx-browser{left:0;right:4%;top:14%;bottom:10%}
  .hx-browser__body{padding:16px 18px}
  .hx-sk--cards span{height:36px}
  .hx-card{padding:10px 12px}
  .hx-card--rank{min-width:150px;right:-1%;top:0}
  .hx-rank strong{font-size:1.5rem}
  .hx-card--chart{display:none}
  .hx-card--score{left:-1%;bottom:0}
  .hx-card--score svg{width:48px;height:48px}
  .hx-toast{left:4%;top:2%;padding:9px 14px 9px 9px}
  .hx-toast__icon{width:26px;height:26px}
}
@media (prefers-reduced-motion:reduce){
  .hx *,.hx *:before,.hx *:after{animation:none!important;transition:none!important}
  .hx__title em:after{transform:rotate(-1.5deg)}
  .hx-browser__url b{width:11ch}
  .hx-rank__n span{transform:translateY(-300%)}
  .hx-rank__bar span{transform:scaleX(.96)}
  .hx-ring__fg{stroke-dashoffset:8}
  .hx-chart__line{stroke-dashoffset:0}
  .hx-chart__area{opacity:1}
  .hx-cursor{left:30%;top:66%}
  .hx__tilt{transform:rotateY(-6deg) rotateX(3deg)}
}

/* Equipo (home) */
.team{position:relative;background:var(--ivory);overflow:hidden}
.team:before{content:"S";position:absolute;right:-.08em;top:-.18em;font:900 clamp(18rem,36vw,34rem)/1 var(--display);color:#173f350d;letter-spacing:-.08em;pointer-events:none}
.team__grid{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,96px);align-items:center}
.team__copy h2{margin-top:30px;font-size:clamp(2.8rem,5.4vw,5.4rem);line-height:.92}
.team__copy h2 span{color:var(--green)}
.team__lead{max-width:520px;margin-top:28px;color:var(--muted);font-size:1.1rem;line-height:1.6}
.team__roles{margin:42px 0 36px;padding:0;list-style:none;border-top:1px solid var(--line)}
.team__roles li{border-bottom:1px solid var(--line)}
.team__role{position:relative;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto 0fr;column-gap:10px;width:100%;padding:20px 0;border:0;background:none;color:var(--ink);text-align:left;cursor:pointer;font:inherit;transition:grid-template-rows .45s cubic-bezier(.2,.8,.2,1),padding .3s}
.team__role:before{content:"";position:absolute;left:0;bottom:-1px;height:3px;width:100%;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.team__num{align-self:center;color:var(--green);font-size:.7rem;font-weight:850;letter-spacing:.12em}
.team__name{font-family:var(--display);font-size:clamp(1.9rem,3vw,2.8rem);font-weight:800;letter-spacing:-.05em;line-height:1;color:#17171566;transition:color .3s,transform .3s}
.team__desc{grid-column:2;overflow:hidden;color:var(--muted);line-height:1.55;opacity:0;transition:opacity .3s}
.team__role:hover .team__name,.team__role:focus-visible .team__name{color:var(--ink);transform:translateX(6px)}
.team__role.is-active{grid-template-rows:auto 1fr}
.team__role.is-active .team__name{color:var(--ink)}
.team__role.is-active .team__desc{opacity:1;padding-top:10px}
.team__role.is-active:before{transform:scaleX(1)}
.team__link{margin-top:0}
.team__media{position:relative;padding:0 0 40px 40px}
.team__media:before{content:"";position:absolute;left:0;bottom:0;width:72%;height:78%;background:var(--yellow)}
.team__frame{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--green-deep);box-shadow:0 50px 90px -50px #0f2e27b3}
.team__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);transition:opacity .8s,transform 1.6s cubic-bezier(.2,.8,.2,1)}
.team__img.is-active{opacity:1;transform:none}
.team__progress{position:absolute;left:24px;right:24px;bottom:22px;height:3px;background:#ffffff4d}
.team__progress span{display:block;height:100%;background:var(--yellow);transform:scaleX(0);transform-origin:left}
.team__progress span.is-running{animation:team-progress var(--team-ms,5000ms) linear forwards}
.team__stamp{position:absolute;right:-18px;top:28px;padding:18px 22px;background:var(--green);color:var(--white);font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;line-height:1.3;transform:rotate(4deg);box-shadow:0 20px 40px -20px #000000a6}
.team__stamp strong{display:block;font-family:var(--display);font-size:2rem;letter-spacing:-.04em;text-transform:none;color:var(--yellow)}
.team__credit{margin-top:26px;color:var(--muted);font-size:.72rem}
@keyframes team-progress{to{transform:scaleX(1)}}
@media (width<=1000px){.team__grid{grid-template-columns:1fr}.team__media{order:-1;max-width:640px}.team__frame{aspect-ratio:4/3}}
@media (width<=720px){.team__media{padding:0 0 24px 20px}.team__stamp{right:-6px;top:14px;padding:12px 16px}.team__stamp strong{font-size:1.5rem}.team:before{display:none}}
@media (prefers-reduced-motion:reduce){.team__img,.team__role,.team__role *,.team__role:before{transition:none!important}.team__progress{display:none}}

/* Sección WOW · Tu web no debería limitarse a estar */
.wow{position:relative;overflow:hidden;isolation:isolate;background:var(--paper);padding-block:clamp(90px,11vw,160px)}
.wow__bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(700px circle at 85% 15%,#ffe5002e,transparent 60%),radial-gradient(600px circle at 5% 90%,#173f351a,transparent 60%)}
.wow__head{display:grid;grid-template-columns:220px 1fr;column-gap:40px;align-items:start}
.wow__head .kicker{padding-top:1.2em}
.wow__title{grid-column:2;max-width:1000px;font-size:clamp(3rem,7vw,7rem);line-height:.92}
.wow__strike{position:relative;display:inline-block;color:var(--muted)}
.wow__strike:after{content:"";position:absolute;left:-3%;right:-3%;top:52%;height:.12em;background:var(--ink);border-radius:2px;transform:scaleX(0) rotate(-4deg);transform-origin:left;transition:transform .6s .3s cubic-bezier(.6,0,.2,1)}
.wow__swap{position:relative;display:inline-block;margin-left:.25em;color:var(--green);opacity:0;transform:translateY(.4em) rotate(-3deg);transition:opacity .5s .9s,transform .7s .9s cubic-bezier(.2,1.4,.4,1)}
.wow__swap:after{content:"";position:absolute;left:0;right:-4%;bottom:-.06em;height:.14em;z-index:-1;background:var(--yellow);transform:scaleX(0) rotate(-1.5deg);transform-origin:left;transition:transform .5s 1.4s cubic-bezier(.6,0,.2,1)}
.wow.is-in .wow__strike:after{transform:scaleX(1) rotate(-4deg)}
.wow.is-in .wow__swap{opacity:1;transform:rotate(-3deg)}
.wow.is-in .wow__swap:after{transform:scaleX(1) rotate(-1.5deg)}
.wow__lead{grid-column:2;max-width:640px;margin-top:34px;color:var(--muted);font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.55}
.wow__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:clamp(50px,6vw,80px)}
.wow-card{position:relative;padding:18px 18px 30px;background:var(--white);border:1px solid var(--line);box-shadow:0 30px 60px -45px #0f2e2780;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;opacity:0;transform:translateY(40px)}
.wow.is-in .wow-card{opacity:1;transform:none;transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.wow.is-in .wow-card:nth-child(2){transition-delay:.12s}
.wow.is-in .wow-card:nth-child(3){transition-delay:.24s}
.wow.is-in .wow-card:hover{transform:translateY(-8px) rotate(-.6deg);box-shadow:0 40px 70px -40px #0f2e27a6;transition-delay:0s}
.wow-card__screen{position:relative;height:190px;margin-bottom:28px;padding:22px;background:var(--green-deep);color:var(--white);overflow:hidden}
.wow-card__n{display:block;margin:0 6px 10px;color:var(--green);font-size:.68rem;font-weight:850;letter-spacing:.14em}
.wow-card h3{margin:0 6px 12px;font-size:1.8rem}
.wow-card>p{margin:0 6px;color:var(--muted);line-height:1.6}

.wow-msg p{margin:0;font-family:var(--display);font-weight:800;letter-spacing:-.03em;line-height:1.1}
.wow-msg__bad{position:relative;font-size:1.05rem;color:#ffffff73}
.wow-msg__bad:after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:#ff6b5b;transform:scaleX(0);transform-origin:left;transition:transform .5s .8s}
.wow-msg__good{margin-top:22px!important;font-size:1.55rem;color:var(--yellow)}
.wow-msg__good span{display:inline-block;clip-path:inset(0 100% 0 0);transition:clip-path 1.1s 1.3s steps(24)}
.wow.is-in .wow-msg__bad:after{transform:scaleX(1)}
.wow.is-in .wow-msg__good span{clip-path:inset(0 0 0 0)}

.wow-serp__q{display:flex;align-items:center;gap:10px;height:34px;padding:0 14px;border-radius:999px;background:#ffffff14;font-size:.78rem;color:#ffffffd9}
.wow-serp__q svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.wow-serp ol{position:relative;margin:14px 0 0;padding:0;list-style:none;height:110px}
.wow-serp li{position:absolute;left:0;right:0;display:flex;flex-direction:column;gap:6px;height:30px;padding:0 12px;justify-content:center;border-radius:6px;background:#ffffff0d;transition:transform 1s 1s cubic-bezier(.6,0,.2,1)}
.wow-serp li i{display:block;height:6px;width:70%;border-radius:4px;background:#ffffff33}
.wow-serp li i+i{width:45%;background:#ffffff1f}
.wow-serp li:nth-child(1){transform:translateY(0)}
.wow-serp li:nth-child(2){transform:translateY(38px)}
.wow-serp__you{transform:translateY(76px);background:#ffe50024!important;outline:1px solid #ffe50080}
.wow-serp__you b{font-size:.75rem;color:var(--yellow)}
.wow-serp__you i{background:#ffe50066!important}
.wow.is-in .wow-serp li:nth-child(1){transform:translateY(38px)}
.wow.is-in .wow-serp li:nth-child(2){transform:translateY(76px)}
.wow.is-in .wow-serp__you{transform:translateY(0)}

.wow-funnel{display:flex;flex-direction:column;justify-content:center;gap:14px}
.wow-funnel__row{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:12px}
.wow-funnel__row small{font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ffffffa6}
.wow-funnel__row span{height:14px;border-radius:999px;background:#ffffff33;transform:scaleX(.04);transform-origin:left;width:var(--w);transition:transform 1.1s 1s cubic-bezier(.6,0,.2,1)}
.wow-funnel__row:nth-child(2) span{transition-delay:1.2s}
.wow-funnel__row--hot span{background:var(--yellow);transition-delay:1.4s!important}
.wow-funnel__ping{position:absolute;right:14px;bottom:14px;padding:8px 12px;border-radius:8px;background:var(--paper);color:var(--ink);font-size:.72rem;font-weight:800;opacity:0;transform:translateY(10px) scale(.9);transition:opacity .4s 2.4s,transform .5s 2.4s cubic-bezier(.2,1.5,.4,1)}
.wow.is-in .wow-funnel__row span{transform:scaleX(1)}
.wow.is-in .wow-funnel__ping{opacity:1;transform:none}

.wow__cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:40px;padding:30px 34px;background:var(--green);color:var(--white)}
.wow__cta p{max-width:680px;font-size:1.08rem;line-height:1.5;color:#ffffffd9}
.wow__cta strong{display:block;margin-bottom:4px;color:var(--white);font-family:var(--display);font-size:1.6rem;letter-spacing:-.03em;line-height:1.1}
.wow__cta .button{flex:0 0 auto;margin-top:0}
.wow__cta .button:hover{background:var(--white);color:var(--green)}

@media (width<=1000px){.wow__head{grid-template-columns:1fr}.wow__head .kicker{padding-top:0;margin-bottom:28px}.wow__title,.wow__lead{grid-column:1}.wow__grid{grid-template-columns:1fr;max-width:560px}.wow__cta{flex-direction:column;align-items:flex-start}}
@media (width<=720px){.wow__title{font-size:clamp(2.6rem,12vw,4rem)}.wow__swap{display:table;margin-left:0}.wow__cta{padding:26px 22px}.wow__cta .button{width:100%}}
@media (prefers-reduced-motion:reduce){
  .wow *,.wow *:before,.wow *:after{transition:none!important}
  .wow .wow-card{opacity:1;transform:none}
  .wow .wow__strike:after{transform:scaleX(1) rotate(-4deg)}
  .wow .wow__swap{opacity:1;transform:rotate(-3deg)}
  .wow .wow__swap:after{transform:scaleX(1) rotate(-1.5deg)}
  .wow .wow-msg__bad:after,.wow .wow-funnel__row span{transform:scaleX(1)}
  .wow .wow-msg__good span{clip-path:none}
  .wow .wow-serp li:nth-child(1){transform:translateY(38px)}
  .wow .wow-serp li:nth-child(2){transform:translateY(76px)}
  .wow .wow-serp__you{transform:none}
  .wow .wow-funnel__ping{opacity:1;transform:none}
}
/* Sin JS: estado final visible */
  .wow:not(.wow--armed) *,.wow:not(.wow--armed) *:before,.wow:not(.wow--armed) *:after{transition:none!important}
  .wow:not(.wow--armed) .wow-card{opacity:1;transform:none}
  .wow:not(.wow--armed) .wow__strike:after{transform:scaleX(1) rotate(-4deg)}
  .wow:not(.wow--armed) .wow__swap{opacity:1;transform:rotate(-3deg)}
  .wow:not(.wow--armed) .wow__swap:after{transform:scaleX(1) rotate(-1.5deg)}
  .wow:not(.wow--armed) .wow-msg__bad:after,.wow:not(.wow--armed) .wow-funnel__row span{transform:scaleX(1)}
  .wow:not(.wow--armed) .wow-msg__good span{clip-path:none}
  .wow:not(.wow--armed) .wow-serp li:nth-child(1){transform:translateY(38px)}
  .wow:not(.wow--armed) .wow-serp li:nth-child(2){transform:translateY(76px)}
  .wow:not(.wow--armed) .wow-serp__you{transform:none}
  .wow:not(.wow--armed) .wow-funnel__ping{opacity:1;transform:none}