body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.grupo-grid{grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.grupo-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.grupo-grid{grid-template-columns:repeat(1,1fr)}}.global-alert{animation:fade-in .3s ease;background:#4caf50;border-radius:8px;box-shadow:0 2px 10px #0000004d;color:#fff;padding:12px 20px;position:fixed;right:20px;top:20px;z-index:9999}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box}body,html{overflow-x:hidden}.navbar{align-items:center;background:#0a2239;color:#fff;display:flex;justify-content:space-between;overflow:visible;padding:14px 20px;position:sticky;top:0;width:100%;z-index:900}.dropdown-menu{z-index:2000}.dropdown-title{background:none;border:none;color:#fff;cursor:pointer;font-size:17px;font-weight:700}.nav-left{align-items:center;display:flex;gap:12px}.nav-logo{margin-left:40px;width:45px}.nav-menu{align-items:center;display:flex;gap:20px;margin-right:40px}.nav-menu a{color:#fff;font-weight:500;text-decoration:none;transition:.2s}.nav-menu a:hover{opacity:.7}.btn-logout{background:#ff7272;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:6px 12px}.user-code{background:#0006;border-radius:8px;color:#00ff9d;font-size:14px;font-weight:700;letter-spacing:1px;margin-right:10px;padding:6px 10px}.dropdown{cursor:pointer;position:relative}.dropdown-title{font-weight:500}.dropdown-menu{background:#0f2a47;border-radius:8px;box-shadow:0 10px 30px #0006;display:flex;flex-direction:column;gap:8px;left:0;min-width:160px;padding:10px;position:absolute;top:35px;z-index:999}.dropdown-menu a{color:#fff;font-size:14px}.dropdown-menu a:hover{opacity:.7}.user-code-container{align-items:center;display:flex;gap:6px}.user-label{color:#fff;font-weight:500}.user-number{background:#0006;border-radius:8px;color:#00ff9d;font-size:14px;font-weight:700;letter-spacing:1px;padding:6px 10px;transition:.3s}.blurred{filter:blur(5px);-webkit-user-select:none;user-select:none}.eye-btn{background:none;border:none;cursor:pointer;font-size:16px}.eye-btn:hover{color:#4fc3f7}.fase-disabled{color:#aaa;cursor:not-allowed;display:block;padding:8px 12px}.dropdown-menu a{color:#fffcfc;display:block;padding:8px 12px;text-decoration:none}.dropdown-menu a:hover{background:#0006}.nav-campeon{color:gold;font-weight:600}.nav-campeon:hover{opacity:.8}.menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:26px}@media (max-width:1060px){.menu-toggle{display:block}.nav-menu{align-items:flex-start;background:#0a2239;flex-direction:column;gap:15px;padding:20px;position:absolute;right:0;top:100px;transform:translateX(120%);transition:transform .3s ease;width:70%}.nav-menu.open{transform:translateX(20%)}.nav-left img{margin-left:0;padding-left:0} ;}.hero-container{background:linear-gradient(180deg,#1b2f3a,#050507 19%,#050507 55%,#050507 100%,#1b2429 0);color:#dfdddd;display:flex;gap:60px;justify-content:center;padding:80px 40px;width:100%}.hero-image-container{align-items:center;display:flex;flex:0 0 60%;flex-direction:column;max-width:1200px}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#5a0606,#f90,#5a0606);-webkit-background-clip:text;background-clip:text;font-size:60px;font-weight:800;margin-bottom:0;text-align:center;z-index:25}.hero-copa{border-radius:20px;height:auto;max-width:1200px;width:100%}@media (max-width:768px){.hero-title{font-size:28px}}.hero-rankings{display:flex;flex:0 0 35%;flex-direction:column;gap:20px;max-width:320px;width:100%}.hero-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#141c24d9;border:1px solid #ffffff14;border-radius:18px;box-shadow:0 15px 40px #00000080;max-height:580px;overflow-y:auto;padding:20px;transition:.3s ease;width:100%}.hero-card h3{border-bottom:1px solid #ffffff14;color:#4fc3f7;font-size:18px;font-weight:600;margin-bottom:15px;margin-top:0;padding-bottom:10px}.hero-card ul{list-style:none;margin:15px 0;padding:0}.hero-card li{align-items:center;border-bottom:1px solid #ffffff0d;color:#ffffffd9;display:flex;font-size:14px;justify-content:space-between;padding:10px 0}.hero-card li:last-child{border-bottom:none}.hero-card::-webkit-scrollbar{width:6px}.hero-card::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.mi-posicion{background:linear-gradient(90deg,#4caf5033,#0000);border-radius:10px;color:#4caf50;font-weight:600;padding:10px}.login-btn-hero{background:linear-gradient(135deg,#1e88e5,#1565c0);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-top:20px;padding:14px 32px;transition:all .3s ease}.login-btn-hero:hover{box-shadow:0 6px 15px #1e88e566;transform:translateY(-2px)}.hero-actions{display:flex;gap:15px;justify-content:center;justify-content:space-around;margin-top:20px}.hero-actions button{background:linear-gradient(135deg,#1e88e5,#1565c0);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;padding:9px 14px;transition:all .3s ease;transition:all .3s}.hero-actions button:hover{box-shadow:0 6px 15px #1e88e566;transform:translateY(-2px)}.contador-regresivo,.predicciones-cerradas{border-radius:16px;box-shadow:0 6px 20px #0003;font-size:22px;font-weight:700;margin:30px auto;padding:20px;width:100%}.contador-regresivo{background:linear-gradient(135deg,#ff8a00,#e52e71);color:#fff}.predicciones-cerradas{background:linear-gradient(135deg,#c62828,#b71c1c);border:3px solid #fff;color:#fff}.hero-login-prompt{background:#fffffff2;border-radius:16px;box-shadow:0 8px 25px #0003;color:#333;max-width:275px;padding:30px;width:100%}.hero-login-prompt h3{color:#d32f2f;margin-bottom:15px;max-width:420px;width:100%}.hero-login-card{display:flex;flex-direction:column;justify-content:start;text-align:start}.hero-login-card h3{color:#4fc3f7;margin-bottom:15px}.hero-login-card p{color:#ffffffbf;margin-bottom:20px}@media (max-width:1100px){.hero-container{align-items:center;flex-direction:column;gap:40px;padding:20px}.hero-rankings{flex-direction:row;gap:20px;max-width:100%}.hero-card{max-height:350px}}@media (max-width:768px){.hero-rankings{flex-direction:column;width:100%}.hero-card{width:100%}.hero-title{font-size:28px}}h1 h2 h3 h4{color:#f1f1f1}.btn-salir{align-content:end;align-items:end;background:#0000;border:none;color:#ff6b6b;cursor:pointer;font-size:13px;justify-content:end;justify-items:end;margin-top:10px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.modal{animation:fadeInScale .2s ease;background:#111c24;border:1px solid #ffffff14;border-radius:18px;padding:30px}.modal h4{color:#4fc3f7;margin-bottom:15px;margin-top:0}.modal p{color:#fffc;margin-bottom:20px}.modal-actions{justify-content:flex-end}.btn-danger{background:#ff6b6b;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:8px 16px;transition:.2s}.btn-danger:hover{background:#ff4c4c;transform:translateY(-2px)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.panel-overlay{align-items:center;background:#000000a6;justify-content:center}.panel-overlay .panel{animation:slideUp .3s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#141c24e0;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 20px 60px #0009;color:#f1f1f1;max-width:450px;padding:28px;position:relative;width:92%}.panel h2{font-size:22px;font-weight:600;margin-bottom:4px}.panel p{font-size:14px;margin-bottom:20px;opacity:.7}.panel .panel-close{background:#f003;border-radius:8px;color:#ff6b6b;font-size:16px;font-weight:700;height:35px;position:absolute;right:35px;top:50px;transition:.2s ease;width:35px}.panel .panel-close:hover{background:#f006;transform:scale(1.05)}.score-box{display:flex;gap:30px;justify-content:space-between;margin:30px 0}.score-controls{align-items:center;display:flex;gap:10px;margin-top:10px}.score-controls span{font-size:28px;font-weight:600}.score-controls button{background:linear-gradient(135deg,#1e88e5,#1565c0);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;padding:8px 14px;transition:all .2s ease}.score-controls button:hover{box-shadow:0 6px 15px #1e88e566;transform:translateY(-2px)}.puntos-section{background:#ffffff0d;border:1px solid #ffffff0d;border-radius:12px;margin-top:20px;padding:20px}.puntos-title{font-size:16px;margin-bottom:10px}.puntos-parcial{font-size:14px;opacity:.8}.puntos-multiplicador{color:#4fc3f7;font-size:16px;font-weight:600}.puntos-input{display:flex;flex-direction:column;margin-top:12px}.puntos-input label{font-size:14px;margin-bottom:4px}.puntos-input input{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;outline:none;padding:10px}.puntos-input input:focus{border-color:#1e88e5}.puntos-total{color:#4caf50;font-size:18px;font-weight:700;margin-top:14px}.puntos-explicacion{font-size:14px;margin:12px 0;padding-left:18px}.puntos-explicacion li{margin-bottom:6px}.puntos-disponibles{font-size:14px;margin-top:10px;opacity:.8}.save-btn{background:linear-gradient(135deg,#00c853,#009624);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:25px;padding:14px;transition:all .2s ease;width:100%}.save-btn:hover{box-shadow:0 10px 25px #00c85366;transform:translateY(-2px)}.save-btn:disabled{background:#555;box-shadow:none;cursor:not-allowed;transform:none}.fade-in{animation:fadeIn .3s ease}.slide-up{animation:slideUp .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}:root{--primary:#1e88e5;--primary-hover:#1565c0;--primary-glow:#1e88e559}.dragdrop-container{background:#0000;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-top:20px;padding:10px 0}.dragdrop-overlay{background:#0009;border-radius:8px;color:#fff;font-weight:700;margin-bottom:15px;padding:10px;text-align:center}.dragdrop-explicacion{color:#ffffffd9;font-size:14px;line-height:1.5;margin-bottom:20px}.dragdrop-list{display:flex;flex-direction:column;gap:10px}.dragdrop-list.bloqueado{opacity:.85}.dragdrop-item.item-bloqueado{cursor:not-allowed}.dragdrop-item.item-bloqueado .drag-handle{opacity:.3}.dragdrop-item{align-items:center;background:#fff;border-left:5px solid #ddd;border-radius:10px;box-shadow:0 2px 8px #0000001a;cursor:grab;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease;transition:transform .15s ease,box-shadow .15s ease}.dragdrop-item:hover{transform:translateY(-2px)}.dragdrop-item:active{cursor:grabbing}.dragdrop-item.dragging{box-shadow:0 8px 20px #00000026;opacity:.5;transform:scale(1.03)}.dragdrop-item.clasificado{background:#020e02;border:1px solid rgba(255,230,181,.479);opacity:.8}.dragdrop-item.tercero{background:#0c0e0c;border:1px solid rgba(255,230,181,.479);opacity:.9}.dragdrop-status{color:#ffb300;font-weight:700}.estado-perfecto .grupo-overlay{background:#00000040}.dragdrop-item.eliminado{background:#0c0e0c;border:1px solid rgba(255,230,181,.479);border-left-color:#f44336;opacity:.9}.drag-handle{color:#999;font-size:20px;-webkit-user-select:none;user-select:none}.dragdrop-info{color:#fffdfd;flex:1 1;font-size:16px}.dragdrop-info strong{color:#fff5f5;margin-right:8px}.dragdrop-item.clasificado .dragdrop-status{color:#4caf50}.dragdrop-item.eliminado .dragdrop-status{color:#f44336}.resultado-grupo{border-radius:8px;font-weight:700;margin-bottom:15px;padding:12px;text-align:center}.resultado-grupo.perfecto{background:#e8f5e9;color:#2e7d32}.resultado-grupo.parcial{background:#fff8e1;color:#f9a825}.resultado-grupo.fallo{background:#ffebee;color:#c62828}.confirmar-btn{background:linear-gradient(135deg,#1e88e5,#1565c0);background:linear-gradient(135deg,var(--primary),var(--primary-hover));border:none;border-radius:12px;box-shadow:0 4px 14px #0006,0 0 0 #1e88e500;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:20px;padding:10px 18px;transition:all .2s ease}.confirmar-btn:hover{box-shadow:0 8px 20px #00000080,0 0 12px #1e88e559;box-shadow:0 8px 20px #00000080,0 0 12px var(--primary-glow);transform:translateY(-2px)}.grupo-card{border-radius:8px;box-shadow:0 15px 40px #0006;margin-top:18px;min-height:auto;overflow:hidden;padding-bottom:18px;position:relative;transition:transform .3s ease}.grupo-card:hover{transform:translateY(-4px)}.grupo-bg{background-position:50%;background-size:cover;transform:scale(1.05);z-index:0}.grupo-bg,.grupo-overlay{inset:0;position:absolute}.grupo-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;z-index:1}.grupo-content{color:#fff;padding:10px;position:relative;z-index:2}.estado-inicial .grupo-bg{background-image:url(/static/media/inicial.2b2b68b2dbfb0d2e2aeb.webp)}.estado-parcial .grupo-bg{background-image:url(/static/media/parcial.cf20feebe10a8dc85aac.webp)}.estado-fallo .grupo-bg{background-image:url(/static/media/fallo.c82b09b1fd81084454da.webp)}.grupo-badge{background:#fff3;border-radius:20px;color:#fff;font-size:13px;font-weight:600;padding:6px 12px}.grupo-header h3{font-size:22px;font-weight:700;letter-spacing:.5px}.estado-perfecto .grupo-badge{background:linear-gradient(135deg,gold,orange);box-shadow:0 0 15px #ffd70099;color:#000}.estado-perfecto{animation:goldPulse 2s infinite alternate}@keyframes goldPulse{0%{box-shadow:0 0 15px #ffd7004d}to{box-shadow:0 0 30px #ffd700b3}}.grupo-video{height:100%;inset:0;object-fit:cover;position:absolute;transform:scale(1.05);width:100%;z-index:0}.dragdrop-item{justify-content:space-between}.dragdrop-info{min-width:40px;text-align:center}.nombre-equipo{display:none;font-size:14px;margin-left:8px}@media (min-width:500px){.nombre-equipo{display:inline}.dragdrop-info{text-align:left}.dragdrop-item{gap:12px;justify-content:flex-start}}@media (max-width:370px){.dragdrop-item{gap:5px;padding:8px}}.mobile-controls button{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border:1px solid #fff3;border-radius:8px;color:#fff;margin:2px;padding:6px 10px;transition:all .2s ease}.mobile-controls button:hover{background:#ffffff2e;transform:scale(1.05)}.panel-overlay{background:#00000073;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:1000}.panel{background:#fff;box-shadow:-10px 0 40px #00000014;display:flex;flex-direction:column;gap:25px;height:100%;overflow-y:auto;padding:30px 28px;width:400px}.panel h2{font-size:20px;margin:0;padding:25px 0}.panel h3{font-size:16px;font-weight:600;margin-top:10px;opacity:.7}.panel hr{background:#eee;border:none;height:1px;margin:10px 0 5px}.panel .panel-close{align-self:flex-end;background:none;border:none;cursor:pointer;font-size:20px;margin-bottom:10px;opacity:.8;transition:.2s}.panel .panel-close:hover{opacity:1;transform:scale(1.1)}.buscar-container{display:flex;gap:10px;margin-bottom:5px}.buscar-container input{border:1px solid #ddd;border-radius:8px;flex:1 1;padding:12px}.usuario-card{align-items:center;background:#f9fafb;border-radius:14px;box-shadow:0 4px 14px #0000000a;display:flex;justify-content:space-between;padding:18px}.usuario-card strong{color:#555;font-size:14px}.usuario-card button{background:#061933;border:none;border-radius:999px;color:#fff;font-weight:600;padding:8px 16px}.usuario-card button:hover{background:#388e3c}.lista-invitaciones{flex-direction:column;gap:12px}.inv-card,.lista-invitaciones{display:flex;justify-content:space-between}.inv-card{align-items:center;background:#061933;border:1px solid #ececec;border-radius:14px;padding:16px;transition:.2s ease}.inv-card:hover{box-shadow:0 6px 16px #0000000d;transform:translateY(-2px)}.inv-info{display:flex;flex-direction:column;gap:4px}.inv-status{background:#388e3c;border-radius:999px;font-size:12px;font-weight:600;padding:4px 10px;width:fit-content}.inv-pending .inv-status{background:#ececd9;color:#b78103}.inv-accepted .inv-status{background:#e9fff3;color:#1b8f5a}.inv-rejected .inv-status{background:#ffecec;color:#c62828}.btn-cancelar{background:#0000;border:1px solid #ff6b6b;border-radius:8px;color:#ff6b6b;cursor:pointer;padding:6px 12px}.btn-cancelar:hover{background:#ff6b6b;color:#fff}.error-text{color:red;margin-bottom:10px}.solicitud-actions{display:flex;gap:10px;margin-top:8px}.solicitud-actions button{border:none;border-radius:8px;cursor:pointer;padding:6px 12px;transition:.2s}.solicitud-actions button:first-child{background:#20c997;color:#fff}.solicitud-actions button:last-child{background:#ff6b6b;color:#fff}.solicitud-actions button:hover{opacity:.85}.btn-aceptar{background:#20c997;color:#fff}.btn-rechazar{background:#ff6b6b;color:#fff}.btn-aceptar,.btn-rechazar{border:none;border-radius:8px;cursor:pointer;padding:6px 12px;transition:.2s}.btn-aceptar:hover,.btn-rechazar:hover{opacity:.85}:root{background:#000}html{scroll-behavior:smooth}body:before{background:radial-gradient(circle at top center,#2c536459,#0000 60%),linear-gradient(180deg,#2c5364,#1b2f3a 30%,#0b151b 55%,#050505 75%,#000);content:"";inset:0;pointer-events:none;position:fixed;will-change:transform;z-index:-1}.home-container{margin:0 auto;max-width:1400px;padding:20px}.fase-grupos-title{color:#f9f9f9;margin-left:20px;margin-top:30px}.grupo-section{margin:20px auto}.grupo-title{color:#f9f9f9;font-size:20px;margin-bottom:10px}.grupo-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.puntos-posibles{color:#ff9800;font-size:15px;font-weight:700;margin:8px 0}.puntos-reales{font-size:18px;font-weight:700;margin:8px 0}.puntos-ganados{color:#4caf50;font-size:16px;font-weight:700;margin:8px 0}.match-card{align-items:center;border-radius:18px;display:flex;height:min(500px,90vh);justify-content:center;overflow:hidden;padding:10px;position:relative;transition:transform .3s ease}.match-card:hover{transform:translateY(-4px)}.team-name{font-size:15px;font-weight:600;letter-spacing:.3px}.score-panel{display:flex;gap:16px;justify-content:space-between;margin:14px 0}.score-pred,.score-real{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;flex:1 1;padding:10px}.score-pred span,.score-real span{display:block;font-size:11px;margin-bottom:2px;opacity:.75}.score-pred strong,.score-real strong{font-size:22px;font-weight:700;letter-spacing:1px}.vs{font-size:12px;margin:0 4px;opacity:.7}.card-bg{background-position:50%;background-size:cover;inset:0;position:absolute;transform:scale(1.05);z-index:0}.card-overlay{background:#00000026;z-index:1}.info-panel{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#00000073;border-radius:16px;box-shadow:0 0 0 1px #ffffff26,0 10px 30px #0006;flex-direction:column;gap:10px;margin:0 auto;max-height:85%;max-width:320px;min-height:380px;padding:20px}.card-content,.info-panel{display:flex;justify-content:center;width:100%}.card-content{align-items:center;color:#fff;height:100%;position:relative;z-index:2}.estado-inicial .card-bg{background-image:url(/static/media/inicial.7368eaf44614aab28826.webp)}.estado-inicial .match-status{color:#bbb}.estado-no-prediccion .card-bg{background-image:url(/static/media/inicial.7368eaf44614aab28826.webp)}.estado-cerrado .card-bg{background-image:url(/static/media/neutral5.45e91b78d31cfb1fbce4.webp)}.estado-fallo .card-bg{background-image:url(/static/media/fallo3.9e93579736e1058611f8.jpg)}.card-video{height:100%;inset:0;object-fit:cover;position:absolute;transform:scale(1.05);transform-origin:center;width:100%;z-index:0}.estado-legendaria .info-panel{box-shadow:0 0 0 1px #ffd7004d,0 0 25px #ffd70059}.estado-legendaria:after{background:radial-gradient(circle at top left,#ffffff40,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute;z-index:2}.legendaria-effect{align-items:center;bottom:18px;display:flex;height:120px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);width:120px;z-index:5}.estado-acierto-parcial .card-overlay{background:#00000040}.estado-acierto-parcial .info-panel{box-shadow:0 0 0 1px #4caf5059,0 0 20px #4caf5059}.legendaria-corona{animation:coronaPulse 2s ease-in-out infinite;height:100%;inset:0;object-fit:contain;pointer-events:none;position:absolute;width:100%}.legendaria-multi{color:gold;font-size:25px;font-weight:800;position:relative;text-shadow:0 0 6px #ffd700e6,0 0 12px #ffd70099;transform:translateY(25px) translatex(7px)}.match-card.con-apuesta{animation:pulseGlow 2s infinite alternate;box-shadow:0 0 6px #fff9,0 0 12px #f6f7f666}.match-card.con-apuesta:before{background:conic-gradient(from 0deg,#0000 0deg,#ffffffe6 40deg,#0000 80deg);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;position:absolute}@keyframes pulseGlow{0%{box-shadow:0 0 6px hsla(0,17%,93%,.795)}to{box-shadow:0 0 14px #d8d7d7e6}}.match-header{align-items:center;display:flex;gap:6px;justify-content:center;margin-bottom:5px}.bandera{height:auto;width:32px}.match-date{color:#ddd;font-size:12px}.match-date,.match-prediccion{display:block;justify-items:center;text-align:center}.match-prediccion{margin-top:10px}.match-status{font-size:13px;font-weight:500;margin-top:6px;text-align:center}.estado-legendaria .match-status{color:gold;text-shadow:0 0 6px #ffd70099}.estado-acierto-parcial .match-status{color:#4caf50}.estado-fallo .match-status{color:#ff6b6b}.puntos-resultado{background:linear-gradient(135deg,#ffd70040,#ffd7000d);border-radius:10px;font-size:14px;font-weight:600;margin-top:8px;padding:8px 12px;text-align:center}.info-previa{font-size:13px;margin:12px 0;opacity:.9}.cuenta-regresiva{color:#ffb300;font-weight:700;margin-top:6px}.edit-btn,.predecir-btn{border-radius:10px;font-size:14px;font-weight:600;margin-top:10px;padding:8px 16px;transition:transform .15s ease,box-shadow .15s ease}.edit-btn:hover,.predecir-btn:hover{box-shadow:0 6px 12px #0000004d;transform:translateY(-1px)}.drag-drop-section{background:#0000;border-radius:8px;margin-top:25px auto;padding:7px}.toast{animation:fadeIn .3s ease;background:#222;border-radius:8px;color:#fff;padding:10px 14px;position:fixed;right:20px;top:20px;z-index:9999}.contador-regresivo{background:linear-gradient(90deg,#fff3e0,#ffe0b2);box-shadow:0 4px 10px #ff6b0033;color:#ff6b00}.contador-regresivo,.predicciones-cerradas{border-radius:12px;font-size:20px;font-weight:700;margin:20px 0;padding:15px;text-align:center}.predicciones-cerradas{background:#ffebee;border:2px solid #e57373;color:#d32f2f}.bloqueado-text{font-size:13px;margin-top:10px;opacity:.6;text-align:center}.legendaria-image-wrapper{border-radius:16px;max-height:85%;max-width:85%;min-height:420px;overflow:hidden;position:absolute;width:320px;z-index:1}.legendaria-image{background-image:url(/static/media/legendaria-imagen.5d9a7ce42b9200c2a7d6.webp);background-position:50%;background-size:cover;border-radius:inherit;filter:none;inset:0;opacity:1;position:absolute;transform:scale(1.02)}.estado-legendaria .info-panel{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0000002e;box-shadow:0 0 0 1px #ffd70059,0 0 22px #ffd70040;z-index:2}.campeones-section{margin:50px auto 80px;max-width:1400px;padding:0 20px}@media (max-width:1100px){.card-overlay,.home-container{padding:10px auto}.card-overlay{align-items:center;display:flex;justify-content:center}.grupo-section{padding:10px auto}}@media (max-width:600px){.info-panel{max-width:90%;min-height:340px}}@media (max-width:400px){.match-card{height:min(400px,90vh);max-width:90%}}.eliminatorias-container{margin:0 auto;max-width:1100px;padding:20px}.eliminatorias-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.eliminatorias-grid{grid-template-columns:1fr}}.campeones-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin:0 auto;max-width:1440px;padding:20px 16px}.card-podio{border-radius:22px;box-shadow:0 14px 40px #00000040;min-height:700px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.card-podio:hover{box-shadow:0 24px 64px #00000061;transform:translateY(-10px)}.card-podio.estado-inicial-campeon{background-image:url(/static/media/inicial-campeon.00a10cbf9004558b1f11.webp)}.card-podio.estado-inicial-subcampeon{background-image:url(/static/media/inicial-subcampeon.cb8a830602c3e4855428.webp)}.card-podio.estado-inicial-tercer_puesto{background-image:url(/static/media/1.fe81ce74cb9e65a79df8.webp)}.card-overlay{padding:20px;z-index:2}#card-overlay-inner{animation:neon-pulse 4s ease-in-out infinite;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(180deg,#0a0a1466,#0a0a14d9);background-image:url(/static/media/4.9ceb679ac25b666d26e0.webp);border:2px solid #ffffff4d;border-radius:16px;box-shadow:0 0 0 2px #ffffff14,inset 0 0 12px #ffffff1a;color:#fff;display:flex;flex-direction:column;gap:50px;max-height:100%;max-width:320px;min-height:350px;padding:14px 32px;pointer-events:auto;width:100%}@keyframes neon-pulse{0%,to{border-color:#ffffff4d;box-shadow:0 0 0 2px #ffffff14,inset 0 0 12px #ffffff1a}50%{border-color:#ffffffb3;box-shadow:0 0 20px 6px #ffffff59,inset 0 0 20px #ffffff40}}.card-header{align-items:flex-start;flex-direction:column;gap:15px}.card-title{font-size:1.45rem;letter-spacing:.4px;line-height:1.2;text-shadow:0 2px 6px #000000b3}.badge-estado{font-size:.75rem;font-weight:600;letter-spacing:.3px;min-width:auto;padding:6px 12px;white-space:nowrap}.badge-inicial{background:#4b5563}.badge-esperando{background:#d97706}.badge-acierto{background:#15803d;box-shadow:0 0 16px #16a34a88}.badge-fallo{background:#b91c1c;box-shadow:0 0 16px #dc262688}.card-info{align-items:center;display:flex;font-size:1.15rem;font-weight:500;gap:16px}.card-info .bandera-wrapper{flex-shrink:0}.puntos-label{font-size:.92rem;opacity:.8}.puntos-posibles{color:#b8b9be;font-size:1.85rem;font-weight:800;letter-spacing:-.5px;text-shadow:0 2px 10px #0009}.puntos-nota{font-size:.8rem;margin-top:6px;opacity:.7}.card-actions{display:flex;gap:12px;margin-bottom:30px;margin-top:16px}.card-btn{align-items:center;border:none;border-radius:9999px;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;justify-content:center;letter-spacing:.3px;padding:13px 22px;transition:all .25s ease}.card-btn:disabled{cursor:not-allowed;opacity:.45}.card-btn-primary{background:linear-gradient(135deg,#848586,#f5fcf9);border-radius:999px;box-shadow:0 8px 22px hsla(0,0%,100%,.658);color:#052e16;font-size:15px;font-weight:700;padding:14px 20px;transition:all .25s ease}.card-btn-primary:hover{box-shadow:0 12px 32px #ffffff80;transform:translateY(-2px) scale(1.02)}.card-btn-secondary{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #fff3;color:#e5e7eb}.card-btn-secondary:hover{background:#ffffff2e}.card-edit select{appearance:none;background:#1e293b;background-position:right 16px center;background-size:12px;border:1px solid #475569;border-radius:10px;color:#e2e8f0;cursor:pointer;font-size:1.05rem;margin-bottom:20px;padding:14px 16px;width:100%}.card-edit select:focus{background-color:#1e293b;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa4d;outline:none}.card-edit select option{background:#0f172a;color:#e2e8f0}.card-edit .card-btn-primary,.card-edit .card-btn-secondary{font-size:14px;font-weight:700;padding:6px 8px}.modal-backdrop{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#141423f2;border:1px solid #ffffff1f;border-radius:16px;box-shadow:0 20px 60px #0009;color:#fff;max-width:420px;padding:28px 24px;text-align:center;width:90%}.modal p{font-size:1.1rem;line-height:1.5;margin-bottom:24px;white-space:pre-line}.modal-actions{display:flex;gap:12px;justify-content:center}.card-video2{height:100%;inset:0;object-fit:cover;pointer-events:none;position:absolute;width:100%;z-index:0}@media (max-width:450px){.campeones-grid{margin:0;padding:0}}.puntos-container{margin:60px auto;max-width:1440px;padding:20px}.puntos-title{color:#f0f8ff;font-size:2rem;font-weight:700;margin-bottom:50px;text-align:center}.puntos-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.card-puntos{background-position:50%;background-size:cover;border-radius:22px;box-shadow:0 14px 40px #00000040;height:700px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.card-puntos:hover{box-shadow:0 24px 64px #00000059;transform:translateY(-8px)}.card-promo1{background-image:url(/static/media/promo1.cff7d9e9183e38c48801.webp)}.card-promo2{background-image:url(/static/media/promo2.6efb48036f5663f37e33.webp)}.card-promo3{background-image:url(/static/media/promo3.ac91aa9e2e9980ba12d9.webp)}.card-overlay{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute}.card-overlay-inner{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c0c1899;border:2px solid #ffffff40;border-radius:16px;color:#fff;display:flex;flex-direction:column;gap:20px;max-width:320px;padding:26px 24px;pointer-events:auto;width:86%}.card-header{align-items:center;display:flex;justify-content:space-between}.card-title{font-size:1.3rem;font-weight:700}.badge-plan{background:#64748b;border-radius:20px;font-size:.75rem;padding:5px 12px}.badge-plan.destacado{background:#f59e0b}.badge-plan.premium{background:#9333ea}.card-info-box{display:flex;flex-direction:column;gap:12px}.puntos-cantidad{font-size:1.8rem;font-weight:800}.puntos-desc{font-size:.95rem;opacity:.9}.puntos-beneficios{font-size:.9rem;padding-left:16px}.puntos-beneficios li{margin-bottom:4px}.precio-box{align-items:center;display:flex;flex-direction:column;gap:4px;margin-top:6px}.precio-usd{font-size:1.9rem;font-weight:800;letter-spacing:.5px}.precio-ars{font-size:.8rem;opacity:.8}.card-promo2{box-shadow:0 24px 80px #00000073;transform:scale(1.04)}.btn-comprar{background:#2563eb;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin-top:10px;padding:12px 16px;transition:transform .2s,box-shadow .2s}.btn-comprar:hover{box-shadow:0 10px 24px #0000004d;transform:scale(1.04)}.btn-comprar.destacado{background:#f59e0b}.btn-comprar.premium{background:#9333ea}.pago-seguro{font-size:.75rem;opacity:.7;text-align:center}:root{background:#868585}.auth-container{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.auth-container:before{background:url(/static/media/copa2.b5adebdc760c71e2109f.jpg) 50%/cover no-repeat;content:"";filter:brightness(.6);inset:0;position:absolute;z-index:0}.auth-box{animation:fadeUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000008c;border:2px solid #ffffff1a;border-radius:18px;box-shadow:0 0 25px #00000080;max-width:380px;padding:35px 30px;position:relative;width:100%;z-index:1}.auth-box h2{color:#f1f1f1;font-size:26px;font-weight:700;letter-spacing:1px;margin-bottom:20px;text-align:center;text-shadow:0 0 8px #000}.auth-box input{background:#ffffffd9;border-radius:8px;font-size:16px;margin-bottom:15px;outline:none}.auth-box button,.auth-box input{border:none;padding:12px;width:100%}.auth-box button{background:linear-gradient(135deg,#00c851,#007e33);border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-top:5px;transition:.3s}.auth-box button:hover{background:linear-gradient(135deg,#007e33,#00c851);transform:scale(1.03)}.auth-link{color:#ddd;font-size:14px;margin-top:15px;text-align:center}.auth-link span{color:#00c851;cursor:pointer;font-weight:700}.auth-link span:hover{text-decoration:underline}.terms-check{align-items:center;color:#ddd;display:flex;font-size:14px;gap:8px;margin:10px 0 15px}.terms-check input[type=checkbox]{cursor:pointer;flex-shrink:0;height:18px;margin:0;width:18px}.terms-check label{align-items:center;cursor:pointer;display:flex;gap:4px}.terms-link{color:#00c851;cursor:pointer;font-weight:700;transition:.2s}.terms-link:hover{color:#0f6;text-decoration:underline}.terminos-container{display:flex;justify-content:center;min-height:100vh;padding:60px 20px}.terminos-box{animation:fadeUp .6s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000008c;border:1px solid #ffffff14;border-radius:20px;box-shadow:0 0 30px #0009;max-width:900px;padding:40px;width:100%}.terminos-box h1{color:#fff;font-size:32px;letter-spacing:1px;margin-bottom:10px;text-align:center}.fecha{color:#aaa;font-size:14px;margin-bottom:30px;text-align:center}.terminos-box section{margin-bottom:25px}.terminos-box h2{color:#00c851;font-size:20px;margin-bottom:8px}.terminos-box p{color:#ddd;font-size:15px;line-height:1.6}.terminos-footer{margin-top:40px;text-align:center}.terminos-footer button{background:linear-gradient(135deg,#00c851,#007e33);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 25px;transition:.3s ease}.terminos-footer button:hover{background:linear-gradient(135deg,#007e33,#00c851);transform:scale(1.05)}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.93040a6c.css.map*/