.whatsapp-widget{position:fixed;bottom:28px;right:28px;z-index:9999;width:60px;height:60px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #25d36673;transition:transform .2s ease,box-shadow .2s ease;text-decoration:none}.whatsapp-widget:hover{transform:scale(1.1);box-shadow:0 6px 24px #25d36699}.whatsapp-widget:active{transform:scale(.95)}@media(max-width:980px){.whatsapp-widget{bottom:76px;right:12px;width:50px;height:50px}.whatsapp-widget svg{width:24px;height:24px}}.mobile-bottom-nav[data-astro-cid-6hl56ent]{display:none}@media(max-width:980px){.mobile-bottom-nav[data-astro-cid-6hl56ent]{display:flex;position:fixed;bottom:0;left:0;right:0;height:60px;background:#00102a;border-top:1px solid rgba(255,255,255,.08);z-index:9998;justify-content:space-around;align-items:center;padding:0 4px;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-item[data-astro-cid-6hl56ent]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:#ffffff80;font-family:Montserrat,sans-serif;flex:1;min-width:0;padding:4px 2px;transition:color .2s}.bottom-nav-item[data-astro-cid-6hl56ent].active{color:#feec0a}.bottom-nav-icon[data-astro-cid-6hl56ent]{font-size:22px;line-height:1}.bottom-nav-label[data-astro-cid-6hl56ent]{font-size:10px;font-weight:700;letter-spacing:.3px;white-space:nowrap}}:root{--bg-principal: #060e18;--bg-card: #0d1b2a;--bg-tarjetas: #11253e;--bg-inputs: #1b355a;--texto-blanco: #ffffff;--texto-mutado: #7a8b9e;--texto-suave: #5a6a82;--jac-cyan: #00e1ff;--jac-azul: #0f62fe;--jac-rojo: #ffffff;--jac-rojo-hover: #d0d0d0;--status-finalizado: rgba(255, 255, 255, .15);--status-en-juego: #0050ff;--status-proximo: #162a45;--color-clasifica: #0088ff;--color-podria: #ffaa00;--status-verde: #22c55e;--borde-suave: rgba(255, 255, 255, .08);--borde-medio: rgba(255, 255, 255, .14);--sombra-card: 0 10px 30px rgba(0, 0, 0, .5);--sombra-roja: 0 4px 15px rgba(255, 255, 255, .3);--sombra-cyan: 0 4px 15px rgba(0, 229, 255, .35);--jac-cyan-hover: #00c5e0;--status-amarillo: #eab308;--status-rojo: #ef4444;--status-azul: #3b82f6;--radio-md: 8px;--radio-lg: 12px;--radio-xl: 16px}*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}html{scroll-behavior:smooth}html{overflow-x:hidden}body{background-color:var(--bg-principal);color:var(--texto-blanco);line-height:1.5;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit;font-weight:700;transition:all .3s ease;background:none;color:inherit}input,select,textarea{font-family:inherit;background-color:var(--bg-inputs);color:var(--texto-blanco);border:1px solid rgba(255,255,255,.1);border-radius:var(--radio-md);padding:10px 14px;font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--jac-cyan);box-shadow:0 0 0 3px #00e1ff26}h2.section-title{font-size:22px;font-weight:700;letter-spacing:1px;margin-bottom:25px;text-transform:uppercase;color:var(--texto-blanco)}header.main-header{background-color:#060e18f2;position:fixed;top:0;left:0;right:0;z-index:1000;border-bottom:1px solid var(--borde-suave);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 40px}.main-header .nav-menu{flex:1;display:flex;justify-content:center}.nav-menu ul{display:flex;list-style:none;gap:28px;height:100%;align-items:center;margin:0;padding:0}.logo-img-link{display:inline-flex;align-items:center;flex-shrink:0;text-decoration:none;line-height:0}.logo-img{height:36px;max-height:32px;max-width:140px;width:auto;display:block;object-fit:contain;filter:drop-shadow(0 0 6px rgba(255,255,255,.25));transition:transform .2s ease,filter .2s ease}.logo-img-link:hover .logo-img{transform:scale(1.03);filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}.nav-menu a{color:var(--texto-blanco);font-size:13px;font-weight:700;letter-spacing:1.5px;transition:color .3s;text-transform:uppercase}.nav-menu a:hover,.nav-menu li.active a{color:var(--jac-cyan)}.cta-container{display:flex;align-items:center;gap:10px}.btn-join{background-color:var(--jac-rojo);color:var(--bg-principal);padding:12px 24px;font-size:13px;font-weight:800;border-radius:var(--radio-md);letter-spacing:1px;box-shadow:var(--sombra-roja);transition:background-color .3s,transform .2s;display:inline-block;text-align:center;text-transform:uppercase}.btn-join:hover{background-color:var(--jac-rojo-hover);transform:translateY(-2px)}.btn-login{background-color:transparent;color:var(--texto-blanco);padding:12px 24px;font-size:13px;font-weight:800;border-radius:var(--radio-md);letter-spacing:1px;border:2px solid var(--jac-rojo);transition:background-color .3s,transform .2s;display:inline-block;text-align:center;text-transform:uppercase}.btn-login:hover{background-color:var(--jac-rojo);color:var(--bg-principal);transform:translateY(-2px)}.header-user{display:flex;align-items:center;gap:10px;cursor:pointer;position:relative;color:var(--texto-blanco);padding:8px 18px 8px 10px;border-radius:32px;background:#ffffff0f;border:1px solid var(--borde-suave);transition:background .2s}.header-user:hover{background:#ffffff1f}.header-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--jac-cyan),#00b8d4);color:var(--bg-principal);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:16px}.header-user-name{font-size:14px;font-weight:700}.header-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:var(--bg-card);border:1px solid var(--borde-suave);border-radius:var(--radio-md);box-shadow:var(--sombra-card);overflow:hidden;min-width:170px;z-index:200}.header-dropdown a{display:block;padding:10px 16px;color:var(--texto-mutado);font-size:13px;font-weight:600;transition:background .2s}.header-dropdown a:hover{background:#ffffff14;color:var(--texto-blanco)}.header-dropdown a:last-child{color:#fca5a5}.header-dropdown a:last-child:hover{background:#dc262626}@media(max-width:980px){body{padding-bottom:76px}.main-header .nav-menu{display:none}header.main-header{padding:14px 20px}.logo-img{height:26px;max-height:26px;max-width:100px}.main-header{gap:6px}.cta-container{gap:6px;flex-shrink:0}.btn-login,.btn-join{padding:8px 14px;font-size:11px}}@media(max-width:480px){header.main-header{padding:12px 14px;gap:12px}.btn-join,.btn-login{padding:8px 14px;font-size:11px}.header-user-name{display:none}}.hero-section{padding:140px 20px 60px;text-align:center;background:linear-gradient(180deg,#060e1899,#060e18),url(img/fondos/hero-stadium.jpg);background-size:cover;background-position:center}.hero-section h1{font-size:48px;font-weight:900;letter-spacing:2px;margin-bottom:5px}.hero-section h2{font-size:28px;color:var(--jac-cyan);letter-spacing:4px;margin-bottom:20px}.hero-section p{max-width:600px;margin:0 0 35px;color:var(--texto-mutado);font-size:16px}.hero-content{max-width:600px;text-align:left;margin-left:calc(25% - 300px)}.hero-content .countdown-container{justify-content:flex-start}.countdown-container{display:flex;justify-content:center;gap:20px;margin-bottom:40px;flex-wrap:wrap}.time-block{background-color:var(--bg-card);border:1px solid var(--borde-suave);padding:15px 20px;border-radius:var(--radio-md);min-width:90px;font-size:12px;color:var(--texto-mutado);letter-spacing:1px;text-transform:uppercase;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:2px}.time-block span:first-child{display:block;font-size:32px;font-weight:700;color:var(--texto-blanco);margin-bottom:2px;letter-spacing:0}.btn-primary{background-color:var(--jac-rojo);color:var(--bg-principal);padding:15px 40px;font-size:16px;border-radius:4px;letter-spacing:1px;box-shadow:var(--sombra-roja);text-transform:uppercase;font-weight:700;transition:all .3s;display:inline-block}.btn-primary:hover{background-color:var(--jac-rojo-hover);transform:translateY(-2px)}.quiniela-menu{display:flex;justify-content:center;gap:25px;margin-top:60px;border-bottom:1px solid var(--borde-suave);padding-bottom:15px;flex-wrap:wrap}.quiniela-menu a{color:var(--texto-mutado);font-weight:700;font-size:14px;letter-spacing:1px;text-transform:uppercase;padding-bottom:14px;transition:color .3s}.quiniela-menu a:hover,.quiniela-menu a.active{color:var(--texto-blanco);border-bottom:2px solid var(--jac-cyan);padding-bottom:13px}@media(max-width:768px){.hero-section{padding:110px 16px 40px}.hero-section h1{font-size:34px}.hero-section h2{font-size:22px;letter-spacing:2px}.hero-section p{margin-bottom:24px}.hero-content{max-width:100%;text-align:center;margin-left:0}.hero-content .countdown-container{justify-content:center}.time-block{min-width:70px;padding:12px 14px}.time-block span:first-child{font-size:26px}.btn-primary{padding:14px 32px;font-size:14px}.quiniela-menu{gap:18px;margin-top:40px;padding-bottom:12px}.quiniela-menu a{font-size:12px}}.content-section-tabs{max-width:900px;margin:40px auto 0;padding:0 20px;text-align:center}.tabs-grupos{display:flex;justify-content:center;gap:10px;margin-bottom:15px;flex-wrap:wrap}.tab-btn{background-color:var(--bg-card);color:var(--texto-mutado);padding:10px 20px;border-radius:var(--radio-md);font-size:13px;font-weight:700;text-transform:uppercase;border:1px solid var(--borde-suave);transition:all .3s}.tab-btn.active,.tab-btn:hover{background-color:var(--jac-cyan);color:#000}.content-section-tabs p{color:var(--texto-mutado);font-size:13px;margin-bottom:25px}.fase-grupos{padding:50px 20px 60px;display:flex;flex-direction:column;align-items:center}.fase-title{font-weight:900;font-size:28px;text-transform:uppercase;letter-spacing:2px;margin-bottom:40px}.grid-fixture{display:block;width:100%;max-width:1300px}.col-grupo{display:none;flex-direction:column;gap:16px}.col-grupo.active{display:flex}.header-grupo{background:linear-gradient(180deg,var(--jac-azul) 0%,#0d54d6 100%);text-align:center;padding:14px 0;border-radius:50px;font-weight:900;font-size:14px;text-transform:uppercase;letter-spacing:1.5px;box-shadow:0 4px 15px #0f62fe66;margin-bottom:4px}.item-partido{display:flex;flex-direction:column;align-items:center;position:relative;flex:0 0 auto}.image-izq{position:absolute;top:0;left:0;transform:translate(40%,22%)}.image-der{position:absolute;top:0;right:0;transform:translate(-40%,22%)}.fecha-partido{background-color:var(--bg-card);color:var(--texto-mutado);font-weight:700;font-size:11px;padding:3px 14px;border-radius:4px 4px 0 0;text-transform:uppercase;letter-spacing:.5px;z-index:1;border:1px solid var(--borde-suave);border-bottom:none}.fila-partido{background-color:var(--bg-tarjetas);width:100%;max-width:225px;height:52px;display:flex;align-items:center;justify-content:space-between;padding:6px 14px;border-radius:50px;box-shadow:inset 0 1px 1px #ffffff0d,0 4px 12px #00000080;margin-top:-1px;border:1px solid var(--borde-suave)}.bloque-equipo{display:flex;align-items:center;gap:8px;width:38%}.bloque-equipo.izq{justify-content:center;padding-left:15px}.bloque-equipo.der{justify-content:center;padding-right:15px}.siglas{font-weight:800;font-size:12px;letter-spacing:.5px;color:var(--texto-blanco)}.flag{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 2px 6px #0006;border:2px solid var(--bg-tarjetas)}.bloque-score{width:28%;display:flex;justify-content:space-between}.score-space{width:45%;height:26px;color:var(--texto-blanco);background-color:var(--bg-inputs);border-radius:4px;display:flex;justify-content:center;align-items:center;font-weight:800;font-size:13px;border:1px solid var(--borde-suave)}@media(min-width:1101px){.col-grupo.active{flex-direction:row;flex-wrap:wrap}.header-grupo{flex:0 0 100%}.item-partido{flex:0 0 calc((100% - 32px) / 3)}.fila-partido{max-width:none}}@media(min-width:651px)and (max-width:1100px){.col-grupo.active{flex-direction:row;flex-wrap:wrap}.header-grupo{flex:0 0 100%}.item-partido{flex:0 0 calc((100% - 16px)/2)}.fila-partido{max-width:none}}@media(max-width:650px){.fase-title{font-size:22px}}.premios-section{max-width:1100px;margin:100px auto;padding:0 20px}.premios-container{display:flex;flex-direction:column;gap:24px;width:100%}.grid-tier-1{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.grid-tier-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.grid-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.premio-card{position:relative;background-color:var(--bg-tarjetas);border-radius:var(--radio-xl);padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;overflow:hidden;border:1px solid var(--borde-suave);min-width:0;min-height:0;width:100%;height:100%;transition:transform .25s ease,border-color .25s ease}.premio-card:hover{transform:scale(1.01);border-color:var(--borde-medio)}.premio-info{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0}.badge{position:absolute;top:16px;left:16px;width:32px;height:40px;background:linear-gradient(180deg,#e8f0ff,#c4d4f0);clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);display:flex;align-items:center;justify-content:center;color:var(--bg-principal);font-weight:800;font-size:.9rem;z-index:3;box-shadow:0 2px 8px #0000004d}.premio-info h4{font-size:16px;color:var(--texto-mutado);letter-spacing:2.5px;text-transform:uppercase;font-weight:700;margin:0}.premio-info h3{font-size:32px;font-weight:800;color:var(--texto-blanco);margin:4px 0 6px;line-height:1.05;letter-spacing:.5px}.premio-info p{font-size:16px;color:var(--texto-mutado);line-height:1.5;margin:0}.premio-media-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;flex:1;width:100%;min-width:0;min-height:0;overflow:hidden}.btn-detalles{background-color:#ffffff14;border:1px solid rgba(255,255,255,.2);color:var(--texto-blanco);font-size:15px;font-weight:700;position:absolute;right:10px;top:10px;padding:12px 28px;border-radius:6px;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:background .2s}.btn-detalles:hover{background-color:#ffffff26}.vehicle-img{max-width:100%;max-height:100%;width:auto;margin:0 auto;height:auto;object-fit:contain;display:block;filter:drop-shadow(0 8px 16px rgba(0,0,0,.4))}.perfect-card{flex-direction:row;height:auto;min-height:300px;padding:0;gap:0;overflow:hidden;border:1px solid var(--borde-medio)}.perfect-card:hover{border-color:var(--jac-azul)}.perfect-card .premio-media-box{flex:1.2;min-height:280px}.perfect-card .premio-info{flex:1;padding:40px 36px;text-align:left;align-items:flex-start;gap:10px}.perfect-card .premio-info h3{font-size:40px;line-height:1.05}.trophy-badge{position:absolute;top:-12px;left:16px;width:92px;height:92px;object-fit:contain;z-index:3;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.trophy-badge-dinero{width:62px;height:62px;object-fit:contain;z-index:3;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}@media(max-width:768px){.perfect-card{flex-direction:column;min-height:260px}.perfect-card .premio-media-box{flex:0 0 auto;min-height:200px}.perfect-card .premio-info{padding:24px;text-align:center;align-items:center}.perfect-card .premio-info h3{font-size:28px}.trophy-badge{width:52px;height:52px;top:10px;left:10px}}.card-sponsor{font-size:.75rem;color:var(--texto-mutado);margin:0}.saldo-card{flex-direction:row;align-items:center;padding:18px 24px;min-height:0}.saldo-content{display:flex;align-items:center;justify-content:space-between;width:100%;margin-left:12px}.saldo-text-group{display:flex;flex-direction:column;gap:4px}.saldo-text-group.right{align-items:flex-end;gap:8px}.saldo-title{font-size:11px;color:var(--texto-mutado);text-transform:uppercase;font-weight:700;margin:0;letter-spacing:1px}.saldo-prize{font-size:20px;font-weight:800;color:var(--texto-blanco);margin:0;line-height:1.1}.saldo-card .badge{position:static;flex-shrink:0;width:26px;height:32px;font-size:.75rem;clip-path:none;border-radius:4px}.saldo-card .btn-detalles{position:static;padding:5px 14px;font-size:.7rem;align-self:auto}@media(max-width:800px){.grid-tier-1,.grid-tier-2{grid-template-columns:1fr}.grid-bottom{grid-template-columns:1fr 1fr}}@media(max-width:500px){.grid-bottom{grid-template-columns:1fr}.saldo-content{flex-direction:column;align-items:flex-start;gap:10px;margin-left:0}.saldo-text-group.right{align-items:flex-start}}@media(max-width:768px){.premios-container{gap:20px}.premio-card{height:auto;min-height:260px}.premio-info h3{font-size:24px}.badge{width:28px;height:36px;font-size:.8rem;top:12px;left:12px}.btn-detalles{position:static;width:100%;margin-top:8px;text-align:center}.premio-media-box{flex:0 0 auto;min-height:200px}.saldo-prize{font-size:18px}}.como-participar-section{background-color:#060a12;padding:80px 20px;text-align:center}.como-participar-section h2{font-size:30px;margin-bottom:50px;font-weight:900}.pasos-container{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1200px;margin:0 auto}@media(max-width:768px){.pasos-container{grid-template-columns:1fr}}.paso-card{background-color:var(--bg-card);border:1px solid var(--borde-suave);border-radius:var(--radio-lg);padding:40px 25px 30px;position:relative;box-shadow:var(--sombra-card)}.numero-paso{position:absolute;top:-22px;left:50%;transform:translate(-50%);background-color:var(--jac-rojo);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;box-shadow:0 4px 10px #ffffff4d;color:var(--bg-principal)}.paso-card img{height:90px;margin-bottom:20px;object-fit:contain}.paso-card h3{font-size:18px;margin-bottom:12px;letter-spacing:1px;text-transform:uppercase;font-weight:800}.paso-card p{font-size:14px;color:var(--texto-mutado)}footer{background-color:#060a12;padding:40px 20px 76px;text-align:center;border-top:1px solid var(--borde-suave);margin-top:80px;color:var(--texto-mutado)}.footer-links a{color:var(--texto-mutado);font-size:13px;margin:0 10px;letter-spacing:1px;text-transform:uppercase;font-weight:700;transition:color .2s}.footer-links a:hover{color:var(--texto-blanco)}.footer-main{margin-bottom:28px}.footer-legal{max-width:760px;margin:0 auto;padding-top:24px;border-top:1px solid var(--borde-suave)}.footer-logos{display:flex;justify-content:center;align-items:center;gap:28px;margin-bottom:18px}.footer-badge{height:44px;width:auto;opacity:.85;filter:grayscale(.2);transition:opacity .2s}.footer-badge:hover{opacity:1}.footer-legal-text{font-size:12px;color:var(--texto-mutado);line-height:1.7;text-align:center}.footer-legal-text strong{color:var(--texto-blanco);font-weight:700}@media(max-width:768px){.footer-logos{gap:20px}.footer-badge{height:36px}.footer-legal-text{font-size:11px}}