@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0a0e12;--panel:#11171c;--text:#f5f3ee;--muted:#9ca7aa;--gold:#d6b36e;--line:rgba(219,228,228,.11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',system-ui,sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.ambient{position:absolute;top:0;right:-250px;width:800px;height:800px;pointer-events:none;background:radial-gradient(circle,rgba(142,108,46,.12),transparent 64%);z-index:0}.wrap{max-width:1160px;margin:0 auto;padding-left:30px;padding-right:30px}.topbar{height:90px;max-width:1160px;margin:auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:2}.logo{display:flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:.07em;font-size:14px;white-space:nowrap}.logo em{color:var(--gold);font-style:normal}.logo-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #a38a58;border-radius:11px;color:var(--gold);font-size:12px;letter-spacing:-.06em;background:linear-gradient(145deg,#25251d,#101516)}.topbar nav{display:flex;gap:31px;font-size:13px;color:#b7bfbe}.topbar nav a:hover,.footer a:hover{color:var(--gold)}.nav-cta{font-size:13px;border:1px solid #45453c;border-radius:9px;padding:11px 17px;white-space:nowrap}.nav-cta span{color:var(--gold);padding-left:12px}.hero{min-height:610px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:45px;position:relative;padding-top:45px;padding-bottom:80px}.eyebrow,.kicker{font-size:10px;font-weight:800;letter-spacing:.22em;color:var(--gold)}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid rgba(214,179,110,.23);border-radius:50px;background:rgba(214,179,110,.045)}.pulse{width:6px;height:6px;border-radius:50%;background:#d7bd80;box-shadow:0 0 0 4px #d7bd8020}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(40px,4.7vw,67px);letter-spacing:-.065em;line-height:1.13;margin:24px 0}.hero h1 span,h2 i{color:var(--gold);font-style:normal}.hero-copy>p{max-width:510px;color:var(--muted);font-size:15px;line-height:1.9}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:23px;padding:12px 22px;border-radius:9px;font-weight:800;font-size:12px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.gold{background:linear-gradient(110deg,#e2c488,#c7a05d);color:#171914}.button.ghost{border:1px solid #394147;color:#e4e9e8}.trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:43px;font-size:11px;color:#8e999d}.hero-visual{min-height:460px;display:grid;place-items:center;position:relative}.orb{position:absolute;border-radius:50%;filter:blur(10px)}.orb-one{width:370px;height:370px;background:radial-gradient(circle,#b3924624,transparent 70%)}.orb-two{width:420px;height:420px;border:1px solid #b8a16b1a;filter:none}.stadium{width:min(100%,450px);transform:rotate(-5deg);border:1px solid #75633f55;border-radius:19px;background:linear-gradient(145deg,#1d2528,#0e1519);box-shadow:0 35px 110px #0009,0 0 70px #d3b47110;padding:20px;position:relative;z-index:1}.stadium-top,.stadium-bottom{display:flex;justify-content:space-between;align-items:center}.stadium-top{font-size:9px;font-weight:800;letter-spacing:.17em;color:#c5ba9c;margin-bottom:18px}.live-dot{color:#d2b57c}.pitch{height:270px;border-radius:10px;background:repeating-linear-gradient(90deg,#192d29 0,#192d29 55px,#1b322d 55px,#1b322d 110px);border:2px solid #68837855;position:relative;overflow:hidden}.pitch:before{content:'';position:absolute;inset:14px;border:1px solid #b3c6a44f}.midline{position:absolute;top:14px;bottom:14px;left:50%;border-left:1px solid #b3c6a44f}.center-circle{width:95px;height:95px;border:1px solid #b3c6a44f;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.box-left,.box-right{position:absolute;top:25%;width:55px;height:50%;border:1px solid #b3c6a44f}.box-left{left:14px}.box-right{right:14px}.spot{position:absolute;width:8px;height:8px;border-radius:50%;background:#d7b976;box-shadow:0 0 0 6px #d7b9761b}.spot-a{top:23%;left:25%}.spot-b{top:64%;left:33%}.spot-c{top:37%;right:26%}.spot-d{top:70%;right:21%}.ball{position:absolute;top:50%;left:51%;transform:translate(-50%,-50%);font-size:28px;filter:drop-shadow(0 6px 7px #000a)}.stadium-bottom{padding-top:19px}.stadium-bottom div{display:grid;gap:3px}.stadium-bottom small{font-size:9px;letter-spacing:.15em;color:#809194}.stadium-bottom strong{font-size:12px}.floating-tag{position:absolute;bottom:7px;right:-10px;z-index:2;background:#25241d;color:#e3c78e;padding:12px 17px;border:1px solid #b59b6055;border-radius:10px;font-size:10px;font-weight:800;letter-spacing:.13em;box-shadow:0 15px 40px #0008}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:27px;padding-bottom:27px}.metrics div{display:flex;align-items:center;justify-content:center;gap:18px;border-right:1px solid var(--line)}.metrics div:last-child{border:0}.metrics strong{font-family:Manrope;color:var(--gold);font-size:24px}.metrics span{font-size:12px;color:#b6c0c1}.section{padding-top:105px;padding-bottom:105px}.section-heading{max-width:630px;margin-bottom:37px}.section-heading.center{text-align:center;margin-left:auto;margin-right:auto}.section-heading h2,.cta h2{font-family:Manrope;font-size:clamp(30px,3.4vw,44px);line-height:1.2;letter-spacing:-.055em;margin:13px 0}.section-heading p,.cta p{color:var(--muted);font-size:14px;line-height:1.85}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.benefit{border:1px solid var(--line);border-radius:15px;padding:27px;background:linear-gradient(145deg,#141c20,#0f1519)}.benefit-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid #9d87503d;border-radius:10px;background:#a78b4d14;color:var(--gold);font-size:23px}.benefit h3{font-family:Manrope;font-size:16px;margin:22px 0 9px}.benefit p{color:var(--muted);font-size:13px;line-height:1.85;margin:0}.plans-section{background:#0d1317;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan{border:1px solid #30393c;border-radius:16px;padding:27px;background:#121a1e;position:relative;display:flex;flex-direction:column;min-height:345px}.plan.featured{border-color:#bfa063;background:linear-gradient(145deg,#24251e,#141a1b)}.plan .tag{position:absolute;right:18px;top:17px;background:#d6b36e;color:#191a15;border-radius:5px;font-size:9px;font-weight:800;letter-spacing:.08em;padding:5px 8px}.plan h3{font-size:16px;margin:5px 0 14px}.price{font-family:Manrope;font-weight:800;font-size:42px;letter-spacing:-.06em}.price small{font-size:15px;vertical-align:top;margin-right:4px;color:var(--gold)}.duration{color:#9fa9aa;font-size:12px}.plan hr{border:0;border-top:1px solid var(--line);width:100%;margin:23px 0}.plan ul{list-style:none;margin:0 0 25px;padding:0;color:#c3cbcb;font-size:12px;line-height:2.6}.plan li:before{content:'✓';color:var(--gold);margin-right:10px}.plan .button{margin-top:auto}.footnote{text-align:center;color:#8f9b9d;font-size:11px;max-width:780px;margin:26px auto 0;line-height:1.8}.picks{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pick{border:1px solid var(--line);border-radius:14px;padding:24px;background:#11191d}.pick .league{font-size:10px;letter-spacing:.12em;color:var(--gold);font-weight:800;text-transform:uppercase}.pick h3{font-size:17px;line-height:1.5;margin:14px 0}.pick .meta{font-size:12px;color:#aab5b7}.pick .selection{border-top:1px solid var(--line);margin-top:18px;padding-top:16px;font-size:13px}.pick .selection strong{color:var(--gold)}.loading{grid-column:1/-1;text-align:center;color:#aeb8b8;border:1px dashed #384347;border-radius:13px;padding:40px 20px}.cta{margin-top:10px;margin-bottom:80px;padding-top:43px;padding-bottom:43px;border:1px solid #b3995c55;border-radius:17px;background:radial-gradient(circle at 80% 50%,#ac8b4520,transparent 60%),#151b1c;display:flex;align-items:center;justify-content:space-between;gap:40px}.cta h2{max-width:640px}.cta p{margin-bottom:0}.cta .button{white-space:nowrap}.footer{border-top:1px solid var(--line);padding-top:35px;padding-bottom:35px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-top>div{display:flex;gap:25px;color:#a8b3b5;font-size:12px}.footer p{font-size:11px;color:#899497;max-width:750px;margin:30px 0 15px;line-height:1.8}.footer small{font-size:11px;color:#718083}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:40px}.hero-visual{min-height:390px}.stadium{max-width:430px}.topbar nav{display:none}.benefits,.plan-grid,.picks{grid-template-columns:1fr 1fr}.plan-grid .plan:last-child{grid-column:1/-1}.metrics div{gap:8px}.metrics span{font-size:11px}}@media(max-width:610px){.wrap{padding-left:20px;padding-right:20px}.topbar{padding:0 20px;height:75px}.logo{font-size:12px}.nav-cta{padding:9px 11px}.hero{gap:0;padding-bottom:35px}.hero h1{font-size:43px}.hero-visual{min-height:330px}.stadium{width:92%;padding:13px}.pitch{height:210px}.floating-tag{right:0}.trust{gap:10px}.metrics{grid-template-columns:1fr;gap:17px}.metrics div{justify-content:flex-start;border-right:0}.section{padding-top:70px;padding-bottom:70px}.benefits,.plan-grid,.picks{grid-template-columns:1fr}.plan-grid .plan:last-child{grid-column:auto}.cta{margin-left:20px;margin-right:20px;display:block}.cta .button{margin-top:22px}.footer-top{align-items:flex-start;flex-direction:column}}

/* Fijas de Elite v0.6: cinematic, restrained motion */
.scroll-progress{position:fixed;z-index:20;top:0;left:0;height:2px;width:100%;background:linear-gradient(90deg,#9c783d,#f0d69d);transform:scaleX(0);transform-origin:left;pointer-events:none}
.topbar{animation:navEnter .75s ease both}.hero-copy{animation:heroEnter .9s cubic-bezier(.22,1,.36,1) both}.hero-visual{animation:heroEnter 1s .15s cubic-bezier(.22,1,.36,1) both}
@keyframes navEnter{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@keyframes heroEnter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes floatCard{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-11px) rotate(-4deg)}}
@keyframes orbit{to{transform:rotate(360deg)}}
@keyframes glow{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes pulseRing{0%{box-shadow:0 0 0 0 #d7bd8055}70%{box-shadow:0 0 0 9px #d7bd8000}100%{box-shadow:0 0 0 0 #d7bd8000}}
.stadium{animation:floatCard 7s ease-in-out infinite;will-change:transform}.orb-two{animation:orbit 42s linear infinite;border-style:dashed}.orb-one{animation:glow 6s ease-in-out infinite}.pulse{animation:pulseRing 2.4s ease-out infinite}
.button{position:relative;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,background .28s ease}.button.gold:hover{box-shadow:0 12px 35px #d6b36e30}.button:focus-visible,.nav-cta:focus-visible,.topbar a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.button.gold:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff42 50%,transparent 80%);transform:translateX(-140%);transition:transform .75s ease}.button.gold:hover:after{transform:translateX(140%)}
.benefit,.plan,.pick{transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s ease,box-shadow .35s ease}.benefit:hover,.plan:hover,.pick:hover{transform:translateY(-7px);border-color:#c7a36370;box-shadow:0 20px 48px #0005}.plan.featured:hover{box-shadow:0 18px 48px #b18a2421}
.reveal-ready{opacity:0;transform:translateY(25px);transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1)}.reveal-ready.in-view{opacity:1;transform:translateY(0)}
.section-heading h2 i{background:linear-gradient(100deg,#e9ce96,#b18b4e,#e9ce96);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:goldShift 9s ease-in-out infinite}
@keyframes goldShift{50%{background-position:100% center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready{opacity:1!important;transform:none!important}.scroll-progress{display:none}}
/* v3.2.8: optional Telegram calls-to-action only appear when configured. */
[hidden]{display:none!important}

/* v3.3.1 — Inicio programado en tarjetas de pronósticos publicados. */
.pick-kickoff{color:#e1be79;font-size:.84rem;font-weight:600;line-height:1.5;margin:8px 0 14px;overflow-wrap:anywhere}

/* v3.5.0 · GOLD / VIP pricing experience */
.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1020px;margin-inline:auto;gap:23px}
.tier-card{border-radius:23px;padding:38px 34px;min-height:520px;overflow:hidden;isolation:isolate;box-shadow:0 24px 55px rgba(0,0,0,.18);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.tier-card:hover{transform:translateY(-5px);box-shadow:0 30px 75px rgba(0,0,0,.29)}
.tier-card:before{content:'';pointer-events:none;position:absolute;inset:-90px -120px auto auto;height:240px;width:240px;border-radius:50%;background:radial-gradient(circle,rgba(221,173,86,.17),transparent 68%);z-index:-1}
.tier-gold{background:linear-gradient(145deg,#21231d 0%,#131b1e 62%,#10191e);border-color:#857449}
.tier-vip{background:linear-gradient(145deg,#342719 0%,#1c1c19 44%,#10171a);border-color:#c6a25e;box-shadow:0 0 0 1px rgba(222,183,101,.14),0 24px 55px rgba(0,0,0,.2)}
.tier-kicker{font-size:10px;color:#c9b284;letter-spacing:.19em;font-weight:800;margin-bottom:10px}
.tier-card h3{font-family:Manrope,system-ui,sans-serif;font-size:clamp(25px,3vw,35px);margin:4px 0 8px;letter-spacing:-.03em}
.tier-card h3 em{font-style:normal;color:#e6bb6c}
.tier-card .price{font-size:clamp(36px,4.3vw,51px);margin-top:8px;color:#f7f0dc}
.tier-card .duration{font-size:12px;color:#c7c3b6}
.tier-explainer{margin:18px 0 0;color:#c6c8c3;font-size:13px;line-height:1.7}
.tier-card ul{padding-top:10px;line-height:2.35;font-size:12px}
.tier-soon{display:block;margin-top:auto;padding:13px 12px;border:1px solid #695c41;border-radius:10px;color:#e4cf9d;text-align:center;font-size:11px;letter-spacing:.05em;font-weight:800;background:#b3924b18}
.membership-terms{margin:0 0 15px;font-size:11px;color:#adaba1}.membership-terms>span{display:block;margin-bottom:8px}.membership-terms>div{display:flex;flex-wrap:wrap;gap:7px}
.membership-terms a{padding:7px 9px;border:1px solid #9c855966;border-radius:8px;background:#a6894a14;color:#e7d3ad;text-decoration:none}.membership-terms a:hover,.membership-terms a:focus-visible{background:#e2ba6c2e;border-color:#d8b26e}
.plan-price-pending{font-size:17px;color:#e1c78b;margin:18px 0 0}
@media(max-width:720px){.plan-grid{grid-template-columns:1fr;max-width:520px}.tier-card{min-height:auto;padding:29px 23px}.tier-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.tier-card{transition:none}.tier-card:hover{transform:none}}
/* Guard contrast against existing mobile typography overrides. */
.plans-section .section-heading h2,.plans-section .tier-card h3{color:#f7f0e4}
.plans-section .section-heading .kicker{color:#dfbb76}
.plans-section .section-heading p{color:#b6bfba}