/* VixelClub · landing "noche de club": azul profundo de camiseta, dorado de escudo y luz de gimnasio cubierto. */
:root{--bg:#070b1f;--bg2:#0b1230;--ink:#f4f6fb;--mut:#a7b0c8;--line:rgba(255,255,255,.1);--gold:#f5c84b;--gold2:#e9a514;--blue:#3b82f6;--ok:#4ade80;--bad:#fb7185;
  --light:#f5f6fa;--ink-d:#0b1230;--mut-d:#4d5674}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}
body.cl{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Figtree,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.cl a{color:inherit;text-decoration:none}.cl img{max-width:100%;display:block}
.cl h1,.cl h2,.cl h3{margin:0;font-family:Archivo,Figtree,sans-serif;letter-spacing:-.025em;line-height:1.04}
.cl-w{width:min(1200px,100% - 32px);margin-inline:auto}

/* Nav */
.cl-nav{position:fixed;inset:0 0 auto;z-index:60;border-bottom:1px solid transparent;transition:background-color .3s,border-color .3s}
.cl-nav.on{background:rgba(7,11,31,.75);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-color:var(--line)}
.cl-nav .cl-w{display:flex;align-items:center;gap:18px;height:68px}
.cl-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;font-family:Archivo,sans-serif}
.cl-logo span{width:36px;height:36px;display:grid;place-items:center;color:var(--gold);filter:drop-shadow(0 0 14px rgba(245,200,75,.5))}.cl-logo svg{width:30px}
.cl-links{display:flex;gap:2px;margin-left:10px}.cl-links a{padding:8px 12px;border-radius:10px;font-size:14.5px;font-weight:600;color:var(--mut);transition:color .2s,background-color .2s}.cl-links a:hover{color:var(--ink);background:var(--line)}
.cl-cta{margin-left:auto;display:flex;gap:10px;align-items:center}.cl-in{font-weight:700;font-size:14.5px;color:var(--mut)}

/* Botones */
.cl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:14px;border:0;background:var(--ink);font-weight:800;font-size:15px;white-space:nowrap;cursor:pointer;position:relative;overflow:hidden;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .25s}
.cl a.cl-btn{color:var(--bg)}
.cl-btn:hover{transform:translateY(-2px)}
.cl-btn--lg{min-height:56px;padding:0 26px;font-size:16px;border-radius:16px}
.cl a.cl-btn--gold,.cl-btn--gold{background:linear-gradient(180deg,var(--gold),var(--gold2));color:#1a1200;box-shadow:0 18px 40px -16px rgba(245,200,75,.7),inset 0 1px 0 rgba(255,255,255,.5)}
.cl-btn--gold::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.65) 50%,transparent 65%);transform:translateX(-120%);animation:clShine 3.4s ease-in-out infinite}
@keyframes clShine{60%,100%{transform:translateX(120%)}}
.cl a.cl-btn--glass{background:rgba(255,255,255,.07);color:var(--ink);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px)}
.cl a.cl-btn--ghost{background:transparent;color:var(--ink-d);border:1.5px solid #d5d9e6}
.cl-soft .cl-split a.cl-btn{background:var(--ink-d);color:#fff}
.cl-actions{display:flex;gap:12px;flex-wrap:wrap}

/* Hero */
.cl-hero{position:relative;min-height:100svh;padding-top:110px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;isolation:isolate}
.cl-hero__bg{position:absolute;inset:0;z-index:-3;background-size:cover;background-position:center 30%;filter:saturate(1.05) brightness(.42);transform:scale(1.08)}
.cl-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(70% 70% at 75% 35%,rgba(59,130,246,.25),transparent 60%),linear-gradient(90deg,rgba(7,11,31,.95) 20%,rgba(7,11,31,.4) 70%,rgba(7,11,31,.7)),linear-gradient(180deg,transparent 60%,var(--bg))}
.cl-hero__grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(70% 60% at 70% 40%,#000,transparent)}
.cl-hero__in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;align-items:center;padding-bottom:60px}
.cl-badge{display:inline-flex;align-items:center;gap:10px;margin:0 0 20px;padding:7px 14px;border-radius:999px;background:rgba(245,200,75,.1);border:1px solid rgba(245,200,75,.3);color:var(--gold);font-weight:700;font-size:13.5px}
.cl-badge span{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--gold);animation:clLat 1.6s infinite}@keyframes clLat{50%{opacity:.3}}
.cl-h1{font-size:clamp(42px,6.4vw,88px);font-weight:900;display:flex;flex-direction:column}
.cl-h1__g{background:linear-gradient(95deg,var(--gold) 10%,#fff3c4 45%,var(--gold2) 80%);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:clOro 6s ease-in-out infinite}
@keyframes clOro{50%{background-position:100% 0}}
.cl-lead{font-size:clamp(16px,1.5vw,19px);color:#d3d9ea;max-width:580px;margin:22px 0 28px}
.cl-trust{list-style:none;display:flex;flex-wrap:wrap;gap:18px;padding:0;margin:22px 0 0;color:var(--mut);font-size:14px;font-weight:600}
.cl-trust li{display:flex;align-items:center;gap:8px}.cl-trust li::before{content:"";width:16px;height:9px;border:solid var(--gold);border-width:0 0 2.5px 2.5px;transform:rotate(-45deg) translateY(-3px)}

/* Escenario: anillo + carnet 3D + avisos */
.cl-stage{position:relative;height:560px;perspective:1300px}
.cl-ring{position:absolute;right:4%;top:2%;width:190px;height:190px;padding:14px;border-radius:50%;background:rgba(11,18,48,.75);border:1px solid var(--line);backdrop-filter:blur(10px);box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.cl-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.cl-ring circle{fill:none;stroke-width:11;stroke-linecap:round}.cl-ring .bg{stroke:rgba(255,255,255,.08)}
.cl-ring .fg{stroke:var(--gold);stroke-dasharray:41 100;transition:stroke-dasharray 1.4s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 0 8px rgba(245,200,75,.6))}
.cl-ring>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.cl-ring b{font-family:Archivo,sans-serif;font-size:40px;font-variant-numeric:tabular-nums}.cl-ring small{color:var(--mut);font-weight:700;font-size:12px}
.cl-card3d{position:absolute;left:2%;top:120px;width:min(400px,92%);aspect-ratio:1.586;transform-style:preserve-3d;transform:rotateY(var(--ry,-16deg)) rotateX(var(--rx,8deg));transition:transform .5s}
.cl-card3d__in{position:absolute;inset:0;transform-style:preserve-3d;animation:clGira 9s cubic-bezier(.65,0,.35,1) infinite}
@keyframes clGira{0%,38%{transform:rotateY(0)}50%,88%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}}
.cl-carnet{position:absolute;inset:0;border-radius:24px;padding:20px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:space-between;
  background:linear-gradient(135deg,#1e3a8a,#0b1437);box-shadow:0 50px 90px -40px rgba(0,0,0,.95),inset 0 0 0 1px rgba(255,255,255,.14)}
.cl-carnet::before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent 0 68%,rgba(255,255,255,.18) 78%,transparent 88%);animation:clBrillo 7s linear infinite}
@keyframes clBrillo{to{transform:rotate(360deg)}}
.cl-carnet>*{position:relative}
.cl-carnet--b{transform:rotateY(180deg);align-items:center;justify-content:center;gap:12px}
.cl-carnet__top{display:flex;justify-content:space-between;gap:10px}.cl-carnet__top small{display:block;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.75}.cl-carnet__top b{font-family:Archivo,sans-serif;font-size:17px}
.cl-chip{width:46px;height:34px;border-radius:8px;background:linear-gradient(135deg,#fde68a,#d97706)}
.cl-carnet__mid{display:flex;gap:14px;align-items:center}.cl-carnet__av{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.18);font-weight:800;font-size:20px}
.cl-carnet__mid b{display:block;font-size:20px}.cl-carnet__mid small{opacity:.8}
.cl-carnet__bot{display:flex;justify-content:space-between;align-items:flex-end}.cl-carnet__num{font-family:Archivo,sans-serif;font-size:26px;letter-spacing:.08em}.cl-carnet__num small{display:block;font-family:Figtree,sans-serif;font-size:10px;letter-spacing:.14em;opacity:.7}
.cl-ok{background:#dcfce7;color:#166534;font-weight:800;font-size:13px;padding:6px 12px;border-radius:999px}
.cl-qrfake{display:grid;grid-template-columns:repeat(9,1fr);gap:2px;width:140px;padding:10px;background:#fff;border-radius:14px}
.cl-qrfake i{aspect-ratio:1;border-radius:1px}.cl-qrfake i.on{background:#0b1230}
.cl-carnet--b small{opacity:.8}
.cl-pop{position:absolute;display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:16px;background:rgba(11,18,48,.85);border:1px solid var(--line);backdrop-filter:blur(12px);box-shadow:0 30px 60px -24px rgba(0,0,0,.85);font-size:13px;min-width:220px;opacity:0;transform:translateY(18px) scale(.95);transition:all .6s cubic-bezier(.34,1.56,.64,1)}
.cl-pop.on{opacity:1;transform:none}.cl-pop b{display:block}.cl-pop small{color:var(--mut)}
.cl-pop--1{left:-4%;bottom:118px}.cl-pop--2{right:0;bottom:200px}.cl-pop--3{right:8%;bottom:40px}
.cl-dot{width:12px;height:12px;flex:none;border-radius:50%}.cl-dot--ok{background:var(--ok);box-shadow:0 0 12px var(--ok)}.cl-dot--info{background:var(--blue);box-shadow:0 0 12px var(--blue)}.cl-dot--gold{background:var(--gold);box-shadow:0 0 12px var(--gold)}
.cl-marquee{border-block:1px solid var(--line);padding:16px 0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.cl-marquee div{display:flex;align-items:center;gap:28px;width:max-content;animation:clMq 36s linear infinite}
.cl-marquee span{font-family:Archivo,sans-serif;font-weight:900;font-size:26px;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.3);white-space:nowrap}
.cl-marquee i{width:10px;height:10px;transform:rotate(45deg);background:var(--gold)}
@keyframes clMq{to{transform:translateX(-50%)}}

/* Secciones */
.cl-sec{padding:110px 0;position:relative}
.cl-dark{background:radial-gradient(60% 60% at 15% 0%,rgba(59,130,246,.14),transparent),var(--bg2)}
.cl-soft{background:var(--light);color:var(--ink-d)}.cl-soft .cl-p,.cl-soft .cl-head p{color:var(--mut-d)}
.cl-head{max-width:780px;margin-bottom:48px}.cl-head h2,.cl-split h2{font-size:clamp(32px,4.4vw,58px);font-weight:900}.cl-head p{color:var(--mut);font-size:18px;margin:14px 0 0}
.cl-k{display:inline-block;margin:0 0 14px;font-weight:800;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.cl-soft .cl-k{color:#b45309}
.cl-p{color:var(--mut);font-size:17.5px;margin:18px 0 26px}.cl-note{color:var(--mut);font-size:13px;font-style:italic}
.cl-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}.cl-split--rev>:first-child{order:2}

/* Problema */
.cl-pains{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cl-pain{position:relative;padding:28px;border-radius:26px;background:rgba(255,255,255,.035);border:1px solid var(--line);overflow:hidden}
.cl-pain::after{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(251,113,133,.25),transparent 70%)}
.cl-pain__n{font-family:Archivo,sans-serif;font-size:76px;font-weight:900;line-height:1;color:var(--bad)}.cl-pain__u{display:block;color:var(--mut);font-weight:700;margin-bottom:14px}
.cl-pain h3{font-size:22px;margin-bottom:6px}.cl-pain p{margin:0;color:var(--mut)}

/* Ciclo */
.cl-cycle{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.cl-cycle__line{position:absolute;left:3%;right:3%;top:40px;height:3px;background:var(--line);border-radius:3px;overflow:hidden}
.cl-cycle__line i{display:block;height:100%;width:var(--prog,0%);background:linear-gradient(90deg,var(--blue),var(--gold));transition:width 1.2s cubic-bezier(.16,1,.3,1);box-shadow:0 0 12px var(--gold)}
.cl-step{position:relative;padding:96px 16px 20px;border-radius:22px;background:rgba(255,255,255,.035);border:1px solid var(--line);transition:border-color .4s,background-color .4s}
.cl-step__d{position:absolute;top:10px;left:16px;width:62px;height:62px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);border:2px solid var(--line);font-family:Archivo,sans-serif;font-size:24px;font-weight:900;transition:all .45s cubic-bezier(.34,1.56,.64,1)}
.cl-step__d small{font-family:Figtree,sans-serif;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);font-weight:700}
.cl-step.on{border-color:rgba(245,200,75,.35);background:rgba(245,200,75,.05)}.cl-step.on .cl-step__d{background:var(--gold);border-color:var(--gold);color:#1a1200;transform:scale(1.06);box-shadow:0 0 30px -4px var(--gold)}.cl-step.on .cl-step__d small{color:#5c4400}
.cl-step b{display:block;font-size:16.5px;margin-bottom:6px}.cl-step p{margin:0;color:var(--mut);font-size:13.5px}

/* Gráfico */
.cl-chart{position:relative;display:flex;align-items:flex-end;gap:12px;height:360px;padding:52px 20px 34px;border-radius:28px;background:#0d1538;border:1px solid var(--line)}
.cl-chart__c{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}
.cl-chart__c i{display:block;width:100%;max-width:56px;height:0;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,#64748b,#334155);transition:height 1.1s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i) * 90ms)}
.cl-chart__c.on i{background:linear-gradient(180deg,var(--gold),var(--gold2));box-shadow:0 0 30px -8px var(--gold)}
.cl-chart.in .cl-chart__c i{height:var(--h)}
.cl-chart__c span{font-weight:800;font-variant-numeric:tabular-nums;opacity:0;transition:opacity .4s;transition-delay:calc(var(--i) * 90ms + .6s)}.cl-chart.in .cl-chart__c span{opacity:1}
.cl-chart__c small{color:var(--mut);font-weight:700}
.cl-chart__mark{position:absolute;left:50%;top:14px;transform:translateX(-50%);font-style:normal;font-size:12px;font-weight:800;color:var(--gold);border:1px dashed rgba(245,200,75,.5);padding:4px 10px;border-radius:999px}

/* App del socio */
.cl-phone-w{display:grid;place-items:center}
.cl-phone{width:300px;height:600px;border-radius:46px;padding:12px;background:#0b1230;box-shadow:0 60px 110px -40px rgba(11,18,48,.7),0 0 0 8px rgba(11,18,48,.06)}
.cl-phone__s{height:100%;border-radius:36px;background:#eef1f8;padding:20px 14px;display:flex;flex-direction:column;gap:10px;overflow:hidden;color:#0b1230}
.cl-mini-card{border-radius:18px;padding:16px;color:#fff;background:linear-gradient(135deg,#1e3a8a,#0b1437);display:flex;flex-direction:column;gap:2px}
.cl-mini-card small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.75}.cl-mini-card b{font-size:18px}.cl-mini-card em{font-style:normal;background:#dcfce7;color:#166534;border-radius:999px;padding:1px 8px;font-weight:800;font-size:11px}
.cl-mini-due{background:#fff;border-radius:16px;padding:12px}.cl-mini-due small,.cl-mini-due span{display:block;color:#4d5674;font-size:12px}.cl-mini-due b{font-family:Archivo,sans-serif;font-size:26px}
.cl-mini-btn{background:#009ee3;color:#fff;text-align:center;border-radius:999px;padding:11px;font-weight:800;font-size:13px}
.cl-msgs{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.cl-msgs p{margin:0;padding:10px 12px;border-radius:16px 16px 16px 4px;background:#fff;font-size:12.5px;font-weight:600;opacity:0;transform:translateY(14px);transition:all .55s cubic-bezier(.34,1.56,.64,1)}
.cl-msgs p.ok{background:#dcfce7}.cl-msgs p.club{background:#dbeafe}.cl-msgs p b{display:block}.cl-msgs p.on{opacity:1;transform:none}
.cl-list{list-style:none;padding:0;margin:24px 0 30px;display:flex;flex-direction:column;gap:16px}
.cl-list li{padding-left:36px;position:relative;color:var(--mut-d)}.cl-list li::before{content:"";position:absolute;left:0;top:3px;width:22px;height:22px;border-radius:7px;background:#1e3a8a;box-shadow:inset 0 0 0 6px #bfdbfe}
.cl-list b{display:block;color:var(--ink-d);font-size:17px}

/* Portería */
.cl-scan{position:relative}
.cl-scan__cam{position:relative;aspect-ratio:4/3;border-radius:28px;background-size:cover;background-position:center;overflow:hidden;box-shadow:0 50px 90px -40px rgba(0,0,0,.9)}
.cl-scan__cam::before{content:"";position:absolute;inset:0;background:rgba(7,11,31,.45)}
.cl-scan__frame{position:absolute;inset:16% 26%}.cl-scan__frame i{position:absolute;width:36px;height:36px;border:4px solid #fff;border-radius:6px}
.cl-scan__frame i:nth-child(1){top:0;left:0;border-right:0;border-bottom:0}.cl-scan__frame i:nth-child(2){top:0;right:0;border-left:0;border-bottom:0}.cl-scan__frame i:nth-child(3){bottom:0;left:0;border-right:0;border-top:0}.cl-scan__frame i:nth-child(4){bottom:0;right:0;border-left:0;border-top:0}
.cl-scan__frame b{position:absolute;left:4%;right:4%;height:2px;top:8%;background:var(--gold);box-shadow:0 0 18px 4px var(--gold);animation:clBarr 1.8s ease-in-out infinite alternate}@keyframes clBarr{to{top:92%}}
.cl-scan__res{position:absolute;left:6%;right:6%;bottom:-28px;display:flex;align-items:center;gap:14px;padding:16px;border-radius:22px;background:linear-gradient(135deg,#15803d,#065f46);box-shadow:0 30px 60px -20px rgba(0,0,0,.8);transform:translateY(20px) scale(.92);opacity:0;transition:all .5s cubic-bezier(.34,1.56,.64,1)}
.cl-scan__res.on{transform:none;opacity:1}.cl-scan__res.no{background:linear-gradient(135deg,#dc2626,#7f1d1d)}
.cl-scan__av{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.2);font-weight:800;font-size:20px}
.cl-scan__res b{display:block;font-size:20px}.cl-scan__res small{opacity:.85}.cl-scan__res span:last-child{font-weight:800}

/* Bento */
.cl-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;grid-auto-rows:minmax(180px,auto)}
.cl-b{position:relative;padding:24px;border-radius:24px;background:rgba(255,255,255,.035);border:1px solid var(--line);overflow:hidden;transition:transform .3s,border-color .3s}
.cl-b::before{content:"";position:absolute;inset:0;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(245,200,75,.14),transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}
.cl-b:hover{transform:translateY(-4px);border-color:rgba(245,200,75,.3)}.cl-b:hover::before{opacity:1}
.cl-b h3{font-size:21px;margin-bottom:8px}.cl-b p{margin:0;color:var(--mut);font-size:14.5px}
.cl-b--big{grid-column:span 2;grid-row:span 2;display:flex;align-items:flex-end;background:linear-gradient(180deg,transparent 30%,rgba(7,11,31,.95)),var(--img) center/cover}
.cl-b--big p{color:#d3d9ea}.cl-b--wide{grid-column:span 2}
.cl-spark{display:flex;align-items:flex-end;gap:5px;height:64px;margin-top:16px}.cl-spark i{flex:1;border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,var(--gold),rgba(245,200,75,.2));height:var(--h);transform-origin:bottom;animation:clCrece 1s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--d)}
@keyframes clCrece{from{transform:scaleY(0)}}

/* Calculadora */
.cl-calc{display:flex;flex-direction:column;gap:18px;padding:28px;border-radius:28px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
.cl-calc label{display:grid;grid-template-columns:1fr auto;gap:8px;font-weight:700;color:var(--mut)}.cl-calc output{color:var(--ink);font-weight:800;font-variant-numeric:tabular-nums}
.cl-calc input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--gold);height:28px}
.cl-calc__r{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:10px;border-top:1px solid var(--line)}
.cl-calc__r div{padding:14px;border-radius:18px;background:rgba(255,255,255,.05)}.cl-calc__r span{display:block;color:var(--mut);font-size:13px}
.cl-calc__r b{font-family:Archivo,sans-serif;font-size:clamp(24px,3vw,34px);font-variant-numeric:tabular-nums}.cl-calc__r small{grid-column:1/-1;color:var(--mut)}
.cl-bad{color:var(--bad)}.cl-good{color:var(--gold)}

/* Fotos */
.cl-strip{padding:24px 0;overflow:hidden}
.cl-strip__in{display:flex;gap:16px;width:max-content;animation:clMq 60s linear infinite}
.cl-strip figure{margin:0;width:300px;height:380px;border-radius:26px;overflow:hidden;background:linear-gradient(140deg,#1e3a8a,#0b1230);transform:rotate(calc((var(--i) - 3.5) * .7deg))}
.cl-strip img{width:100%;height:100%;object-fit:cover}.cl-strip:hover .cl-strip__in{animation-play-state:paused}

/* Planes */
.cl-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cl-plan{position:relative;display:flex;flex-direction:column;gap:8px;padding:28px;border-radius:26px;background:#fff;border:1px solid #e1e5ef;color:var(--ink-d)}
.cl-plan>b{font-family:Archivo,sans-serif;font-size:21px}.cl-plan small{color:var(--mut-d)}
.cl-pr{font-family:Archivo,sans-serif;font-size:44px;font-weight:900;margin:8px 0;letter-spacing:-.03em}.cl-pr span{font-size:16px;color:var(--mut-d)}
.cl-plan ul{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:8px;flex:1}.cl-plan li{padding-left:26px;position:relative}.cl-plan li::before{content:"";position:absolute;left:0;top:6px;width:14px;height:8px;border:solid #1e3a8a;border-width:0 0 3px 3px;transform:rotate(-45deg)}
.cl-plan--top{background:linear-gradient(180deg,#1e3a8a,#0b1230);color:#fff;border-color:#0b1230;transform:translateY(-10px);box-shadow:0 40px 80px -40px rgba(11,18,48,.8)}.cl-plan--top small,.cl-plan--top .cl-pr span{color:#b9c3e0}.cl-plan--top li::before{border-color:var(--gold)}
.cl-plan em{position:absolute;top:-12px;left:28px;font-style:normal;background:var(--gold);color:#1a1200;font-weight:800;font-size:12px;padding:4px 12px;border-radius:999px}

/* FAQ, cierre */
.cl-faqw{max-width:860px}.cl-faq details{border-bottom:1px solid var(--line)}
.cl-faq summary{display:flex;justify-content:space-between;gap:16px;padding:22px 0;font-weight:800;font-size:18px;cursor:pointer;list-style:none}.cl-faq summary::-webkit-details-marker{display:none}
.cl-faq summary i{position:relative;width:22px;height:22px;flex:none}.cl-faq summary i::before,.cl-faq summary i::after{content:"";position:absolute;left:4px;right:4px;top:10px;height:2px;background:var(--gold);transition:transform .3s}.cl-faq summary i::after{transform:rotate(90deg)}
.cl-faq details[open] summary i::after{transform:rotate(0)}.cl-faq p{margin:0 0 22px;color:var(--mut)}
.cl-final{position:relative;padding:140px 0;text-align:center;overflow:hidden;background:radial-gradient(60% 80% at 50% 110%,rgba(245,200,75,.22),transparent),var(--bg)}
.cl-final__crest{width:70px;color:var(--gold);margin:0 auto 20px;display:block;filter:drop-shadow(0 0 30px rgba(245,200,75,.5));animation:clFlota 4s ease-in-out infinite}@keyframes clFlota{50%{transform:translateY(-8px)}}
.cl-final h2{font-size:clamp(36px,5.6vw,76px);font-weight:900;max-width:920px;margin:0 auto}.cl-final p{color:var(--mut);font-size:19px;margin:16px 0 30px}.cl-final .cl-actions{justify-content:center}
.cl-foot{border-top:1px solid var(--line);padding:28px 0;color:var(--mut);font-size:14px}.cl-foot .cl-w{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.cl-foot nav{display:flex;gap:18px}
.cl-wa{position:fixed;right:18px;bottom:18px;z-index:55;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#22c55e;color:#fff;box-shadow:0 18px 40px -12px rgba(34,197,94,.7)}.cl-wa svg{width:28px}
.cl-sticky{display:none}

.cl-js [data-rv]{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.cl-js [data-rv].in{opacity:1;transform:none}

@media (max-width:1000px){
  .cl-links{display:none}.cl-hero__in,.cl-split{grid-template-columns:minmax(0,1fr)}.cl-split--rev>:first-child{order:0}
  .cl-stage{height:520px}.cl-cycle{grid-template-columns:repeat(2,minmax(0,1fr))}.cl-cycle__line{display:none}
  .cl-pains,.cl-plans{grid-template-columns:minmax(0,1fr)}.cl-plan--top{transform:none}.cl-bento{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .cl-sec{padding:76px 0}.cl-in{display:none}.cl-nav .cl-btn{min-height:40px;padding:0 16px;font-size:14px}
  .cl-hero{padding-top:96px}.cl-actions .cl-btn{width:100%}
  .cl-stage{height:470px}.cl-ring{width:140px;height:140px;right:0;top:0}.cl-ring b{font-size:30px}.cl-card3d{left:0;top:150px;width:100%}
  .cl-pop{min-width:0;max-width:210px;font-size:12px}.cl-pop--1{left:0;bottom:30px}.cl-pop--2{right:0;bottom:120px;top:auto}.cl-pop--3{display:none}
  .cl-cycle{grid-template-columns:minmax(0,1fr)}.cl-step{padding:18px 16px 18px 92px}.cl-step__d{top:14px}
  .cl-bento{grid-template-columns:minmax(0,1fr)}.cl-b--big,.cl-b--wide{grid-column:auto}.cl-b--big{min-height:300px}
  .cl-chart{height:280px;gap:6px;padding:30px 10px 30px}
  .cl-calc__r{grid-template-columns:minmax(0,1fr)}.cl-strip figure{width:220px;height:280px}.cl-phone{transform:scale(.92)}
  .cl-scan__res{bottom:-40px}
  .cl-sticky{display:flex;position:fixed;left:12px;right:84px;bottom:18px;z-index:55;min-height:54px;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(180deg,var(--gold),var(--gold2));color:#1a1200!important;font-weight:800;box-shadow:0 18px 40px -14px rgba(245,200,75,.7);transform:translateY(120px);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
  .cl-sticky.on{transform:none}
}
@media (prefers-reduced-motion:reduce){.cl *{animation:none!important;transition:none!important}.cl-js [data-rv]{opacity:1;transform:none}.cl-chart .cl-chart__c i{height:var(--h)}}