*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --background:oklch(13.4% .003 106.7);
  --foreground:oklch(100% 0 0);
  --card:oklch(17.8% .003 67.7);
  --muted-foreground:oklch(82% 0 0);
  --border:oklch(27.6% .013 72.3);
  --border-strong:oklch(32.9% .016 75.1);
  --input:oklch(32.9% .016 75.1);
  --surface:oklch(17.4% .009 84.6);
  --surface-2:oklch(16.4% 0 89.9);
  --gold:#D4AF37;
  --gold-soft:#F5D685;
  --gold-deep:#9C7A25;
  --font-display:"Archivo",system-ui,sans-serif;
  --font-sans:"Instrument Sans",system-ui,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,monospace;
}
html{scroll-behavior:smooth}
body{
  background-color:var(--background);color:var(--foreground);
  font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden;
  position:relative;line-height:1.6;
}
.display-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.04em;font-weight:800;line-height:1.02}
.font-mono{font-family:var(--font-mono)}
.text-gold{color:var(--gold)}
.text-gold-soft{color:var(--gold-soft)}

.atmosphere-noise{position:fixed;inset:-30%;z-index:1;opacity:.055;mix-blend-mode:overlay;pointer-events:none;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxODAiIGhlaWdodD0iMTgwIj48ZmlsdGVyIGlkPSJuIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC44NSIgbnVtT2N0YXZlcz0iMyIvPjwvZmlsdGVyPjxyZWN0IHdpZHRoPSIxODAiIGhlaWdodD0iMTgwIiBmaWx0ZXI9InVybCgjbikiLz48L3N2Zz4=)}
.atmosphere-vignette{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,transparent 55%,oklch(0.09 0.003 106/.72) 100%)}

section{position:relative;z-index:5;border-bottom:1px solid var(--border)}

/* HERO */
.hero{overflow:hidden;padding:44px 20px 56px}
.hero-fx{position:absolute;inset:0;z-index:0}
.hero-fx .bg1{position:absolute;inset:0;background:radial-gradient(90% 70% at 50% 30%,rgba(212,175,55,.14),transparent 70%),linear-gradient(160deg,var(--surface),var(--background) 62%)}
.hero-fx .blob-a{position:absolute;left:-12%;top:-22%;height:620px;width:620px;border-radius:50%;filter:blur(26px);background:radial-gradient(circle,rgba(212,175,55,.22),transparent 66%);animation:floatA 15s ease-in-out infinite}
.hero-fx .blob-b{position:absolute;bottom:-28%;right:-10%;height:560px;width:560px;border-radius:50%;filter:blur(30px);background:radial-gradient(circle,rgba(212,175,55,.16),transparent 68%);animation:floatB 19s ease-in-out infinite}
.hero-fx .grid{position:absolute;inset:0;opacity:.5;animation:gridPan 9s linear infinite;background-image:linear-gradient(rgba(212,175,55,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(212,175,55,.055) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent);-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent)}
.hero-inner{position:relative;z-index:2;max-width:900px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:32px;padding-top:26px}
.hero-title{font-size:clamp(32px,7.4vw,68px);animation:wipeUp 1.05s cubic-bezier(.22,.61,.36,1) both}
.hero-sub{max-width:560px;margin:24px auto 0;font-size:15px;font-weight:300;line-height:1.7;color:var(--muted-foreground);animation:rise .85s cubic-bezier(.22,.61,.36,1) both .1s}
.hero-media{width:100%;max-width:760px;display:flex;flex-direction:column;align-items:center;gap:20px}
.video-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:1px solid var(--border-strong);background:var(--surface-2);box-shadow:0 50px 100px -60px var(--gold)}
.video-frame video,.video-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;cursor:pointer}
.video-caption{position:absolute;inset:0;z-index:2;display:flex;align-items:flex-end;justify-content:center;padding-bottom:16px;background:linear-gradient(to top,rgba(0,0,0,.6),transparent 60%);pointer-events:none}
.video-caption span{border:1px solid var(--border-strong);background:rgba(19,17,10,.9);backdrop-filter:blur(6px);border-radius:999px;padding:8px 16px;font-family:var(--font-display);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;width:80px;height:80px;border-radius:50%;border:none;cursor:pointer;background:var(--gold);color:var(--background);display:flex;align-items:center;justify-content:center;transition:transform .2s;animation:halo 2.2s ease-in-out infinite,pulseGoldStrong 2.2s ease-in-out infinite}
.play-btn:hover{transform:translate(-50%,-50%) scale(1.1)}
.play-btn svg{width:32px;height:32px;margin-left:4px}

.btn-gold{isolation:isolate;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:64px;width:100%;max-width:720px;border-radius:999px;padding:0 40px;font-family:var(--font-display);font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;color:var(--background);text-decoration:none;border:none;cursor:pointer;background-image:linear-gradient(100deg,var(--gold) 0%,var(--gold-soft) 45%,var(--gold) 90%);background-size:220% 100%;animation:shine 3s linear infinite;box-shadow:0 0 0 1px rgba(245,214,133,.5) inset,0 6px 22px -6px rgba(212,175,55,.75),0 0 46px -10px var(--gold);transition:transform .2s}
.btn-gold:hover{transform:translateY(-2px)}
.btn-gold::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 48%,transparent 66%);animation:ctaSweep 3.4s ease-in-out infinite;transform:translate(-120%)}
.btn-gold svg{width:20px;height:20px;flex-shrink:0}
.btn-gold-outline{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:56px;border-radius:999px;padding:0 32px;font-family:var(--font-display);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;color:var(--gold);text-decoration:none;border:1px solid rgba(212,175,55,.6);background:rgba(212,175,55,.1);position:relative;isolation:isolate;overflow:hidden;transition:transform .2s;box-shadow:0 0 0 1px rgba(245,214,133,.5) inset,0 6px 22px -6px rgba(212,175,55,.75)}
.btn-gold-outline:hover{transform:translateY(-2px)}
.btn-gold-outline svg{width:16px;height:16px}

/* RESULTADOS */
.resultados{padding:56px 20px 80px}
.resultados .head{max-width:1180px;margin:0 auto;text-align:center;padding:0 5px}
.resultados h2{font-size:clamp(28px,4.2vw,48px)}
.resultados .head p{max-width:640px;margin:16px auto 0;font-size:15px;font-weight:300;color:var(--muted-foreground)}
.carousel{max-width:1180px;margin:48px auto 0;display:flex;align-items:center;justify-content:center;gap:12px;perspective:1200px}
.arrow{flex-shrink:0;width:44px;height:44px;border-radius:50%;border:1px solid var(--border-strong);background:transparent;color:var(--foreground);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}
.arrow:hover{transform:scale(1.1);border-color:var(--gold);background:var(--gold);color:var(--background)}
.arrow svg{width:20px;height:20px}
.side-card{display:none;aspect-ratio:9/13;width:220px;overflow:hidden;border-radius:16px;border:2px solid rgba(212,175,55,.4);opacity:.8;filter:blur(2px);transition:all .4s;box-shadow:0 0 45px -15px var(--gold);cursor:pointer;background:none;padding:0}
.side-card.left{transform:translateX(30%) scale(.93)}
.side-card.right{transform:translateX(-30%) scale(.93)}
.side-card:hover{transform:translateX(0) scale(1);opacity:1;filter:blur(0);border-color:var(--gold)}
.side-card img{width:100%;height:100%;object-fit:cover;display:block}
@media(min-width:1024px){.side-card{display:block}}
.main-card{position:relative;aspect-ratio:9/14;width:100%;max-width:330px;overflow:hidden;border-radius:24px;border:1px solid var(--border-strong);background:var(--surface-2);box-shadow:0 40px 90px -50px var(--gold);cursor:pointer}
.main-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;transition:opacity .25s ease}
.dots{margin-top:24px;display:flex;align-items:center;justify-content:center;gap:8px}
.dot{height:8px;border-radius:999px;background:var(--border);width:8px;border:none;cursor:pointer;transition:all .3s}
.dot.on{width:28px;background:var(--gold);box-shadow:0 0 12px var(--gold)}
.resultados .cta-wrap{margin-top:40px;text-align:center}
.lightbox{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.88);display:none;align-items:center;justify-content:center;padding:24px;cursor:zoom-out}
.lightbox.open{display:flex}
.lightbox img{max-width:100%;max-height:100%;border-radius:12px}
.lightbox-close{position:absolute;top:20px;right:20px;z-index:2;background:rgba(24,22,16,.92);border:1px solid var(--border-strong);color:var(--foreground);border-radius:999px;padding:10px 22px;font-family:var(--font-sans);font-size:13px;font-weight:600;cursor:pointer}

/* MARQUEE */
.marquee-section{padding:0}
.marquee-row{overflow:hidden;width:100%;margin-bottom:3px}
.marquee-track{display:flex;width:max-content;gap:3px}
.marquee-track.a{animation:ticker 60s linear infinite}
.marquee-track.b{animation:ticker 60s linear infinite reverse}
.win-tile{flex-shrink:0;height:170px;width:auto;object-fit:cover;display:block;cursor:pointer}
@media(max-width:560px){.win-tile{height:118px}}

/* SOCIAL HOME */
.social-home{padding:56px 20px}
.social-card{max-width:520px;margin:0 auto;border-radius:24px;border:1px solid var(--border-strong);background:var(--card);padding:28px 24px}
.social-card-header{display:flex;align-items:center;gap:16px}
.social-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);flex-shrink:0}
.social-handle{font-weight:700;font-size:16px;display:flex;align-items:center;gap:6px}
.social-name{font-size:13px;color:var(--muted-foreground);margin-top:2px}
.social-stats{font-size:12px;color:var(--muted-foreground);margin-top:2px}
.social-bio{margin-top:18px;font-size:14px;font-weight:300;line-height:1.7;color:var(--muted-foreground)}
.social-actions{margin-top:22px;display:flex;flex-direction:column;gap:12px}
.btn-ig{display:flex;align-items:center;justify-content:center;gap:10px;height:52px;border-radius:999px;background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);color:#fff;font-weight:700;font-size:14px;text-decoration:none;transition:transform .2s}
.btn-ig:hover{transform:translateY(-2px)}
.btn-yt{display:flex;align-items:center;justify-content:center;gap:10px;height:52px;border-radius:999px;background:#ff0000;color:#fff;font-weight:700;font-size:14px;text-decoration:none;transition:transform .2s}
.btn-yt:hover{transform:translateY(-2px)}

/* FOOTER */
footer{padding:48px 20px 56px;border-bottom:none}
.footer-inner{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}
.footer-brand{font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:-.02em;font-size:18px}
.footer-brand span{color:var(--gold)}
.legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:28px 8px;font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.14em}
.legal-links a{color:var(--gold);text-decoration:none}
.legal-links a:hover{color:var(--gold-soft)}
.copyright{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted-foreground)}
.disclaimers{max-width:720px;display:flex;flex-direction:column;gap:8px;font-size:11px;line-height:1.8;color:oklch(82% 0 0/.7)}

@keyframes floatA{0%,to{transform:translate(0) scale(1)}50%{transform:translate(6%,-8%) scale(1.16)}}
@keyframes floatB{0%,to{transform:translate(0) scale(1.1)}50%{transform:translate(-8%,6%) scale(.92)}}
@keyframes gridPan{to{background-position:64px 64px}}
@keyframes wipeUp{0%{opacity:0;clip-path:inset(0 0 100%);transform:translateY(34px)}to{opacity:1;clip-path:inset(0 0 -10%);transform:none}}
@keyframes rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes stepIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}
@keyframes shine{0%{background-position:0%}to{background-position:220%}}
@keyframes ctaSweep{0%{transform:translate(-120%)}55%,to{transform:translate(160%)}}
@keyframes halo{0%{box-shadow:0 0 rgba(212,175,55,.55)}70%{box-shadow:0 0 0 20px rgba(212,175,55,0)}to{box-shadow:0 0 rgba(212,175,55,0)}}
@keyframes pulseGoldStrong{0%,to{box-shadow:0 0 0 1px rgba(245,214,133,.55) inset,0 0 40px -8px var(--gold),0 0 90px -22px var(--gold-soft)}50%{box-shadow:0 0 0 1px rgba(245,214,133,.9) inset,0 0 66px -4px var(--gold),0 0 140px -10px var(--gold-soft)}}

/* PRICING PLAN PAGE */
.pp-page{min-height:100vh;padding:32px 16px 64px;display:flex;flex-direction:column;align-items:center}
.pp-card{width:100%;max-width:520px;background:var(--card);border:1px solid var(--border-strong);border-radius:24px;padding:28px 24px;position:relative}
.pp-featured{border-color:rgba(212,175,55,.5);box-shadow:0 0 0 1px rgba(212,175,55,.15),0 0 60px rgba(212,175,55,.16)}
.pp-star{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,var(--gold),var(--gold-soft));color:var(--background);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:5px 12px;border-radius:999px}
.pp-tier{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;font-size:14px;background:linear-gradient(135deg,var(--gold),var(--gold-soft));-webkit-background-clip:text;background-clip:text;color:transparent;text-transform:uppercase;border-bottom:1px solid rgba(212,175,55,.22);padding-bottom:8px;margin-bottom:12px}
.pp-formacion{font-size:14px;font-weight:700;color:var(--foreground);background:rgba(212,175,55,.18);border:1px solid rgba(212,175,55,.5);border-radius:10px;padding:12px 14px;margin-bottom:16px;line-height:1.55}
.pp-formacion strong{color:var(--gold)}
.pp-price-row{display:flex;align-items:baseline;gap:6px;margin-top:8px}
.pp-price{font-family:var(--font-display);font-size:44px;font-weight:800;line-height:1}
.pp-price sup{font-size:16px}
.pp-usd{font-size:13px;font-weight:700;color:var(--muted-foreground)}
.pp-was{font-size:13px;color:var(--muted-foreground);text-decoration:line-through;margin-top:4px}
.pp-duration{font-size:13px;color:var(--muted-foreground);margin:4px 0 14px}
.pp-badge{display:inline-flex;align-items:center;font-size:13px;font-weight:800;color:var(--background);background:linear-gradient(135deg,var(--gold),var(--gold-soft));padding:7px 14px;border-radius:999px;margin-bottom:6px}
.pp-panel{margin:18px 0;padding:16px 16px 4px;border-radius:14px;background:rgba(212,175,55,.05);border:1px solid rgba(212,175,55,.25)}
.pp-glow{box-shadow:0 0 30px -10px var(--gold)}
.pp-panel-label{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(212,175,55,.85);margin-bottom:8px}
.pp-includes-label{margin-top:18px}
.pp-list{list-style:none;display:flex;flex-direction:column;gap:8px;padding-bottom:12px}
.pp-list li{position:relative;padding-left:26px;font-size:14px;line-height:1.55;color:var(--foreground)}
.pp-list li::before{content:'✓';position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;background:rgba(212,175,55,.15);color:var(--gold);font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center}
.pp-cta{display:flex;align-items:center;justify-content:center;width:100%;height:56px;margin-top:20px;border-radius:999px;background-image:linear-gradient(100deg,var(--gold) 0%,var(--gold-soft) 45%,var(--gold) 90%);color:var(--background);font-family:var(--font-display);font-weight:800;font-size:14px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;box-shadow:0 8px 28px -8px var(--gold);transition:transform .2s}
.pp-cta:hover{transform:translateY(-2px)}

/* PRICING HERO (arriba de cada plan) */
.ph-wrap{width:100%;max-width:640px;margin:0 auto 32px;text-align:center}
.ph-head{padding:0 8px}
.ph-title{font-size:clamp(24px,6vw,36px);margin-bottom:14px}
.ph-sub{font-size:14px;font-weight:300;line-height:1.6;color:var(--muted-foreground);max-width:520px;margin:0 auto}
.ph-banner{margin:24px 0;background:linear-gradient(135deg,rgba(212,175,55,.14),rgba(245,214,133,.06));border:1px solid rgba(212,175,55,.3);border-radius:16px;padding:18px 20px;font-size:15px;font-weight:800;color:var(--gold);line-height:1.5}
.ph-proof{margin-top:8px}
.ph-proof-line{font-size:17px;font-weight:800;color:var(--foreground);line-height:1.4;margin-bottom:14px}
.ph-proof-img{width:100%;max-width:380px;border-radius:16px;border:1px solid var(--border-strong);box-shadow:0 8px 30px rgba(0,0,0,.4)}
.ph-results{margin-top:40px}
.ph-results-label{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.ph-results-title{font-size:clamp(18px,4vw,24px);margin-bottom:6px}
.ph-results-sub{font-size:13px;color:var(--muted-foreground);margin-bottom:20px}
.ph-carousel-row{overflow:hidden;width:100%;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)}
.ph-carousel-track{display:flex;gap:10px;width:max-content;animation:ticker 40s linear infinite}
.ph-carousel-img{height:180px;width:auto;border-radius:12px;object-fit:cover;flex-shrink:0;border:1px solid var(--border-strong)}
@media(max-width:560px){.ph-carousel-img{height:130px}}

/* CLASES DESBLOQUEADAS */
.cl-page{position:relative;max-width:720px;margin:0 auto;padding:24px 20px 64px}
.cl-locked{filter:blur(16px);pointer-events:none;user-select:none;transition:filter .5s ease}
.cl-gate{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:oklch(13.4% .003 106.7/.55)}
.cl-gate.cl-gate-hidden{display:none}
.cl-gate-card{max-width:420px;text-align:center;background:var(--card);border:1px solid var(--border-strong);border-radius:24px;padding:36px 28px;box-shadow:0 30px 80px -20px rgba(0,0,0,.6)}
.cl-gate-icon{font-size:38px;margin-bottom:14px}
.cl-gate-title{font-size:clamp(20px,4.5vw,26px);line-height:1.25;margin-bottom:14px}
.cl-gate-sub{font-size:14px;font-weight:300;line-height:1.6;color:var(--muted-foreground);margin-bottom:24px}
.cl-unlock-btn{gap:8px}
.cl-unlock-btn svg{width:18px;height:18px}
.cl-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0 28px;border-bottom:1px solid var(--border);margin-bottom:32px}
.cl-brand{font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:-.02em;font-size:16px}
.cl-brand span{color:var(--gold)}
.cl-unlocked{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted-foreground)}
.cl-unlocked::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);margin-right:6px;vertical-align:middle}
.cl-head{text-align:center;margin-bottom:44px}
.cl-title{font-size:clamp(24px,5vw,34px);margin-bottom:12px}
.cl-sub{font-size:14px;font-weight:300;color:var(--muted-foreground);max-width:480px;margin:0 auto;line-height:1.6}
.cl-list{display:flex;flex-direction:column;gap:48px}
.cl-item{text-align:center}
.cl-num{display:block;font-size:11px;letter-spacing:.2em;color:var(--gold);margin-bottom:6px}
.cl-item-title{font-size:clamp(19px,4vw,26px);margin-bottom:16px}
.cl-video{position:relative;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:1px solid var(--border-strong);background:var(--surface-2)}
.cl-video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cl-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;border:none;cursor:pointer;background:var(--gold);color:var(--background);display:flex;align-items:center;justify-content:center;animation:halo 2.2s ease-in-out infinite}
.cl-play-btn svg{width:26px;height:26px;margin-left:3px}