*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#010711;color:#fff;font-family:Arial,Helvetica,sans-serif}.topbar{position:fixed;z-index:50;top:0;left:0;right:0;height:64px;padding:0 max(20px,calc((100vw - 1400px)/2));display:flex;align-items:center;gap:30px;background:linear-gradient(180deg,rgba(1,8,18,.94),rgba(1,8,18,.62),transparent);backdrop-filter:blur(7px);transition:.3s}.topbar.scrolled{background:rgba(1,8,18,.92);box-shadow:0 10px 35px #0008}.brand{font-weight:900;font-style:italic;font-size:21px;text-decoration:none;white-space:nowrap}.brand b{color:#11aaff}.brand small{display:block;font-size:5px;letter-spacing:3px;color:#63c7ff;text-align:center}.topbar nav{display:flex;gap:26px;margin-left:auto}.topbar nav a{color:#fff;text-decoration:none;font-size:10px}.topbar nav a:hover{color:#1ab4ff}.topcta{margin-left:auto;padding:11px 18px;border-radius:24px;background:linear-gradient(90deg,#0789ed,#13b9ff);box-shadow:0 0 24px #009cff44;text-decoration:none;font-size:9px;font-weight:800;white-space:nowrap}.topcta span{font-size:17px;margin-left:8px}.menu{display:none;background:none;border:0;color:#fff;font-size:22px}
main{max-width:1536px;margin:auto}.poster-wrap{position:relative;width:100%;line-height:0;overflow:hidden}.poster{display:block;width:100%;height:auto;user-select:none}.shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.045) 49%,transparent 56%);transform:translateX(-120%);animation:shine 8s ease-in-out infinite}@keyframes shine{0%,55%{transform:translateX(-120%)}80%,100%{transform:translateX(120%)}}
.hotspot{position:absolute;z-index:5;display:block;border-radius:14px;transition:.2s}.hotspot:hover{background:#12b7ff12;box-shadow:0 0 25px #10aaff55}.hero-cta{left:4.7%;top:32.8%;width:24.6%;height:3.2%}.plan{top:80.7%;height:2.6%}.p1{left:5.2%;width:14.4%}.p3{left:21.4%;width:14.4%}.p6{left:38.6%;width:14.4%}.py{left:55.8%;width:14.4%}.instagram{left:38.5%;top:91.2%;width:25%;height:2.4%}.anchor{position:absolute;left:0;width:1px;height:1px}.a-features{top:40%}.a-how{top:47%}.a-results{top:58%}.a-plans{top:74%}
.faq{max-width:1536px;margin:auto;padding:70px 7%;background:radial-gradient(circle at 50% 0,#072541,transparent 50%),#020914;border-top:1px solid #0d6fa955}.faq-inner{max-width:900px;margin:auto}.faq small{letter-spacing:3px;color:#31b8ff}.faq h2{font-size:38px;margin:10px 0 28px}.faq details{border:1px solid #0b4268;background:#03111e;margin:9px 0;border-radius:8px;padding:0 20px}.faq summary{padding:18px 0;cursor:pointer;font-weight:700;font-size:13px}.faq p{color:#8ca5b8;font-size:12px;line-height:1.7;margin:0 0 18px}footer{text-align:center;padding:26px;background:#01060c;color:#638098;font-size:10px;border-top:1px solid #0b3450}footer a{color:#29b5ff;text-decoration:none}
@media(max-width:850px){.topbar{height:56px;padding:0 15px}.topbar nav{display:none;position:absolute;top:56px;left:0;right:0;padding:15px;background:#020b15;flex-direction:column;gap:0}.topbar nav.open{display:flex}.topbar nav a{padding:12px 18px;border-bottom:1px solid #ffffff0d}.topcta{font-size:7px;padding:9px 11px}.menu{display:block}.brand{font-size:17px}.poster-wrap{margin-top:0}.faq{padding:55px 18px}.faq h2{font-size:30px}}
@media(max-width:520px){.topbar .topcta{display:none}.menu{margin-left:auto}.poster-wrap{width:100%;min-height:0;background:#020914;overflow:hidden}.poster{display:block;width:100%;max-width:100%;height:auto;transform:none;object-fit:contain}.hotspot,.anchor{display:none}.faq{margin-top:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.shine{display:none}}
/* V2 — background, premium logo, videos and testimonials */
body{background:
 radial-gradient(circle at 12% 12%,rgba(0,145,255,.12),transparent 23%),
 radial-gradient(circle at 88% 36%,rgba(0,217,172,.07),transparent 24%),
 linear-gradient(rgba(12,80,125,.045) 1px,transparent 1px),
 linear-gradient(90deg,rgba(12,80,125,.045) 1px,transparent 1px),
 #010711;background-size:auto,auto,52px 52px,52px 52px;background-attachment:fixed}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 0 46%,rgba(17,150,230,.04) 46.2% 46.4%,transparent 46.6%),radial-gradient(ellipse at 50% 100%,rgba(11,105,170,.09),transparent 45%)}
main,.media-section,.testimonials,.faq,footer{position:relative;z-index:1}
.poster-wrap{box-shadow:0 30px 90px rgba(0,0,0,.65),0 0 80px rgba(0,126,210,.08)}
.brand{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:end;column-gap:2px;line-height:.78;filter:drop-shadow(0 0 11px rgba(22,168,255,.18))}
.fx-force{font:italic 900 23px Arial,sans-serif;letter-spacing:-2px;background:linear-gradient(180deg,#fff,#9aa8b5 48%,#e9f5ff 52%,#718292);-webkit-background-clip:text;color:transparent}
.fx-x{font:italic 900 31px Arial,sans-serif;letter-spacing:-4px;color:#16afff;text-shadow:0 0 18px rgba(0,164,255,.35);transform:skewX(-8deg)}
.brand small{grid-column:1/3;margin-top:5px;font:700 5px Arial;letter-spacing:3.2px;color:#53c7ff;text-align:center}
.media-section{max-width:1536px;margin:auto;padding:85px 5.5%;background:linear-gradient(180deg,rgba(1,7,17,.4),rgba(3,17,29,.82),rgba(1,7,17,.45));border-top:1px solid rgba(20,149,224,.18)}
.media-head{text-align:center;max-width:680px;margin:0 auto 38px}.media-head small,.testimonial-copy small{font-size:8px;letter-spacing:3px;color:#32b7ff}.media-head h2,.testimonial-copy h2{font-size:38px;letter-spacing:-1.5px;margin:10px 0}.media-head h2 em,.testimonial-copy h2 em{font-style:normal;color:#22adff}.media-head p,.testimonial-copy p{font-size:11px;line-height:1.7;color:#7791a5}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.video-card{border:1px solid rgba(39,165,240,.18);border-radius:12px;overflow:hidden;background:linear-gradient(145deg,rgba(7,24,38,.96),rgba(2,10,18,.96));box-shadow:0 22px 50px rgba(0,0,0,.28);transition:.3s}.video-card:hover{transform:translateY(-5px);border-color:rgba(40,181,255,.45);box-shadow:0 28px 65px rgba(0,0,0,.45),0 0 30px rgba(0,153,255,.08)}.video-frame{aspect-ratio:16/9;background:#020914;position:relative;overflow:hidden}.video-frame iframe{width:100%;height:100%;border:0}.video-frame.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#082b48,#020914 68%)}.video-frame.placeholder:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(23,127,190,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(23,127,190,.1) 1px,transparent 1px);background-size:25px 25px}.play{position:relative;z-index:1;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#0da5f3;box-shadow:0 0 28px #0da5f377;margin-bottom:10px}.placeholder b,.placeholder small{position:relative;z-index:1}.placeholder b{font-size:10px}.placeholder small{font-size:7px;color:#6d879b;margin-top:4px}.video-info{padding:18px}.video-info>span{font-size:6px;letter-spacing:2px;color:#2aaef5}.video-info h3{font-size:14px;margin:7px 0}.video-info p{font-size:9px;color:#70879a}.video-info a{display:inline-block;margin-top:8px;color:#32baff;text-decoration:none;font-size:7px;font-weight:800;letter-spacing:.7px}
.testimonials{max-width:1536px;margin:auto;padding:15px 5.5% 85px}.testimonial-art{min-height:300px;border:1px solid rgba(38,167,241,.2);border-radius:15px;overflow:hidden;position:relative;padding:48px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;background:radial-gradient(circle at 80% 40%,rgba(0,144,236,.15),transparent 28%),linear-gradient(120deg,#04111d,#061c2e 55%,#020914);box-shadow:0 30px 75px rgba(0,0,0,.4)}.chart-lines{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(31,151,220,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(31,151,220,.14) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent,#000)}.chart-lines:after{content:"";position:absolute;right:0;bottom:28%;width:55%;height:2px;background:linear-gradient(90deg,transparent,#17aaff,#35e0ad);transform:skewY(-8deg);box-shadow:0 0 16px #13a8ff}.testimonial-copy{position:relative;z-index:2}.testimonial-copy h2{text-align:left}.testimonial-copy a{display:inline-block;margin-top:17px;padding:12px 17px;border-radius:6px;background:linear-gradient(90deg,#0789e3,#18baff);color:#fff;text-decoration:none;font-size:8px;font-weight:800;box-shadow:0 0 25px rgba(0,159,255,.2)}.testimonial-copy a span{margin-left:8px}.testimonial-previews{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;transform:perspective(700px) rotateY(-7deg)}.testimonial-previews div{height:155px;border:1px solid rgba(50,180,249,.25);border-radius:8px;background:linear-gradient(145deg,rgba(9,40,64,.95),rgba(3,13,23,.98));box-shadow:0 18px 35px rgba(0,0,0,.35);display:flex;flex-direction:column;align-items:center;justify-content:center}.testimonial-previews b{font-size:32px;color:#0d7fb9}.testimonial-previews span{font-size:6px;letter-spacing:1.5px;color:#71a1bd}
@media(max-width:850px){.fx-force{font-size:19px}.fx-x{font-size:26px}.video-grid{grid-template-columns:1fr}.testimonial-art{grid-template-columns:1fr;gap:30px;padding:32px}.testimonial-copy{text-align:center}.testimonial-copy h2{text-align:center}.testimonial-previews{transform:none}.media-section{padding:65px 18px}.testimonials{padding:10px 18px 65px}}
@media(max-width:520px){body{background-size:auto,auto,34px 34px,34px 34px}.testimonial-previews{grid-template-columns:1fr}.testimonial-previews div{height:100px}.media-head h2,.testimonial-copy h2{font-size:29px}.testimonial-art{padding:27px 18px}}

/* V3 — menu readability + premium CTA + real testimonial samples */
@media(min-width:851px){
 .topbar{height:72px;gap:32px}
 .topbar nav{gap:31px}
 .topbar nav a{font-size:12px;font-weight:600;text-shadow:0 2px 10px #000}
 .topcta{position:relative;overflow:hidden;padding:13px 22px 13px 24px;font-size:10px;letter-spacing:.45px;border:1px solid rgba(109,214,255,.32);background:linear-gradient(110deg,#0879dc,#0ba9fa 52%,#29c8ff);box-shadow:0 8px 25px rgba(0,126,226,.28),inset 0 1px rgba(255,255,255,.24)}
 .topcta:before{content:"";position:absolute;top:-60%;left:-40%;width:45%;height:220%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);transform:rotate(18deg);transition:.55s}
 .topcta:hover:before{left:120%}
 .topcta:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(0,155,255,.38),0 0 30px rgba(0,155,255,.16)}
 .topcta span{display:inline-grid;place-items:center;width:20px;height:20px;margin-left:11px;border-radius:50%;background:rgba(255,255,255,.13)}
}
.testimonial-previews{align-items:center}
.testimonial-previews a{position:relative;display:block;height:220px;border:1px solid rgba(50,180,249,.28);border-radius:9px;overflow:hidden;background:#03101b;box-shadow:0 18px 38px rgba(0,0,0,.38);transition:.3s;text-decoration:none}
.testimonial-previews a:hover{transform:translateY(-6px);border-color:#29b9ff;box-shadow:0 25px 50px rgba(0,0,0,.5),0 0 25px rgba(0,159,255,.12)}
.testimonial-previews img{width:100%;height:100%;object-fit:cover;display:block}
.testimonial-previews a span{position:absolute;left:0;right:0;bottom:0;padding:10px;text-align:center;background:linear-gradient(transparent,rgba(0,8,15,.94));font-size:7px;letter-spacing:1.3px;color:#dff5ff}
.final-license{max-width:1536px;margin:auto;min-height:330px;padding:60px 7%;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-top:1px solid rgba(31,170,245,.22);background:radial-gradient(circle at 50% 55%,rgba(0,159,245,.18),transparent 32%),linear-gradient(180deg,#020914,#041625 50%,#020914)}
.final-license:before,.final-license:after{content:"";position:absolute;top:0;bottom:0;width:38%;opacity:.22;background-image:linear-gradient(rgba(31,149,220,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(31,149,220,.12) 1px,transparent 1px);background-size:30px 30px}
.final-license:before{left:0;mask-image:linear-gradient(90deg,#000,transparent)}.final-license:after{right:0;mask-image:linear-gradient(270deg,#000,transparent)}
.final-license-copy{position:relative;z-index:2;max-width:700px}.final-license-copy>small{font-size:8px;letter-spacing:3px;color:#2db7ff}.final-license h2{font-size:40px;letter-spacing:-1.7px;margin:10px 0}.final-license h2 em{font-style:normal;color:#23b5ff}.final-license-copy p{font-size:11px;line-height:1.7;color:#8099ac}
.whatsapp-btn{position:relative;z-index:2;margin-top:20px;min-width:255px;padding:11px 14px;border:1px solid rgba(113,255,181,.38);border-radius:9px;background:linear-gradient(105deg,#087b49,#0caf65,#21d981);box-shadow:0 12px 35px rgba(0,201,108,.18),inset 0 1px rgba(255,255,255,.2);display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff;transition:.3s}
.whatsapp-btn:hover{transform:translateY(-4px) scale(1.015);box-shadow:0 18px 45px rgba(0,219,118,.28),0 0 30px rgba(0,219,118,.14)}
.wa-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.15);font-size:20px}.whatsapp-btn>span:nth-child(2){text-align:left}.whatsapp-btn small{display:block;font-size:6px;letter-spacing:1.4px;opacity:.8}.whatsapp-btn b{display:block;font-size:14px;margin-top:2px}.whatsapp-btn i{font-style:normal;margin-left:auto;font-size:20px}.wa-note{position:relative;z-index:2;font-size:7px;color:#4e6f80;margin-top:11px}
@media(max-width:850px){.topbar nav a{font-size:12px}.testimonial-previews a{height:250px}.final-license{padding:55px 18px}.final-license h2{font-size:32px}}
@media(max-width:520px){.testimonial-previews a{height:auto;aspect-ratio:3/4}.final-license h2{font-size:28px}.whatsapp-btn{width:100%;max-width:300px}}

/* FIX RESPONSIVE IMAGEN PRINCIPAL */
.poster-wrap{width:100%;height:auto}
.poster{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;object-position:center top}
@media(max-width:850px){
 main{width:100%;max-width:100%;overflow:hidden}
 .poster-wrap{width:100%;height:auto;min-height:0}
 .poster{width:100%!important;max-width:100%!important;height:auto!important;transform:none!important;object-fit:contain!important}
}

/* MOBILE: deja espacio debajo del header fijo para mostrar completa la parte superior del diseño */
@media(max-width:850px){
  main{padding-top:56px}
  .poster-wrap{margin-top:0!important}
}
@media(max-width:520px){
  main{padding-top:56px}
  .poster-wrap{margin-top:0!important}
}