*{margin:0;padding:0;box-sizing:border-box}html{min-height:100%;overflow-x:hidden}body{font-family:Montserrat,sans-serif;background:#000c20;min-height:100vh;overflow-x:hidden}.main-header{background-color:#00102a;display:flex;justify-content:space-between;align-items:center;padding:0 40px;height:90px;border-bottom:1px solid rgba(255,255,255,.05)}.logo{cursor:pointer;max-height:32px;max-width:140px}.nav-menu ul{display:flex;list-style:none;gap:30px;height:100%;align-items:center;margin:0}.nav-menu li{position:relative;padding:10px 0}.nav-menu a{color:#fff;text-decoration:none;font-size:14px;font-weight:700;letter-spacing:.5px;transition:color .3s ease}.nav-menu li:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background-color:#ffffff4d;transform:scaleX(0);transition:transform .3s ease}.nav-menu li:hover a,.nav-menu li.active a{color:#ffdf00}.nav-menu li.active:after,.nav-menu li:hover:after{transform:scaleX(1)}.nav-menu li.active:after{background-color:#ffdf00}.btn-join{background-color:#ffdf00;color:#000;text-decoration:none;font-size:18px;font-weight:800;padding:14px 32px;border-radius:12px;transition:background-color .3s ease,transform .2s ease;display:inline-block;text-align:center}.btn-join:hover{background-color:#ffe53b;transform:translateY(-1px)}.btn-join:active{transform:translateY(1px)}.cta-container{display:flex;align-items:center;gap:12px}.btn-login{background-color:transparent;color:#fff;text-decoration:none;font-size:18px;font-weight:800;padding:14px 32px;border-radius:12px;border:2px solid rgba(255,255,255,.3);transition:border-color .3s ease,background-color .3s ease,transform .2s ease;display:inline-block;text-align:center}.btn-login:hover{border-color:#ffdf00;color:#ffdf00;background-color:#ffdf0014;transform:translateY(-1px)}.btn-login:active{transform:translateY(1px)}.header-user{display:flex;align-items:center;gap:10px;cursor:pointer;position:relative;color:#fff;padding:8px 18px 8px 10px;border-radius:32px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-family:Nunito,sans-serif;transition:background .2s}.header-user:hover{background:#ffffff1f}.header-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#feec0a,#f59e0b);color:#0d196d;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px;box-shadow:0 0 12px #feec0a59}.header-user-name{font-size:15px;font-weight:700;color:#ffffffe6}.header-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#0d196d;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 24px #0006;overflow:hidden;min-width:170px;z-index:200}.header-dropdown a{display:block;padding:10px 16px;color:#fffc;text-decoration:none;font-size:13px;font-weight:600;transition:background .2s}.header-dropdown a:hover{background:#ffffff14}.header-dropdown a:last-child{color:#fca5a5}.header-dropdown a:last-child:hover{background:#dc262626}.banner-wrap{position:relative;display:flex;justify-content:center;width:100%}.banner{width:100%;height:auto;border-radius:12px;display:block}.clock-overlay{position:absolute;top:66%;left:25%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;color:#fff;text-shadow:0 4px 16px rgba(0,0,0,.8);font-family:Montserrat,sans-serif;user-select:none;gap:30px}.wrapper-button-cloack{display:flex;flex-direction:row;gap:10px}.wrapper-cloack{display:flex;gap:30px}.time-unit{display:flex;flex-direction:column;gap:4px;align-items:center;padding:10px 20px;border:solid 2px #FEEC0A;border-radius:10px;width:103px;height:120px;justify-content:center}.time-value{font-size:50px;color:#feec0a}@media(max-width:768px){.banner-wrap{flex-direction:column}html{scroll-behavior:smooth}.main-header{padding:0 16px;height:70px}.logo{max-height:26px;max-width:100px}.btn-join,.btn-login{padding:10px 20px;font-size:12px}.cta-container{gap:8px}.clock-overlay{position:static;transform:none;width:100%;padding:16px 10px;gap:10px;background:#00102a}.wrapper-cloack{gap:6px;flex-wrap:wrap;justify-content:center}.time-unit{width:58px;height:68px;padding:5px 8px}.time-value{font-size:24px}.wrapper-button-cloack{flex-direction:column;gap:8px;width:100%;align-items:center}.wrapper-button-cloack .btn-join{font-size:14px;padding:10px 24px;width:100%;max-width:280px;text-align:center}}@media(max-width:980px){.clock-overlay{top:67%;left:25%}.nav-menu{display:none}.banner-wrap{flex-direction:column}.clock-overlay{position:static;transform:none;width:100%;padding:12px 8px;gap:6px;background:#00102a}}@media(max-width:480px){.banner-wrap{flex-direction:column}.clock-overlay{position:static;transform:none;width:100%;padding:12px 8px;gap:6px;background:#00102a}.wrapper-cloack{gap:3px}.time-unit{width:62px;height:63px;padding:3px 4px;border-width:1px}.titulo-clock{font-size:11px}.time-value{font-size:26px}.time-label{font-size:9px}.wrapper-button-cloack .btn-join{font-size:11px;padding:6px 14px;max-width:220px}}.fase-grupos{padding:50px 20px 60px;display:flex;flex-direction:column;align-items:center}.fase-title{font-family:Montserrat,sans-serif;font-weight:800;font-size:28px;color:#fff;text-transform:uppercase;letter-spacing:2px;margin-bottom:40px;text-shadow:0 2px 12px rgba(0,0,0,.5)}.grid-fixture{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;width:100%;max-width:1300px}.col-grupo{display:flex;flex-direction:column;gap:18px}.header-grupo{background:linear-gradient(180deg,#2563eb,#1d4ed8);text-align:center;padding:12px 0;border-radius:50px;font-family:Montserrat,sans-serif;font-weight:800;font-size:.95rem;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #1d4ed866;margin-bottom:5px}.item-partido{display:flex;flex-direction:column;align-items:center;position:relative}.image-izq{position:absolute;top:0;left:0;transform:translate(41%,25%)}.image-der{position:absolute;top:0;right:0;transform:translate(-41%,25%)}.fecha-partido{background-color:#0e1d68;color:#7882a4;font-family:Montserrat,sans-serif;font-weight:700;font-size:.65rem;padding:2px 14px;border-radius:4px 4px 0 0;text-transform:uppercase;letter-spacing:.5px;z-index:1}.fila-partido{background-color:#081242;width:225px;height:50px;display:flex;align-items:center;justify-content:space-between;padding:6px 14px;border-radius:50px;box-shadow:inset 0 1px 1px #ffffff1a,0 4px 10px #0006;margin-top:-1px}.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-family:Montserrat,sans-serif;font-weight:700;font-size:.8rem;letter-spacing:.5px;color:#e2e8f0}.flag{width:55px;height:55px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 2px 4px #0000004d}.bloque-score{width:28%;display:flex;justify-content:space-between}.score-space{width:45%;height:24px;color:#fff;background-color:#16245e;border-radius:4px;display:flex;justify-content:center;align-items:center}@media(max-width:1100px){.grid-fixture{grid-template-columns:repeat(2,1fr)}}.site-footer{background:#00102a;border-top:1px solid rgba(255,255,255,.08);padding:28px 40px;text-align:center}.footer-logos{display:flex;justify-content:center;align-items:center;gap:24px;margin-bottom:16px}.footer-logo{height:48px;width:auto}.footer-text{font-family:Nunito,sans-serif;color:#ffffff8c;font-size:12px;line-height:1.7;max-width:820px;margin:0 auto}.footer-text strong{color:#fff;font-weight:700}@media(max-width:650px){.site-footer{padding:20px 16px}.footer-logo{height:36px}.footer-text{font-size:11px}.grid-fixture{grid-template-columns:1fr}.fase-title{font-size:22px}}.mobile-bottom-nav{display:none}@media(max-width:980px){.mobile-bottom-nav{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{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.active{color:#feec0a}.bottom-nav-icon{font-size:22px;line-height:1}.bottom-nav-label{font-size:10px;font-weight:700;letter-spacing:.3px;white-space:nowrap}.whatsapp-widget{bottom:76px;right:12px;width:50px;height:50px}.whatsapp-widget svg{width:24px;height:24px}.site-footer{padding-bottom:76px}}@media(max-width:980px){.main-header{gap:6px}.cta-container{gap:6px;flex-shrink:0}.btn-login,.btn-join{padding:8px 14px;font-size:11px}}