*{box-sizing:border-box;margin:0;padding:0}body{color:#222;background:#0f206c;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.container{max-width:600px;margin:0 auto;padding:1.5rem 1rem}@media (max-width:600px){.container{padding:1rem .75rem}input,select{padding:.9rem 1rem;font-size:1rem}.btn{padding:1rem 1.5rem;font-size:1.05rem}.card{padding:1.5rem 1.2rem}.header h1{font-size:1.35rem}.partido-btn{padding:.9rem .4rem;font-size:.9rem}.resultado-btn{padding:1rem;font-size:.95rem}.premios-strip{gap:.5rem}.premio-chip{padding:.7rem .8rem}}.container.wide{max-width:1100px}.card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 12px #00000014}.header{text-align:center;margin-bottom:2rem}.header .emoji{margin-bottom:.5rem;font-size:3rem}.header h1{color:#1a1a1a;font-size:1.6rem;font-weight:700}.header p{color:#666;margin-top:.5rem;font-size:.95rem}.badge{color:#fff;background:#003087;border-radius:20px;margin-bottom:1rem;padding:.2rem .8rem;font-size:.8rem;font-weight:600;display:inline-block}form{flex-direction:column;gap:1.2rem;display:flex}.field{flex-direction:column;gap:.4rem;display:flex}label{color:#444;font-size:.9rem;font-weight:600}label .req{color:#dc2626;margin-left:2px;font-weight:700}input,select{background:#fff;border:1.5px solid #ddd;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}input:focus,select:focus{border-color:#003087;outline:none}.btn{cursor:pointer;border:none;border-radius:8px;padding:.9rem 1.5rem;font-size:1rem;font-weight:700;transition:all .2s}.btn-primary{color:#fff;background:#003087}.btn-primary:hover{background:#00235e}.btn-primary:disabled{cursor:not-allowed;background:#888}.btn-success{color:#fff;background:#16a34a}.btn-success:hover{background:#15803d}.btn-danger{color:#fff;background:#dc2626}.btn-danger:hover{background:#b91c1c}.btn-secondary{color:#374151;background:#e5e7eb}.btn-secondary:hover{background:#d1d5db}.alert{border-radius:8px;padding:1rem 1.2rem;font-size:.95rem;font-weight:500}.alert-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.alert-success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.alert-warning{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.tab{cursor:pointer;color:#444;background:#fff;border:2px solid #ddd;border-radius:8px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s}.tab.active{color:#fff;background:#003087;border-color:#003087}.tab:hover:not(.active){color:#003087;border-color:#003087}table{border-collapse:collapse;width:100%;margin-top:1rem;font-size:.88rem}th{text-align:left;color:#374151;white-space:nowrap;background:#f3f4f6;padding:.75rem;font-weight:700}td{color:#374151;border-bottom:1px solid #e5e7eb;padding:.7rem}tr:hover td{background:#f9fafb}.stats{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.stat{text-align:center;background:#f3f4f6;border-radius:8px;flex:1;min-width:120px;padding:1rem}.stat .num{color:#003087;font-size:2rem;font-weight:800}.stat .lbl{color:#666;margin-top:.2rem;font-size:.8rem}.ganador-box{text-align:center;background:#fefce8;border:2px solid #fbbf24;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.ganador-box h3{color:#92400e;margin-bottom:.5rem;font-size:1.1rem}.ganador-box .nombre{color:#003087;font-size:1.5rem;font-weight:800}.ganador-box .detalle{color:#666;margin-top:.5rem;font-size:.9rem}.admin-actions{flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:1rem;display:flex}.overflow-x{overflow-x:auto}.home-grid{grid-template-columns:1fr;gap:1.2rem;margin-top:1.5rem;display:grid}.home-link{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;text-decoration:none;transition:all .2s;display:block;box-shadow:0 1px 4px #0000000d}.home-link:hover{border-color:#003087;transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.home-link .icon{margin-bottom:.5rem;font-size:2rem}.home-link h2{color:#1a1a1a;margin-bottom:.3rem;font-size:1.1rem}.home-link p{color:#666;font-size:.85rem}.question-block{background:#fafafa;border:1.5px solid #e5e7eb;border-radius:10px;padding:1.2rem}.question-block p{color:#333;margin-bottom:.8rem;font-weight:600}.hint{color:#888;margin-top:.3rem;font-size:.8rem}.partido-selector{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.partido-btn{cursor:pointer;text-align:center;color:#444;background:#fff;border:2px solid #ddd;border-radius:8px;padding:.7rem .5rem;font-size:.85rem;font-weight:600;transition:all .2s}.partido-btn.selected{color:#fff;background:#003087;border-color:#003087}.resultado-grid{grid-template-columns:repeat(2,1fr);gap:.6rem;display:grid}.resultado-btn{cursor:pointer;text-align:center;color:#444;background:#fff;border:2px solid #ddd;border-radius:8px;padding:.8rem;font-size:.9rem;font-weight:600;transition:all .2s}.resultado-btn.selected{color:#fff;background:#16a34a;border-color:#16a34a}.marcador-grid{justify-content:center;align-items:flex-end;gap:1rem;display:flex}.marcador-col{flex-direction:column;flex:1;align-items:center;gap:.3rem;max-width:130px;display:flex}.marcador-col small{color:#444;font-size:.8rem;font-weight:700}.marcador-col input{text-align:center;padding:.6rem;font-size:1.8rem;font-weight:800}.marcador-sep{color:#999;padding-bottom:.6rem;font-size:1.8rem;font-weight:800}.premios-strip{flex-wrap:wrap;gap:.8rem;margin-bottom:1rem;display:flex}.premio-chip{color:#fff;background:#ffffff1f;border:1px solid #ffffff40;border-radius:10px;flex:1;align-items:center;gap:.6rem;min-width:140px;padding:.8rem 1rem;display:flex}.premio-chip span{flex-shrink:0;font-size:1.6rem}.premio-chip div{flex-direction:column;display:flex}.premio-chip small{color:#ffffffa6;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}.premio-chip strong{color:#fff;font-size:.88rem;font-weight:800;line-height:1.2}.banner-mundial{border-radius:12px;min-height:8px;margin-bottom:1.2rem;overflow:hidden}.banner-img{border-radius:12px;width:100%;height:auto;display:block}.partido-btn.bloqueado{opacity:.45;cursor:not-allowed;color:#999;background:#f3f4f6;border-color:#ccc}.dash-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.dash-card{text-align:left;cursor:pointer;background:linear-gradient(160deg,#f7f8fa 0%,#eceef2 100%);border:1px solid #e3e6ea;border-radius:12px;flex-direction:column;align-items:flex-start;gap:.25rem;padding:1.3rem;transition:all .15s;display:flex}.dash-card:hover{border-color:#0f206c;transform:translateY(-2px);box-shadow:0 6px 18px #0f206c1a}.dash-num{color:#0f206c;font-size:2.4rem;font-weight:900;line-height:1}.dash-lbl{color:#333;font-size:.9rem;font-weight:700}.dash-sub{color:#888;font-size:.75rem}.form-publico{padding:0;overflow:hidden}.form-hero{color:#1a1a1a;text-align:center;background:linear-gradient(160deg,#f7f8fa 0%,#eceef2 100%);border-bottom:1px solid #e3e6ea;padding:2.2rem 1.5rem 1.8rem}.form-hero img{margin-bottom:1rem;box-shadow:0 4px 16px #0f206c1f}.form-hero h1{color:#0f206c;margin-bottom:.5rem;font-size:1.7rem;font-weight:900;line-height:1.15}.form-hero .form-desc{color:#5b606b;max-width:440px;margin:0 auto;font-size:.95rem;line-height:1.45}.form-meta{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.1rem;display:flex}.form-meta span{color:#3a3f4a;background:#fff;border:1px solid #dfe2e8;border-radius:999px;padding:.35rem .8rem;font-size:.78rem;font-weight:600;box-shadow:0 1px 3px #0000000a}.form-publico form{padding:1.6rem 1.5rem 1.8rem}.sorteo-overlay{z-index:1000;text-align:center;background:#0f206cf7;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.countdown-num{color:#fff;font-size:14rem;font-weight:900;line-height:1;animation:1s ease-out countPop}@keyframes countPop{0%{opacity:0;transform:scale(.2)}30%{opacity:1;transform:scale(1.15)}60%{transform:scale(1)}to{opacity:.4;transform:scale(.85)}}.reveal-box{width:100%;max-width:600px;animation:.6s cubic-bezier(.18,.89,.32,1.28) revealIn}@keyframes revealIn{0%{opacity:0;transform:scale(.6)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.reveal-label{color:#fbbf24;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem;font-size:1.4rem;font-weight:800}.reveal-nombre{color:#fff;text-shadow:0 4px 24px #fbbf2480;word-break:break-word;font-size:4rem;font-weight:900;line-height:1.05}.reveal-detalle{color:#ffffffbf;margin-top:.8rem;font-size:1.1rem}.reveal-suplentes{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}.reveal-suplente{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;flex-direction:column;gap:.3rem;padding:.9rem 1.4rem;display:flex}.reveal-suplente small{color:#fff9;text-transform:uppercase;font-size:.75rem;font-weight:700}.reveal-suplente span{color:#fff;font-size:1.3rem;font-weight:800}.reveal-total{color:#ffffff80;margin-top:1.5rem;font-size:.85rem}.podio{flex-direction:column;gap:.8rem;margin-top:.5rem;display:flex}.podio-item{text-align:left;background:#ffffff1a;border:1px solid #fff3;border-radius:14px;align-items:center;gap:1rem;padding:1rem 1.4rem;animation:.6s cubic-bezier(.18,.89,.32,1.28) revealIn;display:flex}.podio-medalla{flex-shrink:0;font-size:2.6rem}.podio-item div{flex-direction:column;display:flex}.podio-item small{text-transform:uppercase;letter-spacing:.05em;color:#fbbf24;font-size:.75rem;font-weight:700}.podio-item strong{color:#fff;font-size:1.8rem;font-weight:900;line-height:1.1}.podio-item em{color:#ffffffa6;margin-top:.2rem;font-size:.8rem;font-style:normal}@media (max-width:600px){.podio-item strong{font-size:1.3rem}.podio-medalla{font-size:2rem}.countdown-num{font-size:9rem}.reveal-nombre{font-size:2.6rem}.reveal-suplentes{flex-direction:column}}@media (max-width:480px){.partido-selector,.resultado-grid{grid-template-columns:1fr}.stats{flex-direction:column}}