:root{color-scheme:dark;--bg:#050f22;--panel:#0c1d38;--panel2:#0f2748;--line:#224167;--blue:#1678ff;--cyan:#43d0ff;--silver:#eff5ff;--muted:#a4b5d2;--gold:#f4cd83;--safe:#4be0b2;--radius:20px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--silver);min-height:100vh;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}a{color:var(--cyan)}.background-orb{pointer-events:none;position:fixed;border-radius:50%;filter:blur(110px);opacity:.2;z-index:-1}.orb-one{width:600px;height:600px;top:-250px;right:-200px;background:#1d86ff}.orb-two{width:450px;height:450px;left:-220px;top:700px;background:#1353be}
.topbar{height:88px;border-bottom:1px solid #29426666;background:#06132bc9;backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;padding:0 max(5%,calc((100vw - 1180px)/2));position:relative;z-index:5}.brand{display:flex;gap:14px;align-items:center}.brand img{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 2px 14px #177cfc66)}.brand-words{display:flex;flex-direction:column;gap:5px;letter-spacing:.07em}.brand-words strong{font-size:15px;font-weight:900}.brand-words span{font-size:9px;color:#9db5d8;letter-spacing:.19em}.nav-admin{border:1px solid #416088;color:#ccdef8;background:#0a1b36;border-radius:22px;padding:10px 15px;font-size:12px;font-weight:700}.nav-admin:hover,.secondary:hover{border-color:#6bb8ff;background:#17345c}
.page{max-width:1180px;margin:auto;padding:0 32px}.top-kicker{padding-top:26px;display:flex;gap:10px;align-items:center;color:#9fb6dd;font-size:10px;letter-spacing:.2em;font-weight:750}.live-dot{height:7px;width:7px;display:inline-block;background:#44a9ff;border-radius:50%;box-shadow:0 0 15px #44a9ff}.hero{min-height:465px;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}.hero-text{position:relative;z-index:2}.anniversary{font-size:12px;letter-spacing:.22em;color:var(--gold);font-weight:800;margin-bottom:17px}.anniversary b{padding:4px 8px;border:1px solid #f3d08b88;border-radius:20px;font-size:11px}.hero h1{max-width:630px;font-size:clamp(2.35rem,5vw,4.35rem);letter-spacing:-.06em;line-height:1.02;margin:0 0 23px;font-weight:900}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#7ac8ff,#f6f9ff 55%,#abd2f6);background-clip:text;color:transparent}.hero p{color:#adbfdb;font-size:15px;line-height:1.7;max-width:545px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.primary,.secondary{border:0;border-radius:14px;padding:15px 22px;font-weight:800;font-size:13px;transition:transform .2s,background .2s}.primary{background:linear-gradient(130deg,#096ff6,#38b3fc);color:white;box-shadow:0 11px 30px #0066fe4b}.primary:hover{transform:translateY(-2px);background:linear-gradient(130deg,#258dff,#67c3ff)}.secondary{background:#13294a;color:#d9eafd;border:1px solid #345a88}.hero-art{min-height:390px;display:flex;align-items:center;justify-content:center;position:relative}.hero-art img{position:relative;z-index:2;max-width:96%;max-height:350px;object-fit:contain;filter:drop-shadow(0 25px 38px #0566ee3b);animation:float 5.5s ease-in-out infinite}.hero-aura{position:absolute;height:330px;width:330px;background:radial-gradient(circle,#236beb66 0,#3eabff1a 42%,transparent 70%);border:1px solid #437fe32e;border-radius:50%;box-shadow:0 0 55px #1b67ff1b}.hero-glint{position:absolute;border-radius:50%;height:5px;width:5px;background:white;box-shadow:0 0 18px 7px #83baff80;animation:pulse 3s infinite}.glint-one{top:20%;right:11%}.glint-two{bottom:14%;left:18%;animation-delay:1.5s}.anniversary-seal{position:absolute;z-index:3;bottom:12px;right:18px;height:88px;width:88px;border:1px solid #e5ca87a1;color:var(--gold);display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:50%;font-size:29px;font-weight:900;background:#07162bd9;box-shadow:0 0 28px #cba35e30;line-height:1}.anniversary-seal small{font-size:10px;letter-spacing:.2em;padding-top:6px}
.section-eyebrow{font-size:10px;color:#78bfff;font-weight:850;letter-spacing:.22em}.carousel-section{margin:16px 0 58px}.carousel-section>.section-eyebrow{margin-bottom:14px}.banner{height:152px;border:1px solid #326bad;border-radius:22px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:20px 38px;overflow:hidden;background:linear-gradient(115deg,#0c2b58,#104b9f 60%,#132c61);box-shadow:0 18px 38px #00132999;transition:background .55s}.banner:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(110deg,transparent 0 28px,#ffffff04 29px 30px);pointer-events:none}.banner:after{content:"25";position:absolute;right:100px;top:-64px;color:#ffffff0d;font-weight:900;font-size:210px}.banner-content{z-index:1;position:relative;display:flex;align-items:center;gap:22px;animation:slideIn .5s ease both}#bannerIcon{font-size:60px;filter:drop-shadow(0 7px 18px #01122a88)}.banner-content small{display:block;font-size:10px;letter-spacing:.18em;color:#a1dbff;margin-bottom:7px;font-weight:800}.banner-content strong{display:block;font-size:clamp(1.5rem,3vw,2.35rem);letter-spacing:-.025em}.banner-content p{margin:5px 0;color:#b9dafa;font-size:12px}.dots{display:flex;gap:6px;position:relative;z-index:2;align-self:flex-end}.dots span{height:5px;width:8px;border-radius:8px;background:#8eb4e37a;transition:width .3s,background .3s}.dots span.active{background:white;width:26px}
.voting-section{scroll-margin-top:25px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.section-head h2,.how h2{font-size:clamp(1.55rem,3vw,2.3rem);letter-spacing:-.035em;margin:8px 0}.phase-pill{font-size:11px;font-weight:800;padding:10px 14px;border-radius:30px;border:1px solid #395b89;background:#132c50;color:#c2d7f7;white-space:nowrap}.feedback{padding:12px 14px;border:1px solid #3097db;color:#dbefff;background:#102b4c;border-radius:12px;margin-bottom:16px;font-size:13px}.feedback.error{border-color:#de7a87;color:#ffd0d6;background:#3b1e33}.feedback.ok{border-color:#31aa89;color:#b7ffe6;background:#0e393b}.state-panel{border:1px solid #2c527f;border-radius:22px;background:linear-gradient(120deg,#0d284c,#0b1e37);padding:32px;min-height:180px}.state-panel h3{margin:10px 0;font-size:23px}.state-panel p{color:#b9c9dc;line-height:1.65}.big-state-icon{font-size:33px}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.vote-card{border:1px solid #2c4770;border-radius:20px;background:linear-gradient(155deg,#0d2647,#0a1a33);padding:23px;transition:border .2s,transform .2s;min-width:0}.vote-card:hover{border-color:#447fb8}.vote-card.completed{border-color:#2c806e;background:linear-gradient(155deg,#0c303e,#0a1a33)}.card-title{display:flex;align-items:center;gap:13px;margin-bottom:12px}.category-icon{display:grid;place-items:center;width:49px;height:49px;flex-shrink:0;border:1px solid #355c89;border-radius:14px;background:#163b66;font-size:26px}.card-title h3{font-size:19px;margin:0;line-height:1.25}.card-title p{color:#88a6cb;font-size:11px;margin:4px 0 0}.vote-desc{color:#a6bdd9;font-size:12px;line-height:1.6;margin:14px 0 15px}.inputs{display:grid;gap:10px}.name-input,.admin-input{height:45px;background:#06182e;border:1px solid #32567f;border-radius:11px;color:#fff;outline:0;padding:0 13px;width:100%;font-size:13px}.name-input::placeholder,.admin-input::placeholder{color:#7892b3}.name-input:focus,.admin-input:focus{border-color:#36a6ff}.submit-vote{margin-top:16px;width:100%;background:#156af1;border:1px solid #3e9eff;border-radius:11px;color:white;padding:12px;font-weight:800;font-size:13px}.submit-vote:hover{background:#2887ff}.completed-note{display:flex;align-items:center;gap:9px;color:#70e7b9;font-size:13px;font-weight:750;padding:15px;background:#1154443d;border-radius:12px;margin-top:18px}.final-option{display:flex;align-items:center;gap:10px;cursor:pointer;background:#091a33;padding:13px 11px;border:1px solid #2c4870;border-radius:12px;margin-top:8px;font-size:13px;overflow-wrap:anywhere}.final-option:has(input:checked){border-color:#54aaff;background:#103763}.final-option input{accent-color:#3aa3fa;flex-shrink:0}.rankings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.ranking-card{background:#0c2240;border:1px solid #345278;border-radius:18px;padding:21px}.ranking-card h3{margin:0 0 16px}.ranking-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 2px;border-top:1px solid #2f48644b;font-size:13px}.rank-name{overflow-wrap:anywhere;min-width:0}.rank-number{display:inline-grid;place-items:center;background:#16385e;color:#bdd8ff;width:28px;height:28px;border-radius:9px;margin-right:8px;font-size:11px;font-weight:900}.ranking-row:first-of-type .rank-number{background:#b88c3d;color:#fff}.votes-chip{flex-shrink:0;font-size:11px;color:#91bce7}.winner{margin-top:12px;padding:13px;background:#4439166b;border:1px solid #a8893b73;border-radius:12px;color:#ffdda0;font-size:13px;font-weight:800}.loading{padding:40px;text-align:center;color:#98b6d8}
.how{margin:70px 0}.how-top{margin-bottom:25px}.how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.how-grid article{padding:24px;background:#091a31;border:1px solid #213d61;border-radius:18px}.how-grid article>span{font-weight:900;font-size:29px;color:#3f9afa}.how-grid h3{margin:13px 0 7px;font-size:16px}.how-grid p{color:#91a9c8;line-height:1.55;font-size:12px;margin:0}.small-note{color:#8299b8;font-size:11px;margin-top:21px;line-height:1.6}footer{border-top:1px solid #1d385b;padding:27px 20px 31px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;font-size:11px;color:#829ec1}.footer-brand{font-weight:900;letter-spacing:.16em;color:#d0e3ff}.footer-brand span{color:#4c99e8}.signature{font-style:italic;color:#acc8eb;margin-top:3px}
.overlay[hidden],.feedback[hidden]{display:none}.overlay{position:fixed;z-index:90;inset:0;background:#010711dc;backdrop-filter:blur(8px);padding:12px;display:grid;place-items:center}.admin-modal{position:relative;background:#081a32;border:1px solid #386298;border-radius:22px;width:min(830px,100%);max-height:94dvh;overflow:auto;box-shadow:0 30px 80px #000a;padding:24px}.admin-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.admin-head h2{margin:6px 0 0;font-size:20px}.close{width:40px;height:40px;border-radius:12px;border:1px solid #395c7e;color:#fff;background:#173355;font-size:19px}.admin-login{text-align:left;max-width:400px;margin:30px auto}.admin-login h3{font-size:20px;margin:0 0 11px}.admin-login p,.admin-help{font-size:12px;color:#abc1db;line-height:1.6}.admin-login input{margin:11px 0 15px}.admin-login button{width:100%}.admin-summary{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:16px}.admin-summary span{background:#143660;color:#b7d9f6;border:1px solid #3d6c9f;padding:9px 12px;border-radius:25px;font-size:11px}.admin-action{border:1px solid #396da1;background:#0c2a4c;padding:17px;border-radius:14px;margin-bottom:17px}.admin-action h3{font-size:16px;margin:0 0 8px}.admin-action p{font-size:12px;color:#a8bed7;margin:0 0 13px;line-height:1.55}.admin-action .primary{padding:12px 17px}.admin-category{margin:15px 0;border:1px solid #315078;padding:16px;border-radius:14px;background:#0c2645}.admin-category h4{margin:0 0 11px}.admin-category .ranking-row{padding:7px 0}.admin-category textarea{width:100%;min-height:88px;resize:vertical;border:1px solid #365a86;border-radius:10px;background:#07192f;color:#eff6ff;padding:12px;font-size:13px;line-height:1.7}.admin-category .secondary{margin-top:9px;padding:9px 16px}.admin-message{padding:10px 12px;background:#144166;color:#c9e8ff;margin-bottom:13px;border-radius:11px;font-size:12px}.admin-message.error{background:#522939;color:#ffd6d6}.panel-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.panel-toolbar button{border:1px solid #375c85;border-radius:10px;padding:9px 12px;background:#123253;color:#d4eaff;font-size:12px}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse{0%,100%{opacity:.4}50%{opacity:1}}@keyframes slideIn{from{opacity:.25;transform:translateX(14px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:760px){.topbar{height:71px;padding:0 16px}.brand img{width:50px;height:50px}.brand{gap:8px}.brand-words strong{font-size:11px}.brand-words span{font-size:8px;letter-spacing:.08em}.nav-admin{padding:9px;font-size:10px}.page{padding:0 17px}.top-kicker{font-size:8px;padding-top:20px;letter-spacing:.13em}.hero{display:flex;flex-direction:column;gap:0;padding-top:27px}.hero h1{font-size:clamp(2.35rem,10vw,3.4rem)}.hero-text{width:100%}.hero p{font-size:13px}.hero-actions{gap:8px}.primary,.secondary{padding:13px;font-size:12px}.hero-art{min-height:240px;width:100%;margin-top:0;max-height:270px}.hero-art img{max-height:235px;max-width:79%}.hero-aura{width:245px;height:245px}.anniversary-seal{width:64px;height:64px;font-size:22px;right:10%;bottom:14px}.anniversary-seal small{font-size:7px}.carousel-section{margin:5px 0 45px}.banner{height:132px;padding:16px}.banner:after{right:0;font-size:150px;top:-30px}#bannerIcon{font-size:39px}.banner-content{gap:13px}.banner-content strong{font-size:1.65rem}.banner-content p{font-size:11px}.dots{gap:4px}.dots span{width:5px}.dots span.active{width:18px}.section-head{align-items:flex-start;flex-direction:column}.category-grid,.rankings,.how-grid{grid-template-columns:1fr}.vote-card{padding:18px}.how{margin:55px 0}.how-grid article{padding:19px}.admin-modal{padding:18px}.admin-head h2{font-size:17px}.state-panel{padding:23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Reinicio protegido de votaciones de prueba */
.admin-reset-zone{margin-top:22px;border-color:#bd6678;background:#311d31}
.admin-reset-zone p{color:#e8c7d0}
.reset-votes-btn{display:inline-block;border:1px solid #f79bad;border-radius:11px;background:#7e263c;color:#fff;padding:12px 16px;font-weight:700;cursor:pointer}
.reset-votes-btn:disabled{opacity:.55;cursor:wait}

/* Lista oficial de participantes: desplegables cómodos en móviles. */
.nominee-select,.final-select{appearance:auto;-webkit-appearance:menulist;color-scheme:dark;cursor:pointer;min-height:48px;font-size:14px}
.nominee-select:invalid{color:#90a7c4}
.nominee-select option,.final-select option{background:#0b2340;color:#fff}
.nominee-select option:disabled,.final-select option:disabled{color:#7894b4;background:#193e65}
.selection-label{display:block;margin:1px 0 -5px;font-size:11px;color:#aacdea;font-weight:750}
.selection-status{margin:10px 0 0;color:#9fd6f6;font-size:11px;line-height:1.45}
.admin-finalists{display:grid;gap:9px}
.admin-finalists .final-select{margin:0}