:root{
  --bg:#020711; --bg2:#061326; --panel:rgba(6,19,38,.74); --panel2:rgba(255,255,255,.035);
  --gold:#d7a947; --gold2:#f2ca71; --green:#22c55e; --red:#ef4444; --text:#f7fbff; --muted:#aeb9ca;
  --line:rgba(255,255,255,.10); --radius:28px; --shadow:0 24px 70px rgba(0,0,0,.45);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden} a{color:inherit;text-decoration:none} img{display:block;max-width:100%}
.container{width:min(1240px,calc(100% - 40px));margin:0 auto}.serif{font-family:Georgia,'Times New Roman',serif}.gold{color:var(--gold2)}.muted{color:var(--muted)}.smallcaps{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-weight:800}.section{padding:78px 0}.panel{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(16px)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:14px;padding:15px 22px;font-weight:850;font-size:14px;transition:.25s ease;border:1px solid transparent;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#081326;box-shadow:0 20px 40px rgba(215,169,71,.25)}.btn-secondary{border-color:rgba(215,169,71,.55);background:rgba(6,19,38,.70);color:#f5d68f}.btn-ghost{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.035);color:#fff}
.header{position:fixed;top:0;left:0;right:0;z-index:90;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(2,7,17,.68);backdrop-filter:blur(18px)}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-size:20px}.brand-mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--gold2),var(--gold));display:grid;place-items:center;color:#061326;font-weight:900;box-shadow:0 0 32px rgba(215,169,71,.25)}.nav-links{display:flex;align-items:center;gap:28px;font-size:14px;color:#d9e2f0}.nav-links a:hover{color:#fff}.nav-actions{display:flex;gap:10px;align-items:center}.mobile-toggle{display:none;background:none;border:0;color:white;font-size:28px}.mobile-menu{display:none;padding:0 0 20px}.mobile-menu a{display:block;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.hero{position:relative;min-height:880px;overflow:hidden;padding-top:74px}.chart-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}.chart-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#020711 0%,rgba(2,7,17,.86) 42%,rgba(2,7,17,.18) 100%),linear-gradient(0deg,#020711 0%,transparent 28%,rgba(2,7,17,.15) 100%)}.hero-inner{position:relative;z-index:2;min-height:806px;display:grid;grid-template-columns:.78fr 1.22fr;align-items:center}.hero h1{font-family:Georgia,serif;font-size:clamp(54px,7vw,102px);line-height:.93;letter-spacing:-.06em;margin:18px 0 24px;max-width:830px}.lead{font-size:20px;line-height:1.7;max-width:650px;color:#dbe4f2}.hero-ctas{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px}.micro{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px;max-width:820px}.micro-item{display:flex;gap:11px;align-items:flex-start}.micro svg,.icon svg{display:none;width:22px;height:22px;stroke:var(--gold);stroke-width:1.7;fill:none}.micro strong{display:block;font-size:14px}.micro span{font-size:12px;color:#aeb9ca}.hero-price{margin-top:20px;color:#f2d38b;font-weight:800}
.benefits{position:relative;z-index:4;margin-top:-70px}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.benefit{padding:30px;border-right:1px solid var(--line)}.benefit:last-child{border-right:0}.benefit h3{font-family:Georgia,serif;font-size:26px;margin:14px 0 9px}.benefit p{color:#b7c2d3;line-height:1.6;font-size:14px}
.section-title{max-width:850px;margin-bottom:34px}.section-title.center{text-align:center;margin-left:auto;margin-right:auto}.section-title h2{font-family:Georgia,serif;font-size:clamp(40px,5vw,68px);line-height:1.02;letter-spacing:-.05em;margin:10px 0 0}.section-title p{font-size:18px;line-height:1.75;color:#b7c2d3}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pain-card,.transform-card{padding:28px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.035);transition:.25s ease}.pain-card:hover,.transform-card:hover{transform:translateY(-4px);border-color:rgba(215,169,71,.34)}.pain-card h3,.transform-card h3{font-family:Georgia,serif;font-size:27px;margin:18px 0 10px;line-height:1.08}.pain-card p,.transform-card p{color:#b7c2d3;line-height:1.65;font-size:15px}.transform-wrap{position:relative;overflow:hidden;padding:40px}.transform-wrap .chart-canvas{opacity:.42}.transform-content{position:relative;z-index:2;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}.transform-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.about{display:grid;grid-template-columns:.85fr 1.05fr .8fr;overflow:hidden}.portrait-wrap{position:relative;min-height:520px;background:#dde4ef}.portrait-wrap img{width:100%;height:100%;object-fit:cover}.portrait-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(6,19,38,.05) 56%,rgba(6,19,38,1) 100%)}.about-copy{padding:48px}.about-copy h2{font-family:Georgia,serif;font-size:52px;line-height:1.02;letter-spacing:-.05em;margin:0}.about-copy p{font-size:17px;line-height:1.8;color:#c4cedd}.signature{font-family:Georgia,serif;font-style:italic;color:var(--gold2);font-size:36px;margin-top:22px}.about-side{border-left:1px solid var(--line);padding:38px;display:grid;align-content:center;gap:18px}.mini-card{padding:20px;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:20px}.mini-card strong{display:block;margin-top:10px}.mini-card span{color:#aeb9ca;font-size:14px;line-height:1.55}
.route-collection{display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;padding:44px}.route-list{display:grid;gap:14px}.route-item{display:grid;grid-template-columns:92px 1fr;gap:18px;padding:18px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.03)}.route-num{height:62px;width:70px;border-radius:18px;border:1px solid rgba(215,169,71,.35);display:grid;place-items:center;font-family:Georgia,serif;font-size:20px;color:var(--gold2);background:rgba(215,169,71,.08)}.route-item h3{margin:0;font-family:Georgia,serif;font-size:24px}.route-item p{margin:6px 0 0;color:#aeb9ca;line-height:1.55;font-size:14px}
.guides-layout{display:grid;grid-template-columns:.62fr 1.38fr;gap:26px}.promo-card{padding:30px}.promo-block{padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid var(--line)}.promo-block:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.promo-block h3{font-family:Georgia,serif;font-size:33px;margin:12px 0}.price{font-size:28px;font-weight:900;color:var(--gold2);margin:12px 0}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.guide-cover{position:relative;border-radius:22px;background:#f7f3ea;color:#071326;padding:12px;box-shadow:0 18px 40px rgba(0,0,0,.28);transition:.25s ease;min-height:320px}.guide-cover:hover{transform:translateY(-5px)}.guide-cover img{width:100%;height:100%;object-fit:cover;border-radius:14px}.mockups{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}.mockups img{height:165px;width:100%;object-fit:cover;border-radius:20px;border:1px solid var(--line)}
.results-layout{display:grid;grid-template-columns:.55fr 1.45fr;gap:34px;align-items:center}.cert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cert-grid img{height:190px;width:100%;object-fit:contain;object-position:center;border-radius:18px;border:1px solid var(--line);box-shadow:0 16px 35px rgba(0,0,0,.35);background:#0a1525}.proof-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:26px;border-top:1px solid var(--line);padding-top:24px}.proof{display:flex;gap:12px}.proof strong{display:block}.proof span{font-size:13px;color:#aeb9ca}
.mt5-layout{display:grid;grid-template-columns:.65fr .55fr .9fr;gap:26px;align-items:center}.mt5-logo{display:grid;place-items:center;padding:38px}.mt5-logo img{max-height:155px;object-fit:contain}.feature-list{display:grid;gap:13px}.feature-list li{list-style:none;display:flex;gap:12px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035);padding:16px}.feature-list strong{display:block}.feature-list span{font-size:13px;color:#aeb9ca}.final-cta{position:relative;overflow:hidden;padding:46px}.final-cta .chart-canvas{opacity:.45}.final-cta-content{position:relative;z-index:2;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:30px}.final-cta h2{font-family:Georgia,serif;font-size:58px;letter-spacing:-.05em;line-height:1.02;margin:0}.risk-note{font-size:12px;color:#8d9bad;line-height:1.6;margin-top:18px}.footer{border-top:1px solid var(--line);padding:46px 0;color:#9aa7ba}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:40px}.footer a{display:block;color:#c2cbda;margin:8px 0}.page-hero{padding:150px 0 70px;position:relative;overflow:hidden}.page-hero .chart-canvas{opacity:.45}.page-hero .container{position:relative;z-index:2}.page-hero h1{font-family:Georgia,serif;font-size:clamp(46px,6vw,82px);line-height:.98;letter-spacing:-.055em;max-width:940px;margin:14px 0}.page-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;align-items:center}.product-large{padding:28px}.product-large img{width:100%;border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.faq-item{border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.03);margin-bottom:12px;overflow:hidden}.faq-q{width:100%;background:none;border:0;color:white;text-align:left;padding:22px;font-weight:800;font-size:16px;cursor:pointer}.faq-a{display:none;padding:0 22px 22px;color:#b7c2d3;line-height:1.7}.faq-item.open .faq-a{display:block}.legal{max-width:920px}.legal h2{font-family:Georgia,serif;font-size:36px;margin-top:40px}.legal p,.legal li{color:#b7c2d3;line-height:1.75}.back-row{margin:26px 0}.notice{padding:18px;border:1px solid rgba(215,169,71,.25);background:rgba(215,169,71,.08);border-radius:18px;color:#f3d89a;margin:20px 0}
@media (max-width:1050px){.nav-links{display:none}.mobile-toggle{display:block}.nav.open+.mobile-menu{display:block}.hero-inner,.transform-content,.about,.route-collection,.guides-layout,.results-layout,.mt5-layout,.final-cta-content,.page-grid{grid-template-columns:1fr}.benefit-grid,.card-grid,.guide-grid,.cert-grid,.proof-grid{grid-template-columns:repeat(2,1fr)}.hero{min-height:auto}.hero-inner{min-height:760px}.about-side{border-left:0;border-top:1px solid var(--line)}.portrait-wrap{min-height:430px}.footer-grid{grid-template-columns:1fr}.mockups{grid-template-columns:repeat(2,1fr)}}
@media (max-width:650px){.container{width:min(100% - 28px,1240px)}.hero h1{font-size:48px}.hero-inner{min-height:700px}.micro,.benefit-grid,.card-grid,.transform-grid,.guide-grid,.cert-grid,.proof-grid{grid-template-columns:1fr}.section{padding:55px 0}.section-title h2,.about-copy h2,.route-collection h2,.final-cta h2{font-size:40px}.header .btn{display:none}.mockups{grid-template-columns:1fr}.nav{height:66px}.brand{font-size:17px}}

/* Checkout PayPal */
.checkout-hero{min-height:auto;padding-bottom:76px}
.checkout-panel{position:relative;z-index:2;margin-top:32px;padding:30px;display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:start}
.checkout-summary h2,.paypal-box h3{font-family:Georgia,serif;font-size:32px;line-height:1.1;margin:0 0 12px;color:#fff}
.paypal-box{border:1px solid rgba(215,169,71,.24);background:rgba(2,7,17,.64);border-radius:22px;padding:26px;box-shadow:0 18px 50px rgba(0,0,0,.28)}
#paypal-container-AEJHBADVCCKSG{margin-top:18px;min-height:48px}
@media(max-width:900px){.checkout-panel{grid-template-columns:1fr;padding:22px}.checkout-summary h2,.paypal-box h3{font-size:28px}}

/* Lead form, Instagram and Hotmart refinements */
.instagram-nav{display:inline-flex;align-items:center;gap:7px;color:#f2d38b;font-weight:800}.ig-icon,.instagram-glyph{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:8px;background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);color:white;font-weight:900;line-height:1}.footer-social{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.instagram-pill,.email-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(215,169,71,.35);background:rgba(255,255,255,.035);border-radius:999px;padding:9px 12px;color:#f4d38b;font-size:13px}.lead-form-grid{align-items:start}.lead-form-panel,.lead-value{padding:38px}.lead-form{display:grid;gap:16px;margin-top:22px}.lead-form label{display:grid;gap:8px;color:#dbe4f2;font-weight:750}.lead-form input[type="text"],.lead-form input[type="email"]{width:100%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);color:white;border-radius:14px;padding:15px 16px;font-size:16px;outline:none}.lead-form input:focus{border-color:rgba(215,169,71,.65);box-shadow:0 0 0 4px rgba(215,169,71,.09)}.lead-form .check{display:flex;grid-template-columns:none;gap:12px;align-items:flex-start;font-size:13px;line-height:1.5;color:#aeb9ca}.lead-form .check input{margin-top:4px}.lead-form .check a{text-decoration:underline;color:#f2d38b}.hidden{display:none!important}.checkout-guides{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.checkout-guides img{border-radius:14px;border:1px solid rgba(255,255,255,.12);background:white;max-height:190px;width:100%;object-fit:cover}.btn-wide{width:100%;margin-top:20px}.notice strong{color:#f2ca71}
@media(max-width:900px){.instagram-nav{display:none}.checkout-guides{grid-template-columns:repeat(3,1fr)}}

/* === Premium refinement pass: May 31 === */
.hero h1{font-size:clamp(52px,6.2vw,88px);max-width:940px;line-height:.96}.hero-keep{white-space:nowrap}.hero .lead{max-width:720px}.icon{display:inline-flex;align-items:center;justify-content:center}.premium-icon{width:44px;height:44px;border:1px solid rgba(215,169,71,.35);border-radius:16px;background:linear-gradient(135deg,rgba(215,169,71,.18),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 28px rgba(0,0,0,.18)}.premium-icon svg{width:23px;height:23px;stroke-width:1.45}
.ig-icon,.instagram-glyph{background:linear-gradient(135deg,#833ab4,#fd1d1d 52%,#fcb045);box-shadow:0 8px 22px rgba(253,29,29,.22)}.ig-svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:1.8}.instagram-glyph .ig-svg{width:15px;height:15px}
.pain-card,.transform-card,.benefit,.mini-card,.route-item,.feature-list li,.faq-item{box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 45px rgba(0,0,0,.16)}
.pain-visual{position:relative;overflow:hidden;min-height:270px;padding:34px;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.022))}.pain-visual::before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;opacity:.13;filter:grayscale(.15) saturate(.75);transform:scale(1.08);transition:.35s ease}.pain-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(2,7,17,.98) 0%,rgba(2,7,17,.82) 48%,rgba(2,7,17,.42) 100%)}.pain-visual>*{position:relative;z-index:2}.pain-visual:hover::before{opacity:.22;transform:scale(1.03)}.pain-screen::before{background-image:url('assets/guia1_pain.png')}.pain-emotion::before{background-image:url('assets/guia1_emotion.png')}.pain-signals::before{background-image:url('assets/guia1_strategyquant.png')}.pain-noise::before{background-image:url('assets/guia1_pain.png')}.pain-method::before{background-image:url('assets/guia1_ea.png')}.pain-stuck::before{background-image:url('assets/guia1_emotion.png')}.pain-visual h3{font-size:29px}.pain-visual p{font-size:16px;max-width:95%}
.transform-wrap{background:linear-gradient(135deg,rgba(8,19,38,.92),rgba(2,7,17,.92));border-color:rgba(215,169,71,.18)}.transform-visual{position:relative;overflow:hidden;min-height:230px;background:rgba(2,7,17,.64)}.transform-visual::before{content:"";position:absolute;right:-18px;bottom:-22px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(215,169,71,.16),transparent 64%)}.transform-visual::after{content:none;display:none}.transform-card h3{font-size:28px}.transform-card p{font-size:16px}
.about{position:relative;overflow:hidden}.about::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 35%,rgba(255,255,255,.06),transparent 24%),linear-gradient(90deg,transparent,rgba(215,169,71,.03));pointer-events:none}.portrait-wrap img{filter:contrast(1.04) saturate(.94)}.story-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:26px 0 4px}.story-timeline div{border:1px solid rgba(215,169,71,.22);background:rgba(215,169,71,.06);border-radius:14px;padding:10px}.story-timeline strong{display:block;color:#f2d38b;font-size:13px}.story-timeline span{display:block;color:#9fb0c7;font-size:11px;margin-top:2px}.about-side-premium .mini-card{position:relative;overflow:hidden;padding:22px}.about-side-premium .mini-card::after{content:"";position:absolute;right:-25px;top:-25px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(215,169,71,.15),transparent 62%)}.about-side-premium .mini-card .icon{width:44px;height:44px;border-radius:15px;border:1px solid rgba(215,169,71,.3);background:rgba(215,169,71,.09);margin-bottom:12px}.about-side-premium .mini-card .icon svg{width:22px;height:22px}
.route-collection{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(6,19,38,.88),rgba(2,7,17,.92))}.route-collection::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(215,169,71,.09),transparent 25%),radial-gradient(circle at 82% 82%,rgba(34,197,94,.07),transparent 27%);pointer-events:none}.route-collection>*{position:relative;z-index:2}.route-list-premium .route-item{grid-template-columns:70px 1fr;align-items:center;padding:14px 16px;background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.12)}.route-list-premium .route-item img{height:82px;width:58px;object-fit:cover;border-radius:10px;box-shadow:0 12px 24px rgba(0,0,0,.32);background:#fff}.route-tag{display:inline-flex;padding:3px 8px;border-radius:999px;border:1px solid rgba(215,169,71,.28);color:#f2d38b;font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.route-list-premium .route-item h3{font-size:25px}
.results-panel{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(6,19,38,.95),rgba(2,7,17,.94))}.results-panel::before{content:"";position:absolute;inset:0;background:url('assets/cert1.jpg') center/cover no-repeat;opacity:.075;filter:grayscale(.2) blur(1px);transform:scale(1.05)}.results-panel::after{content:"";position:absolute;right:4%;top:12%;width:260px;height:260px;border:1px solid rgba(215,169,71,.12);border-radius:50%;background:radial-gradient(circle,rgba(215,169,71,.08),transparent 68%)}.results-panel>*{position:relative;z-index:2}.cert-grid img{height:220px;transition:.25s ease}.cert-grid img:hover{transform:translateY(-5px);border-color:rgba(215,169,71,.34)}.proof{padding:12px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}
.mt5-layout{grid-template-columns:.55fr .85fr .9fr}.mt5-screen{position:relative;min-height:380px;border:1px solid rgba(215,169,71,.18);border-radius:26px;overflow:hidden;background:#020711;box-shadow:0 25px 70px rgba(0,0,0,.35)}.mt5-screen::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,7,17,.05),rgba(2,7,17,.16));pointer-events:none}.mt5-real{width:100%;height:100%;min-height:380px;object-fit:cover;object-position:center;filter:saturate(.95) contrast(1.02)}.mt5-badge{position:absolute;left:18px;bottom:18px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(2,7,17,.78);backdrop-filter:blur(8px);padding:10px 12px;color:#f2d38b;font-size:13px;font-weight:800}.mt5-badge img{width:42px;height:42px;object-fit:contain}
.pack-visual-grid .pack-include-card{position:relative;overflow:hidden;min-height:230px;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.024))}.pack-include-card::before{content:none;display:none}.pack-include-card::after{content:none;display:none}.pack-include-card>*{position:relative;z-index:2}
.checkout-panel{grid-template-columns:.95fr 1.05fr}.checkout-hero-product{border:1px solid rgba(215,169,71,.22);border-radius:22px;background:linear-gradient(135deg,rgba(215,169,71,.08),rgba(255,255,255,.025));padding:18px;margin:20px 0}.checkout-guides{margin:0}.checkout-guides img{max-height:240px;object-fit:cover;object-position:top;transition:.2s ease}.checkout-product-copy{display:grid;gap:4px;margin-top:14px}.checkout-product-copy strong{font-family:Georgia,serif;font-size:24px}.checkout-product-copy span{color:#b7c2d3}.checkout-product-copy em{font-style:normal;color:#f2d38b;font-weight:900;margin-top:4px}
.form-helper{margin:4px 0 0;font-size:13px;color:#9fb0c7;line-height:1.5}.form-helper a{color:#f2d38b;text-decoration:underline}.lead-form .btn{cursor:pointer;border:0}.lead-form-panel{position:relative;overflow:hidden}.lead-form-panel::after{content:"";position:absolute;right:-55px;bottom:-55px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(34,197,94,.1),transparent 66%)}
@media (max-width:1050px){.hero-keep{white-space:normal}.story-timeline{grid-template-columns:repeat(2,1fr)}.mt5-layout{grid-template-columns:1fr}.mt5-screen{min-height:320px}.mt5-real{min-height:320px}.pain-visual{min-height:230px}.route-list-premium .route-item{grid-template-columns:64px 1fr}.checkout-panel{grid-template-columns:1fr}}
@media (max-width:650px){.hero h1{font-size:45px}.story-timeline{grid-template-columns:1fr}.pain-visual{padding:26px}.mt5-screen,.mt5-real{min-height:250px}.checkout-guides{grid-template-columns:repeat(3,1fr)}}


/* === Ronda de refinado premium: hover visual, FAQ, footer y formulario === */
.pain-visual,
.transform-visual,
.pack-include-card,
.route-collection,
.results-panel{
  isolation:isolate;
}
.pain-visual::before{
  opacity:.20;
  filter:grayscale(.05) saturate(.95) contrast(1.06);
}
.pain-visual::after{
  background:linear-gradient(135deg,rgba(2,7,17,.90) 0%,rgba(2,7,17,.68) 50%,rgba(2,7,17,.30) 100%);
  transition:.35s ease;
}
.pain-visual:hover::before{
  opacity:.46;
  filter:grayscale(0) saturate(1.08) contrast(1.08);
  transform:scale(1.015);
}
.pain-visual:hover::after{
  background:linear-gradient(135deg,rgba(2,7,17,.72) 0%,rgba(2,7,17,.45) 52%,rgba(2,7,17,.18) 100%);
}
.transform-visual{
  position:relative;
  overflow:hidden;
  transition:.3s ease;
}
.transform-visual::before{
  background:radial-gradient(circle at 78% 78%,rgba(215,169,71,.20),transparent 58%),
             url('assets/guia1_ea.png') center/cover no-repeat;
  opacity:.18;
  filter:saturate(.8) contrast(1.06);
  transition:.35s ease;
}
.transform-visual::after{
  background:linear-gradient(135deg,rgba(2,7,17,.82),rgba(2,7,17,.36));
  transition:.35s ease;
}
.transform-visual:hover{
  transform:translateY(-4px);
  border-color:rgba(215,169,71,.36);
}
.transform-visual:hover::before{opacity:.42;filter:saturate(1.08) contrast(1.08);}
.transform-visual:hover::after{background:linear-gradient(135deg,rgba(2,7,17,.60),rgba(2,7,17,.20));}
.pack-include-card::after{transition:.35s ease;opacity:.48;}
.pack-include-card:hover::after{opacity:.95;box-shadow:0 0 40px rgba(215,169,71,.16);}
.pack-include-card:hover{transform:translateY(-4px);border-color:rgba(215,169,71,.36);}
.route-item,.pack-include-card,.benefit,.mini-card,.feature-list li,.faq-item,.btn,.instagram-pill,.email-pill{transition:.25s ease;}
.benefit:hover,.mini-card:hover,.feature-list li:hover,.route-item:hover{
  border-color:rgba(215,169,71,.36);
  background:rgba(255,255,255,.055);
  transform:translateY(-3px);
}
.faq-item:hover,
.faq-item.open{
  border-color:rgba(215,169,71,.55);
  box-shadow:0 0 0 1px rgba(215,169,71,.18),0 18px 44px rgba(0,0,0,.22);
  background:rgba(215,169,71,.055);
}
.faq-q:hover{color:#f2d38b;}
.faq-q{position:relative;padding-right:58px;}
.faq-q::after{
  content:'+';
  position:absolute;right:22px;top:50%;transform:translateY(-50%);
  width:28px;height:28px;border-radius:10px;border:1px solid rgba(215,169,71,.35);
  color:#f2d38b;display:grid;place-items:center;line-height:1;background:rgba(215,169,71,.05);
}
.faq-item.open .faq-q::after{content:'–';}
.btn-secondary:hover,.btn-ghost:hover,.instagram-pill:hover,.email-pill:hover{
  border-color:rgba(215,169,71,.75);
  box-shadow:0 0 0 1px rgba(215,169,71,.22),0 16px 34px rgba(0,0,0,.22);
}
.footer-grid{
  grid-template-columns:1fr 1fr 1.25fr;
  align-items:start;
}
.footer-col-card{
  border:1px solid rgba(255,255,255,.075);
  background:rgba(255,255,255,.025);
  border-radius:22px;
  padding:22px;
}
.footer-col-card strong{display:block;margin-bottom:12px;color:#e9eef8;}
.footer-brand-card{
  border-color:rgba(215,169,71,.20);
  background:linear-gradient(135deg,rgba(215,169,71,.06),rgba(255,255,255,.02));
}
.footer-brand-card .brand{margin-bottom:14px;}
.footer-social{margin-top:18px;}
.footer a:hover{color:#f2d38b;}
@media (max-width:1050px){.footer-grid{grid-template-columns:1fr}.footer-col-card{padding:20px}}

/* === Premium visual polish final === */
.icon,.premium-icon{display:none}
.icon svg,
.premium-icon svg{
  width:24px;
  height:24px;
  stroke:var(--gold2);
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.benefit-grid{background:linear-gradient(135deg,rgba(6,19,38,.82),rgba(2,7,17,.92));}
.benefit{
  position:relative;
  overflow:hidden;
  min-height:248px;
  background:linear-gradient(135deg,rgba(8,20,38,.86),rgba(3,10,20,.92));
}
.benefit::before{
  content:"";
  position:absolute;
  inset:0;
  background:var(--benefit-image) center/cover no-repeat;
  opacity:.085;
  transform:scale(1.04);
  filter:saturate(.92) contrast(1.05);
  transition:.35s ease;
}
.benefit::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(2,7,17,.82),rgba(6,19,38,.66));
}
.benefit > *{position:relative;z-index:2}
.benefit:nth-child(1){--benefit-image:url('assets/guia1_ea.png')}
.benefit:nth-child(2){--benefit-image:url('assets/guia1_strategyquant.png')}
.benefit:nth-child(3){--benefit-image:url('assets/mt5-real.png')}
.benefit:nth-child(4){--benefit-image:url('assets/cert2.jpg')}
.benefit:hover::before{opacity:.26;transform:scale(1.06)}
.benefit h3{font-size:28px;margin-top:18px}
.benefit p{font-size:15px;max-width:280px}

.pain-card,
.transform-card,
.mini-card,
.pack-include-card,
.guide-topic-card,
.proof,
.feature-list li,
.route-item{
  position:relative;
  overflow:hidden;
}
.pain-visual{
  min-height:292px;
  background:linear-gradient(135deg,rgba(5,14,28,.92),rgba(2,7,17,.86));
}
.pain-visual::before{
  content:"";
  position:absolute;
  inset:0;
  background:var(--pain-image) center/cover no-repeat;
  opacity:.14;
  transform:scale(1.02);
  filter:saturate(.9) contrast(1.05);
  transition:.4s ease;
}
.pain-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(2,7,17,.90) 0%,rgba(2,7,17,.72) 52%,rgba(2,7,17,.48) 100%);
  transition:.35s ease;
}
.pain-visual > *{position:relative;z-index:2}
.pain-screen{--pain-image:url('assets/guia1_pain.png')}
.pain-emotion{--pain-image:url('assets/guia1_emotion.png')}
.pain-signals{--pain-image:url('assets/guia1_strategyquant.png')}
.pain-noise{--pain-image:url('assets/guia1_pain.png')}
.pain-method{--pain-image:url('assets/guia1_ea.png')}
.pain-stuck{--pain-image:url('assets/guia1_strategyquant.png')}
.pain-visual:hover{transform:translateY(-5px);border-color:rgba(215,169,71,.38)}
.pain-visual:hover::before{opacity:.52;transform:scale(1.05)}
.pain-visual:hover::after{background:linear-gradient(135deg,rgba(2,7,17,.66) 0%,rgba(2,7,17,.38) 52%,rgba(2,7,17,.22) 100%)}
.pain-card h3{font-size:30px;max-width:340px}
.pain-card p{font-size:16px;max-width:410px}

.transform-wrap{background:linear-gradient(135deg,rgba(6,19,38,.92),rgba(2,7,17,.92));}
.transform-wrap::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 22%,rgba(215,169,71,.09),transparent 22%);pointer-events:none}
.transform-card{
  min-height:250px;
  background:linear-gradient(135deg,rgba(6,19,38,.72),rgba(2,7,17,.72));
  backdrop-filter:blur(10px);
}
.transform-visual::before{
  content:"";
  position:absolute;
  inset:0;
  background:var(--trans-image) center/cover no-repeat;
  opacity:.11;
  filter:saturate(.94) contrast(1.06);
  transform:scale(1.03);
  transition:.35s ease;
}
.transform-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(145deg,rgba(2,7,17,.82),rgba(2,7,17,.46));
  transition:.35s ease;
}
.transform-visual > *{position:relative;z-index:2}
.trans-order{--trans-image:url('assets/guia1_strategyquant.png')}
.trans-emotion{--trans-image:url('assets/guia1_emotion.png')}
.trans-criteria{--trans-image:url('assets/guia1_pain.png')}
.trans-process{--trans-image:url('assets/guia1_ea.png')}
.transform-card:hover::before{opacity:.34;transform:scale(1.05)}
.transform-card:hover::after{background:linear-gradient(145deg,rgba(2,7,17,.66),rgba(2,7,17,.20))}
.transform-card:hover{border-color:rgba(215,169,71,.38);transform:translateY(-4px)}
.transform-card h3{font-size:30px}
.transform-card p{font-size:16px;max-width:350px}

.about-side-premium .mini-card{
  min-height:168px;
  background:linear-gradient(145deg,rgba(8,20,38,.78),rgba(4,11,21,.82));
}
.about-side-premium .mini-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:var(--mini-image) center/cover no-repeat;
  opacity:.08;
  filter:saturate(.9) contrast(1.05);
  transition:.35s ease;
}
.about-side-premium .mini-card:nth-child(1){--mini-image:url('assets/guia1_ea.png')}
.about-side-premium .mini-card:nth-child(2){--mini-image:url('assets/cert2.jpg')}
.about-side-premium .mini-card:nth-child(3){--mini-image:url('assets/guia1_strategyquant.png')}
.about-side-premium .mini-card > *{position:relative;z-index:2}
.about-side-premium .mini-card:hover::before{opacity:.18;transform:scale(1.04)}
.about-side-premium .mini-card strong{font-size:18px}
.about-side-premium .mini-card span:last-child{font-size:15px}

.guide-topic-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
  margin-top:18px;
}
.guide-topic-card{
  padding:18px 18px 18px 20px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(7,18,34,.82),rgba(3,10,19,.90));
  min-height:154px;
}
.guide-topic-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:var(--topic-image) center/cover no-repeat;
  opacity:.065;
  filter:saturate(.9) contrast(1.05);
  transition:.35s ease;
}
.guide-topic-card::after{content:none;display:none}
.guide-topic-card > *{position:relative;z-index:2}
.guide-topic-card:nth-child(1){--topic-image:url('assets/guia1.png')}
.guide-topic-card:nth-child(2){--topic-image:url('assets/guia2.png')}
.guide-topic-card:nth-child(3){--topic-image:url('assets/guia3.png')}
.guide-topic-card:nth-child(4){--topic-image:url('assets/bonus.png')}
.guide-topic-card:hover{transform:translateY(-4px);border-color:rgba(215,169,71,.35)}
.guide-topic-card:hover::before{opacity:.13}
.guide-topic-card strong{display:block;font-family:Georgia,serif;font-size:22px;line-height:1.08;margin-bottom:10px}
.guide-topic-card p{margin:0;color:#c1cbda;line-height:1.65;font-size:15px;max-width:92%}

.pack-include-card{
  min-height:260px;
  padding:26px;
  background:linear-gradient(145deg,rgba(7,18,34,.82),rgba(3,10,19,.92));
}
.pack-include-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:var(--pack-image) center/cover no-repeat;
  opacity:.07;
  filter:saturate(.9) contrast(1.05);
  transition:.35s ease;
}
.pack-include-card > *{position:relative;z-index:2}
.pack-visual-grid .pack-include-card:nth-child(1){--pack-image:url('assets/guia2.png')}
.pack-visual-grid .pack-include-card:nth-child(2){--pack-image:url('assets/mt5-real.png')}
.pack-visual-grid .pack-include-card:nth-child(3){--pack-image:url('assets/bonus.png')}
.pack-visual-grid .pack-include-card:nth-child(4){--pack-image:url('assets/guia3.png')}
.pack-visual-grid .pack-include-card:nth-child(5){--pack-image:url('assets/cert1.jpg')}
.pack-visual-grid .pack-include-card:nth-child(6){--pack-image:url('assets/guia1_strategyquant.png')}
.pack-include-card:hover::before{opacity:.16;transform:scale(1.03)}
.pack-include-card h3{font-size:26px;max-width:420px}
.pack-include-card p{font-size:16px;color:#c4cedd}

.results-panel{background:linear-gradient(135deg,rgba(6,19,38,.96),rgba(2,7,17,.95));}
.results-panel::before{
  background:url('assets/cert2.jpg') right center/cover no-repeat;
  opacity:.10;
  filter:grayscale(.05) brightness(.95) contrast(1.06);
}
.results-panel::after{
  right:2%;top:10%;width:320px;height:320px;
  background:radial-gradient(circle,rgba(215,169,71,.12),transparent 68%);
}
.results-layout{grid-template-columns:.7fr 1.3fr;align-items:start}
.cert-grid{grid-template-columns:repeat(2,1fr);gap:18px}
.cert-grid img{
  height:230px;
  background:#071021;
  border:1px solid rgba(255,255,255,.08);
  padding:0;
  object-fit:cover;
  filter:brightness(1.08) contrast(1.06);
}
.cert-grid img:nth-child(1),
.cert-grid img:nth-child(2){object-position:right center}
.proof-grid{gap:14px}
.proof{
  min-height:108px;
  align-items:flex-start;
  background:linear-gradient(145deg,rgba(7,18,34,.82),rgba(4,10,20,.90));
  border:1px solid rgba(255,255,255,.08);
}
.proof strong{font-size:17px;margin-bottom:4px}
.proof span{font-size:14px;line-height:1.6}

.mt5-panel{position:relative;overflow:hidden}
.mt5-panel::before{
  content:"";
  position:absolute;
  inset:0;
  background:url('assets/mt5-real.png') center/cover no-repeat;
  opacity:.42;
  filter:saturate(.95) contrast(1.08);
  transform:scale(1.02);
}
.mt5-panel::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(2,7,17,.85) 0%,rgba(2,7,17,.70) 38%,rgba(2,7,17,.52) 62%,rgba(2,7,17,.68) 100%);
}
.mt5-panel > *{position:relative;z-index:2}
.mt5-layout{grid-template-columns:.92fr 1.08fr;gap:34px;align-items:start}
.mt5-inline-note{
  display:flex;
  align-items:center;
  gap:12px;
  width:min(500px,100%);
  padding:14px 16px;
  margin-top:26px;
  border:1px solid rgba(215,169,71,.28);
  border-radius:18px;
  background:rgba(6,19,38,.56);
  box-shadow:0 16px 36px rgba(0,0,0,.20);
}
.mt5-inline-note img{width:42px;height:42px;object-fit:contain}
.mt5-inline-note strong{display:block;font-size:16px;color:#f4d38c}
.mt5-inline-note span{display:block;color:#c3cfdf;font-size:14px;line-height:1.55}
.feature-list li{
  padding:18px;
  min-height:104px;
  background:linear-gradient(145deg,rgba(8,20,38,.82),rgba(3,10,19,.92));
}
.feature-list li::before{
  content:"";
  position:absolute;
  inset:0;
  background:var(--feature-image) center/cover no-repeat;
  opacity:.06;
  filter:saturate(.9) contrast(1.05);
  transition:.35s ease;
}
.feature-list li > *{position:relative;z-index:2}
.feature-list li:nth-child(1){--feature-image:url('assets/guia1_ea.png')}
.feature-list li:nth-child(2){--feature-image:url('assets/guia1_strategyquant.png')}
.feature-list li:nth-child(3){--feature-image:url('assets/mt5-real.png')}
.feature-list li:nth-child(4){--feature-image:url('assets/guia1_pain.png')}
.feature-list li:hover::before{opacity:.16}
.feature-list strong{font-size:18px}
.feature-list span{font-size:14px;line-height:1.6;color:#c3cfdf}

.footer{padding:54px 0 62px}
.footer-grid{
  grid-template-columns:repeat(3,1fr);
  gap:26px;
  align-items:stretch;
}
.footer-col-card{
  min-height:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.footer-col-card a{margin:7px 0}
.footer-brand-card{justify-content:space-between}
.footer-brand-card .brand{margin-bottom:10px}
.footer-social{display:flex;flex-direction:column;gap:12px;align-items:flex-start}

@media (max-width:1050px){
  .results-layout,.mt5-layout{grid-template-columns:1fr}
  .guide-topic-grid{grid-template-columns:1fr}
  .cert-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .benefit-grid,.card-grid,.transform-grid,.proof-grid{grid-template-columns:1fr}
  .guide-grid{grid-template-columns:repeat(2,1fr)}
  .cert-grid{grid-template-columns:1fr}
}

/* === Sin iconos: ajustes de espaciado === */
.benefit h3 { margin-top: 0; }
.mini-card strong { margin-top: 0; }
.proof { align-items: flex-start; }
.pain-card h3, .transform-card h3 { margin-top: 0; }
.micro-item { align-items: flex-start; }
.feature-list li strong { display: block; }
.promo-block h3 { margin-top: 0; }
.route-item h3 { margin-top: 0; }

/* ══════════════════════════════════════════════
   PAIN / TRANSFORM SVG ILLUSTRATIONS
   ══════════════════════════════════════════════ */
.pain-svg-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}
.pain-svg-bg svg {
  width: 100%;
  height: 100%;
  opacity: 0.55;
  transition: opacity 0.4s ease;
}
.pain-visual:hover .pain-svg-bg svg,
.transform-visual:hover .pain-svg-bg svg {
  opacity: 0.85;
}
/* Remove old background-image from pain-visual::before since we use inline SVG now */
.pain-screen::before,
.pain-emotion::before,
.pain-signals::before,
.pain-noise::before,
.pain-method::before,
.pain-stuck::before,
.trans-order::before,
.trans-emotion::before,
.trans-criteria::before,
.trans-process::before {
  background-image: none !important;
  opacity: 0 !important;
}

/* ══════════════════════════════════════════════
   ABOUT SECTION — wider right side, no mini-cards
   ══════════════════════════════════════════════ */
.about {
  grid-template-columns: 0.75fr 1.25fr !important;
}
.about-copy {
  padding: 52px 44px;
}
.about-copy p {
  font-size: 16px;
  line-height: 1.82;
  color: #c4cedd;
  margin-bottom: 16px;
}
.about-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin: 32px 0 28px;
  border-top: 1px solid rgba(255,255,255,0.08);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  padding: 24px 0;
}
.about-stat {
  text-align: center;
}
.about-stat-num {
  display: block;
  font-family: Georgia, serif;
  font-size: 38px;
  font-weight: 700;
  color: var(--gold2);
  line-height: 1;
  margin-bottom: 6px;
}
.about-stat-label {
  display: block;
  font-size: 12px;
  color: #7a8fa8;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
@media (max-width:1050px) {
  .about {
    grid-template-columns: 1fr !important;
  }
  .about-stats {
    grid-template-columns: repeat(3,1fr);
  }
}
@media (max-width:650px) {
  .about-stats {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .about-copy { padding: 32px 22px; }
}

/* ══════════════════════════════════════════════
   FOOTER — top nav cols + bottom brand centered
   ══════════════════════════════════════════════ */
.footer-top-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  max-width: 560px;
  margin: 0 auto 40px;
}
.footer-bottom {
  border-top: 1px solid rgba(255,255,255,0.07);
  padding-top: 36px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.footer-bottom .brand {
  justify-content: center;
  font-size: 22px;
}
.footer-tagline {
  max-width: 520px;
  font-size: 14px;
  line-height: 1.7;
  color: #8899b0;
}
.footer-bottom .footer-social {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  margin: 4px 0;
}
.footer-risk {
  font-size: 11px;
  color: #556070;
  max-width: 560px;
  line-height: 1.6;
}
.footer-copy {
  font-size: 12px;
  color: #4a5568;
  margin-top: 4px;
}
@media (max-width:650px) {
  .footer-top-grid {
    grid-template-columns: 1fr;
    max-width: 100%;
  }
}

/* ══════════════════════════════════════════════
   PAIN CARDS — real illustration backgrounds
   ══════════════════════════════════════════════ */

/* Remove old SVG pseudo-elements completely */
.pain-screen::before,.pain-emotion::before,.pain-signals::before,
.pain-noise::before,.pain-method::before,.pain-stuck::before {
  display: none !important;
}

/* Overlay: dark gradient bottom-to-top so text is readable */
.pain-img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(2,7,17,0.97) 0%,
    rgba(2,7,17,0.82) 38%,
    rgba(2,7,17,0.45) 65%,
    rgba(2,7,17,0.15) 100%
  );
  transition: background 0.5s ease;
  z-index: 1;
}

/* On hover: reveal more image, keep text zone dark */
.pain-card:hover .pain-img-overlay {
  background: linear-gradient(
    to top,
    rgba(2,7,17,0.96) 0%,
    rgba(2,7,17,0.70) 38%,
    rgba(2,7,17,0.22) 65%,
    rgba(2,7,17,0.05) 100%
  );
}

/* Slight zoom on hover */
.pain-card {
  background-color: #061326;
  transition: transform 0.45s ease, box-shadow 0.45s ease;
}
.pain-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 24px 48px rgba(0,0,0,0.5);
}

/* Text sits above overlay */
.pain-text {
  position: relative;
  z-index: 2;
  padding: 0;
  margin-top: auto;
}

/* Make cards flex column so text always sits at bottom */
.pain-card.pain-visual {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  overflow: hidden;
  min-height: 320px;
}

/* Subtle gold border on hover */
.pain-card:hover {
  border-color: rgba(215,169,71,0.35) !important;
}

/* Image scale on hover via pseudo scale trick */
.pain-card.pain-visual::after {
  content: '';
  position: absolute;
  inset: 0;
  background: inherit;
  background-size: cover;
  background-position: inherit;
  transform: scale(1);
  transition: transform 0.6s ease;
  z-index: 0;
}

/* ══════════════════════════════════════════════
   PAIN CARDS v2 — inner bg div for clean zoom
   ══════════════════════════════════════════════ */
.pain-card.pain-visual {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 320px;
  background: #061326;
  border: 1px solid #1a2a3a;
  transition: transform 0.45s ease, border-color 0.45s ease, box-shadow 0.45s ease;
}

.pain-img-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-repeat: no-repeat;
  transform: scale(1.04);
  transition: transform 0.65s cubic-bezier(0.25,0.46,0.45,0.94);
  z-index: 0;
}

.pain-card:hover .pain-img-bg {
  transform: scale(1.12);
}

.pain-card:hover {
  transform: translateY(-6px);
  border-color: rgba(215,169,71,0.4) !important;
  box-shadow: 0 28px 56px rgba(0,0,0,0.55);
}

.pain-text {
  position: relative;
  z-index: 2;
}

/* ══════════════════════════════════════════════
   PAIN CARDS v3 — editorial, imagen visible
   texto sobre imagen con overlay mínimo
   ══════════════════════════════════════════════ */

/* Override overlay — mucho más ligero */
.pain-img-overlay {
  background: linear-gradient(
    to top,
    rgba(2,7,17,0.88) 0%,
    rgba(2,7,17,0.55) 30%,
    rgba(2,7,17,0.18) 60%,
    rgba(2,7,17,0.04) 100%
  ) !important;
  transition: background 0.5s ease;
}

.pain-card:hover .pain-img-overlay {
  background: linear-gradient(
    to top,
    rgba(2,7,17,0.82) 0%,
    rgba(2,7,17,0.38) 28%,
    rgba(2,7,17,0.08) 55%,
    rgba(2,7,17,0.00) 100%
  ) !important;
}

/* Cards más altas para que se vea más imagen */
.pain-card.pain-visual {
  min-height: 380px !important;
}

/* Título grande, impactante, con text-shadow para legibilidad sin overlay */
.pain-text h3 {
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  color: #ffffff !important;
  text-shadow:
    0 2px 12px rgba(0,0,0,0.9),
    0 1px 3px rgba(0,0,0,1),
    0 0 40px rgba(0,0,0,0.7) !important;
  margin-bottom: 8px !important;
  letter-spacing: -0.01em;
}

/* Descripción: pequeña, debajo, con text-shadow */
.pain-text p {
  font-size: 13px !important;
  color: rgba(220,230,245,0.88) !important;
  line-height: 1.55 !important;
  text-shadow: 0 1px 8px rgba(0,0,0,0.95), 0 0 20px rgba(0,0,0,0.8) !important;
  max-width: 95%;
}

/* Padding generoso en el texto */
.pain-card .pain-text {
  padding: 20px 22px 24px !important;
}

/* Línea dorada encima del título — detalle editorial */
.pain-text::before {
  content: '';
  display: block;
  width: 32px;
  height: 2px;
  background: var(--gold2, #d7a947);
  margin-bottom: 12px;
  opacity: 0.8;
}

/* ══════════════════════════════════════════════
   TRANSFORM CARDS — real images, same system as pain cards
   ══════════════════════════════════════════════ */
.transform-card.transform-visual {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 280px;
  background: #061326;
  border-radius: 14px;
  border: 1px solid #1a2a3a;
  transition: transform 0.45s ease, border-color 0.45s ease, box-shadow 0.45s ease;
}

/* Remove old before pseudo-elements */
.trans-order::before, .trans-emotion::before,
.trans-criteria::before, .trans-process::before {
  display: none !important;
}

.transform-card:hover {
  transform: translateY(-6px);
  border-color: rgba(215,169,71,0.4) !important;
  box-shadow: 0 28px 56px rgba(0,0,0,0.55);
}

.transform-card .pain-img-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-repeat: no-repeat;
  transform: scale(1.04);
  transition: transform 0.65s cubic-bezier(0.25,0.46,0.45,0.94);
  z-index: 0;
}

.transform-card:hover .pain-img-bg {
  transform: scale(1.12);
}

.transform-card .pain-img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(2,7,17,0.92) 0%,
    rgba(2,7,17,0.60) 32%,
    rgba(2,7,17,0.20) 62%,
    rgba(2,7,17,0.04) 100%
  );
  transition: background 0.5s ease;
  z-index: 1;
}

.transform-card:hover .pain-img-overlay {
  background: linear-gradient(
    to top,
    rgba(2,7,17,0.85) 0%,
    rgba(2,7,17,0.40) 30%,
    rgba(2,7,17,0.08) 58%,
    rgba(2,7,17,0.00) 100%
  );
}

.transform-card .pain-text {
  position: relative;
  z-index: 2;
  padding: 20px 22px 24px;
}

.transform-card .pain-text::before {
  content: '';
  display: block;
  width: 32px;
  height: 2px;
  background: var(--gold2, #d7a947);
  margin-bottom: 12px;
  opacity: 0.8;
}

.transform-card .pain-text h3 {
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  color: #ffffff !important;
  text-shadow:
    0 2px 12px rgba(0,0,0,0.9),
    0 1px 3px rgba(0,0,0,1),
    0 0 40px rgba(0,0,0,0.7) !important;
  margin-bottom: 8px !important;
}

.transform-card .pain-text p {
  font-size: 13px !important;
  color: rgba(220,230,245,0.88) !important;
  line-height: 1.55 !important;
  text-shadow: 0 1px 8px rgba(0,0,0,0.95), 0 0 20px rgba(0,0,0,0.8) !important;
}

/* ══════════════════════════════════════════════
   FIX: trans-criteria (camino) — imagen muy oscura,
   reducir overlay al mínimo y ajustar posición
   ══════════════════════════════════════════════ */
.trans-criteria .pain-img-overlay {
  background: linear-gradient(
    to top,
    rgba(2,7,17,0.85) 0%,
    rgba(2,7,17,0.40) 25%,
    rgba(2,7,17,0.10) 50%,
    rgba(2,7,17,0.00) 100%
  ) !important;
}

.trans-criteria:hover .pain-img-overlay {
  background: linear-gradient(
    to top,
    rgba(2,7,17,0.75) 0%,
    rgba(2,7,17,0.20) 22%,
    rgba(2,7,17,0.00) 45%,
    rgba(2,7,17,0.00) 100%
  ) !important;
}

/* Camino — centrar en la luz dorada del horizonte */
.trans-criteria .pain-img-bg {
  background-position: center 40% !important;
}

/* trans-order también tiene texto muy abajo — respirar más */
.trans-order .pain-img-bg {
  background-position: center 30% !important;
}

.trans-emotion .pain-img-bg {
  background-position: center 30% !important;
}

/* Engranajes — centrar en la parte con más detalle */
.trans-process .pain-img-bg {
  background-position: center center !important;
}

/* ══════════════════════════════════════════════
   FIX trans-emotion: cara dividida — centrar en ojos
   ══════════════════════════════════════════════ */
.trans-emotion .pain-img-bg {
  background-position: center 20% !important;
}

/* trans-emotion overlay: cara ya es oscura, overlay mínimo */
.trans-emotion .pain-img-overlay {
  background: linear-gradient(
    to top,
    rgba(2,7,17,0.90) 0%,
    rgba(2,7,17,0.50) 28%,
    rgba(2,7,17,0.15) 55%,
    rgba(2,7,17,0.00) 100%
  ) !important;
}

.trans-emotion:hover .pain-img-overlay {
  background: linear-gradient(
    to top,
    rgba(2,7,17,0.80) 0%,
    rgba(2,7,17,0.28) 26%,
    rgba(2,7,17,0.05) 50%,
    rgba(2,7,17,0.00) 100%
  ) !important;
}

/* ══════════════════════════════════════════════
   trans-emotion v2: hombre sereno — imagen muy oscura
   overlay mínimo, centrar en figura
   ══════════════════════════════════════════════ */
.trans-emotion .pain-img-bg {
  background-position: center 35% !important;
  filter: brightness(1.15) !important;
}

.trans-emotion .pain-img-overlay {
  background: linear-gradient(
    to top,
    rgba(2,7,17,0.88) 0%,
    rgba(2,7,17,0.42) 30%,
    rgba(2,7,17,0.10) 58%,
    rgba(2,7,17,0.00) 100%
  ) !important;
}

.trans-emotion:hover .pain-img-overlay {
  background: linear-gradient(
    to top,
    rgba(2,7,17,0.78) 0%,
    rgba(2,7,17,0.22) 28%,
    rgba(2,7,17,0.02) 52%,
    rgba(2,7,17,0.00) 100%
  ) !important;
}

.trans-emotion:hover .pain-img-bg {
  filter: brightness(1.25) !important;
}

/* ══════════════════════════════════════════════
   FIX DEFINITIVO v7
   ══════════════════════════════════════════════ */

/* 1. Eliminar el cuadrado interno (::after del transform-visual original) */
.transform-visual::after {
  display: none !important;
}

/* 2. Pain cards — el ::before original tiene opacity:0.13 y las imágenes de guias
      Lo anulamos completamente y dejamos el pain-img-bg hacer el trabajo */
.pain-visual::before {
  display: none !important;
}

/* 3. Anular el ::after original de pain-visual (overlay antiguo) */
.pain-visual::after {
  display: none !important;
}

/* 4. pain-img-bg — asegurar que cubre todo absolutamente */
.pain-img-bg {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  transform: scale(1.04) !important;
  transition: transform 0.65s cubic-bezier(0.25,0.46,0.45,0.94) !important;
  z-index: 0 !important;
}

.pain-card:hover .pain-img-bg,
.transform-card:hover .pain-img-bg {
  transform: scale(1.12) !important;
}

/* 5. pain-img-overlay — encima del bg, debajo del texto */
.pain-img-overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 6. pain-text — encima de todo */
.pain-text,
.transform-card .pain-text {
  position: relative !important;
  z-index: 2 !important;
}

/* 7. pain-card y transform-card visual — position relative para que los absolutos funcionen */
.pain-card.pain-visual,
.transform-card.transform-visual {
  position: relative !important;
  overflow: hidden !important;
}

/* ══════════════════════════════════════════════
   FIX DEFINITIVO v8 — todos los problemas móvil
   ══════════════════════════════════════════════ */

/* 1. CUADRADITO — eliminar ::after de transform-visual y pain-visual */
.transform-visual::after,
.pain-card.pain-visual::after,
.pain-visual::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
}

/* También el de benefit y lead-form (esquinas decorativas) — no molestar en móvil */
@media (max-width: 768px) {
  .lead-form-panel::after { display: none !important; }
}

/* 2. TROFEOS (cert-grid) — apilar en columna en móvil */
@media (max-width: 768px) {
  .cert-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .cert-grid img {
    height: 240px !important;
    width: 100% !important;
  }
  .results-layout {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
}

/* 3. MICRO-ITEMS MetaTrader — alinear correctamente */
@media (max-width: 768px) {
  .micro-item {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
    padding: 14px !important;
  }
  .micro-item strong,
  .micro-item span {
    text-align: left !important;
  }
  .route-collection {
    grid-template-columns: 1fr !important;
  }
  .route-item {
    width: 100% !important;
  }
}

/* 4. PACK COMPLETO — alinear en móvil */
@media (max-width: 768px) {
  .promo-grid,
  .page-grid,
  .guides-layout,
  .checkout-guides {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  .promo-block {
    width: 100% !important;
    padding: 22px !important;
  }
  /* Quitar cuadraditos en pack-completo también */
  .promo-block::after,
  .benefit::after {
    content: none !important;
    display: none !important;
  }
  /* Centrar contenido de pack */
  .lead-form-grid {
    grid-template-columns: 1fr !important;
  }
  .lead-value {
    display: none !important;
  }
  .lead-form-panel {
    padding: 24px !important;
  }
}

/* 5. FOOTER — 1 columna en móvil */
@media (max-width: 768px) {
  .footer-top-grid {
    grid-template-columns: 1fr !important;
    max-width: 100% !important;
    gap: 16px !important;
  }
  .footer-grid {
    grid-template-columns: 1fr !important;
  }
  .footer-col-card {
    width: 100% !important;
  }
}

/* 6. PROOF-GRID en móvil */
@media (max-width: 768px) {
  .proof-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
  }
}

/* ══════════════════════════════════════════════
   FIX PACK-COMPLETO móvil
   ══════════════════════════════════════════════ */
@media (max-width: 768px) {
  /* Grid principal del pack */
  .page-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  /* Cards del pack */
  .card-grid.pack-visual-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .pain-card.pack-include-card {
    min-height: auto !important;
    padding: 22px !important;
  }

  /* Quitar cuadradito de pack-include-cards */
  .pack-include-card::after,
  .pack-include-card::before {
    content: none !important;
    display: none !important;
  }

  /* Product panel */
  .product-large.panel {
    padding: 24px !important;
  }

  /* Price block */
  .price {
    font-size: 42px !important;
  }

  /* Hero ctas en pack */
  .hero-ctas {
    flex-direction: column !important;
    gap: 10px !important;
  }
  .hero-ctas .btn {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
  }

  /* Chart overlay que se solapa */
  .chart-overlay {
    display: none !important;
  }
}


/* ═══════════════════════════════════════════
   MOBILE FIXES v9 — definitivos desde raíz
   ═══════════════════════════════════════════ */

/* CERT GRID — 1 columna, imagen completa */
@media (max-width: 800px) {
  .cert-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
  .cert-grid img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    border-radius: 14px !important;
  }
  
  /* PROOF GRID — 1 columna, texto legible */
  .proof-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  .proof {
    flex-direction: column !important;
    gap: 4px !important;
    padding: 16px !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,0.03) !important;
  }
  .proof strong {
    font-size: 16px !important;
    color: #fff !important;
  }
  .proof span {
    font-size: 13px !important;
    color: #aeb9ca !important;
    line-height: 1.5 !important;
  }

  /* MICRO — 2 columnas, no 4 */
  .micro {
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    max-width: 100% !important;
  }
  .micro-item {
    flex-direction: column !important;
    gap: 4px !important;
    padding: 14px !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,0.03) !important;
  }
  .micro-item strong {
    font-size: 13px !important;
    color: #f2d38b !important;
    line-height: 1.3 !important;
  }
  .micro-item span {
    font-size: 11px !important;
    color: #8899aa !important;
    line-height: 1.4 !important;
  }

  /* RESULTS LAYOUT — 1 columna */
  .results-layout {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
  
  /* PACK INCLUDE CARDS — sin cuadraditos, bien alineadas */
  .pack-include-card {
    min-height: auto !important;
    padding: 24px 20px !important;
  }
  .pack-include-card::before,
  .pack-include-card::after {
    content: none !important;
    display: none !important;
  }
  
  /* Cuadradito eliminado de transform-visual y pain-visual */  
  .transform-visual::after,
  .transform-visual::before,
  .pain-card.pain-visual::after {
    content: none !important;
    display: none !important;
  }

  /* HERO price y micro alineados */
  .hero-price {
    font-size: 14px !important;
    margin: 12px 0 !important;
  }
}

/* ══════════════════════════════════════════════
   GUIA-GRATUITA: cards responsivas
   ══════════════════════════════════════════════ */
.guia-content-grid {
  grid-template-columns: 1fr 1fr;
}

@media (max-width: 600px) {
  .guia-content-grid {
    grid-template-columns: 1fr !important;
  }
  .guia-content-grid .pain-card h3 {
    font-size: 20px !important;
    line-height: 1.2 !important;
  }
  .guia-content-grid .pain-card p {
    font-size: 14px !important;
  }
  .guia-content-grid .pain-card {
    padding: 20px !important;
  }
}

/* ══════════════════════════════════════════════
   PACK-COMPLETO: número de páginas
   ══════════════════════════════════════════════ */
.guide-page-count {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--gold2, #d7a947);
  border: 1px solid rgba(215,169,71,0.35);
  background: rgba(215,169,71,0.08);
  padding: 4px 10px;
  border-radius: 20px;
  margin-bottom: 10px;
}

.guide-page-count::before {
  content: '📄';
  font-size: 10px;
}

/* ══════════════════════════════════════════════
   BENEFIT GRID — separación y responsivo
   ══════════════════════════════════════════════ */
@media (max-width: 800px) {
  .benefit-grid {
    grid-template-columns: 1fr !important;
    overflow: visible !important;
    gap: 14px !important;
    padding: 20px !important;
    border-radius: 20px !important;
  }
  .benefit {
    border-bottom: 1px solid rgba(255,255,255,0.07) !important;
    padding-bottom: 18px !important;
  }
  .benefit:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
  }
  .benefit h3 {
    font-size: 22px !important;
    margin-bottom: 6px !important;
  }
  .benefit p {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }
}

/* ══════════════════════════════════════════════
   ROUTE-ITEMS móvil — ocultar imagen miniatura
   que aparece como cuadrado sin contexto
   ══════════════════════════════════════════════ */
@media (max-width: 800px) {
  .route-item {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 20px !important;
  }
  /* Ocultar la imagen miniatura en móvil */
  .route-item > img {
    display: none !important;
  }
  .route-item h3 {
    font-size: 20px !important;
  }
  .route-item p {
    font-size: 14px !important;
  }
  /* También en pack-completo si aplica */
  .pack-include-card > img {
    display: none !important;
  }
}

/* ══════════════════════════════════════════════
   MT5 SECTION — móvil alineado y legible
   ══════════════════════════════════════════════ */
@media (max-width: 800px) {
  /* Layout a 1 columna */
  .mt5-layout {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  /* Ocultar el mt5-screen (imagen decorativa) en móvil — 
     la imagen de fondo del panel ya es suficiente contexto */
  .mt5-screen {
    display: none !important;
  }

  /* Ocultar mt5-logo en móvil */
  .mt5-logo {
    display: none !important;
  }

  /* feature-list — 1 columna, bien alineada */
  .feature-list {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .feature-list li {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    padding: 16px 18px !important;
    border-radius: 14px !important;
    align-items: flex-start !important;
  }

  .feature-list strong {
    font-size: 16px !important;
    color: #fff !important;
  }

  .feature-list span {
    font-size: 13px !important;
    color: #aeb9ca !important;
    line-height: 1.5 !important;
  }

  /* Título MT5 más pequeño en móvil */
  .mt5-panel h2.serif {
    font-size: 36px !important;
    line-height: 1.1 !important;
  }

  /* mt5-inline-note — más compacto */
  .mt5-inline-note {
    padding: 14px !important;
    gap: 12px !important;
  }

  .mt5-inline-note img {
    width: 40px !important;
    height: 40px !important;
  }
}

/* ══════════════════════════════════════════════
   TRANSFORM CARDS — centrar imágenes top cards
   ══════════════════════════════════════════════ */

/* trans-order: escritorio top-down — centrar en monitores */
.trans-order .pain-img-bg {
  background-position: center 45% !important;
}

/* trans-emotion: hombre sereno — centrar en figura */
.trans-emotion .pain-img-bg {
  background-position: center 38% !important;
}

/* trans-criteria: camino — centrar en luz */
.trans-criteria .pain-img-bg {
  background-position: center 50% !important;
}

/* trans-process: engranajes — centrar */
.trans-process .pain-img-bg {
  background-position: center 50% !important;
}

/* Todas las transform cards misma altura para simetría */
.transform-card.transform-visual {
  min-height: 300px !important;
}

/* ══════════════════════════════════════════════
   CERT-GRID — posición específica por imagen
   Los funded certs tienen el doc a la izquierda
   ══════════════════════════════════════════════ */
.cert-grid img:nth-child(1),
.cert-grid img:nth-child(2) {
  object-position: left center !important;
}
.cert-grid img:nth-child(3),
.cert-grid img:nth-child(4) {
  object-position: left center !important;
}

/* Aumentar altura para ver más de cada certificado */
.cert-grid img {
  height: 220px !important;
}

/* ══════════════════════════════════════════════
   HERO COPY v2 — ajustes tipográficos
   ══════════════════════════════════════════════ */

/* Headline ligeramente más pequeño en desktop 
   para que la segunda línea no rompa el ritmo */
.hero-inner h1 {
  font-size: clamp(38px, 5.5vw, 72px);
  line-height: 1.06;
  letter-spacing: -0.03em;
}

/* La línea dorada más grande — es el gancho */
.hero-inner h1 .gold.hero-keep {
  font-size: 1.08em;
}

/* Lead con algo más de aire */
.hero-inner .lead {
  max-width: 560px;
  margin-top: 20px;
  font-size: clamp(15px, 1.8vw, 18px);
  line-height: 1.72;
  opacity: 0.88;
}

/* CTA secundario incluye el precio — no necesita hero-price aparte */
.hero-price { display: none !important; }

@media (max-width: 768px) {
  .hero-inner h1 {
    font-size: 36px !important;
    line-height: 1.1 !important;
  }
  .hero-ctas {
    flex-direction: column !important;
    gap: 10px !important;
  }
  .hero-ctas .btn {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
  }
}

/* ══════════════════════════════════════════════
   PROOF CARDS — texto bien encuadrado
   ══════════════════════════════════════════════ */
.proof {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 18px 20px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
}

.proof strong {
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.3;
}

.proof span {
  font-size: 13px;
  color: #8899b0;
  line-height: 1.55;
}