.ruleta-page{height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#fff;display:flex;flex-direction:column;overflow:hidden}.ruleta-header{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1)}.ruleta-header h1{font-size:2rem;background:linear-gradient(90deg,#e94560,#f39c12);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-actions{display:flex;align-items:center;gap:15px}.contador{background:#ffffff1a;padding:8px 15px;border-radius:20px;font-size:.9rem}.btn-fullscreen{background:#fff3;color:#fff;border:none;padding:8px 12px;border-radius:5px;cursor:pointer;font-size:1.2rem;transition:background .3s}.btn-fullscreen:hover{background:#ffffff4d}.btn-reiniciar{background:#e74c3c;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;transition:background .3s}.btn-reiniciar:hover{background:#c0392b}.btn-admin{background:#fff3;color:#fff;text-decoration:none;padding:8px 15px;border-radius:5px;transition:background .3s}.btn-admin:hover{background:#ffffff4d}.ruleta-container{flex:1;display:flex;flex-direction:row;padding:20px;gap:20px;overflow:hidden}.fotos-area{flex:1;position:relative;border-radius:15px;overflow:hidden;perspective:1000px;background:#5d3a1a}.mesa{position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(90deg,transparent,transparent 50px,rgba(0,0,0,.03) 50px,rgba(0,0,0,.03) 51px),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.02) 2px,rgba(255,255,255,.02) 3px),linear-gradient(90deg,#8b5a2b,sienna,#8b4513,sienna,#8b5a2b,peru,#8b5a2b 90%,sienna);background-color:#8b5a2b;box-shadow:inset 0 0 100px #0000004d,inset 0 0 50px #0003;border:8px solid #5D3A1A;border-radius:10px}.foto-empleado{position:absolute;width:120px;padding:8px 8px 30px;background:#f5f5f5;border-radius:3px;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 4px #0003,0 8px 16px #0000004d,0 12px 24px #00000026}.foto-empleado:after{content:"";position:absolute;bottom:8px;left:8px;right:8px;height:18px;background:linear-gradient(90deg,#ddd,#eee,#ddd);border-radius:2px}.foto-empleado img{width:100%;height:130px;object-fit:cover;display:block;filter:grayscale(100%) sepia(20%);transition:all .3s ease}.foto-empleado:hover{transform:scale(1.1) rotate(0)!important;z-index:50!important}.foto-empleado:hover img{filter:grayscale(50%) sepia(10%)}.foto-empleado.ganador{opacity:.4;filter:brightness(.7)}.foto-empleado.ganador img{filter:grayscale(100%) brightness(.6)}.foto-empleado.actual{z-index:100!important;transform:scale(1.3) rotate(0)!important;box-shadow:0 0 20px #f39c12cc,0 0 40px #f39c1280,0 15px 30px #0006}.foto-empleado.actual img{filter:grayscale(0%) sepia(0%)}.foto-empleado.actual:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(45deg,#f39c12,#e94560,#f39c12);border-radius:5px;z-index:-1;animation:glowBorder 1s ease-in-out infinite alternate}@keyframes glowBorder{0%{opacity:.8}to{opacity:1}}.foto-animacion{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200;text-align:center;animation:pulse .3s ease-in-out infinite alternate}.foto-animacion img{width:300px;height:auto;border-radius:10px;border:5px solid #f39c12;box-shadow:0 0 50px #f39c12cc}.nombre-animacion{margin-top:15px;font-size:1.5rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8);background:#000000b3;padding:10px 20px;border-radius:5px}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.02)}}.panel-derecho{width:350px;min-width:350px;flex-shrink:0;display:flex;flex-direction:column;gap:20px;height:100%;overflow-y:auto}.articulos-panel{background:#ffffff1a;border-radius:15px;padding:20px}.articulos-panel h2{margin-bottom:15px;font-size:1.2rem;color:#f39c12}.articulos-lista{display:flex;flex-direction:column;gap:10px;max-height:250px;overflow-y:auto}.articulo-card{display:flex;align-items:center;gap:10px;background:#ffffff1a;padding:10px;border-radius:10px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.articulo-card:hover{background:#fff3}.articulo-card.seleccionado{border-color:#27ae60;background:#27ae6033}.articulo-card img{width:50px;height:50px;object-fit:cover;border-radius:5px}.articulo-info{flex:1;display:flex;flex-direction:column}.articulo-info .nombre{font-weight:700}.articulo-info .cantidad{font-size:.9rem;color:#f39c12}.sin-articulos{text-align:center;color:#ffffff80;padding:20px}.btn-iniciar{width:100%;margin-top:15px;padding:15px;font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,#e94560,#f39c12);border:none;border-radius:10px;color:#fff;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.btn-iniciar:hover:not(:disabled){transform:scale(1.02);box-shadow:0 5px 20px #e9456080}.btn-iniciar:disabled{background:#555;cursor:not-allowed}.btn-iniciar.girando{animation:shake .5s infinite}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.ganadores-panel{flex:1;background:#ffffff1a;border-radius:15px;padding:20px;overflow:hidden}.ganadores-panel h2{margin-bottom:15px;font-size:1.2rem;color:#27ae60}.ganadores-pila{display:flex;flex-direction:column;gap:5px;max-height:calc(100% - 50px);overflow-y:auto}.ganador-card{display:flex;align-items:center;gap:10px;background:#27ae6033;padding:8px;border-radius:8px;border-left:3px solid #27ae60}.ganador-card img{width:40px;height:40px;object-fit:cover;border-radius:5px}.ganador-info{flex:1;display:flex;flex-direction:column}.ganador-info .nombre{font-size:.85rem;font-weight:700}.ganador-info .premio{font-size:.75rem;color:#f39c12}.modal-ganador{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-contenido{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;padding:40px;text-align:center;max-width:500px;width:90%;position:relative;border:3px solid #f39c12;box-shadow:0 0 50px #f39c1280;animation:scaleIn .5s ease}@keyframes scaleIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.modal-contenido h2{font-size:2.5rem;color:#f39c12;margin-bottom:20px;text-transform:uppercase;animation:bounce .5s ease infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.ganador-foto{position:relative;display:inline-block}.ganador-foto>img:first-child{width:250px;height:auto;border-radius:10px;border:5px solid white;box-shadow:0 10px 30px #00000080}.premio-thumbnail{position:absolute;bottom:-10px;right:-20px;width:80px!important;height:80px!important;object-fit:cover;border-radius:10px!important;border:3px solid #f39c12!important;box-shadow:0 5px 15px #00000080!important;background:#fff;animation:bounce .5s ease infinite alternate}.ganador-datos{margin-top:20px;display:flex;flex-direction:column;gap:5px}.ganador-datos .numero{font-size:1rem;color:#ffffffb3}.ganador-datos .nombre{font-size:1.8rem;font-weight:700}.ganador-datos .area{font-size:1rem;color:#3498db}.premio-ganado{margin-top:20px;padding:15px;background:#27ae604d;border-radius:10px;font-size:1.2rem}.premio-ganado span{color:#27ae60;font-weight:700}.btn-cerrar{margin-top:25px;padding:15px 40px;font-size:1.1rem;background:#27ae60;border:none;border-radius:10px;color:#fff;cursor:pointer;transition:all .3s ease}.btn-cerrar:hover{background:#2ecc71;transform:scale(1.05)}.confetti{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.confetti:before,.confetti:after{content:"";position:absolute;width:10px;height:10px;background:#f39c12;animation:confettiFall 2s infinite}.confetti:before{left:20%;animation-delay:0s;background:#e94560}.confetti:after{left:80%;animation-delay:.5s;background:#27ae60}@keyframes confettiFall{0%{top:-10px;transform:rotate(0)}to{top:100%;transform:rotate(720deg)}}.articulos-lista::-webkit-scrollbar,.ganadores-pila::-webkit-scrollbar{width:5px}.articulos-lista::-webkit-scrollbar-track,.ganadores-pila::-webkit-scrollbar-track{background:#ffffff1a;border-radius:5px}.articulos-lista::-webkit-scrollbar-thumb,.ganadores-pila::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:5px}.snow-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;overflow:hidden}.snowflake{position:absolute;top:-10px;color:#fff;font-size:1rem;text-shadow:0 0 5px rgba(255,255,255,.8);animation:snowfall linear infinite;opacity:.8}@keyframes snowfall{0%{transform:translateY(-10px) rotate(0)}to{transform:translateY(100vh) rotate(360deg)}}.snowflake:nth-child(1){left:5%;animation-duration:8s;animation-delay:0s;font-size:.8rem;opacity:.6}.snowflake:nth-child(2){left:10%;animation-duration:12s;animation-delay:1s;font-size:1.2rem}.snowflake:nth-child(3){left:15%;animation-duration:9s;animation-delay:.5s;font-size:.6rem;opacity:.7}.snowflake:nth-child(4){left:20%;animation-duration:10s;animation-delay:2s;font-size:1rem}.snowflake:nth-child(5){left:25%;animation-duration:11s;animation-delay:.8s;font-size:.9rem;opacity:.5}.snowflake:nth-child(6){left:30%;animation-duration:8s;animation-delay:3s;font-size:1.1rem}.snowflake:nth-child(7){left:35%;animation-duration:13s;animation-delay:1.5s;font-size:.7rem;opacity:.6}.snowflake:nth-child(8){left:40%;animation-duration:9s;animation-delay:.3s;font-size:1.3rem}.snowflake:nth-child(9){left:45%;animation-duration:10s;animation-delay:2.5s;font-size:.8rem;opacity:.7}.snowflake:nth-child(10){left:50%;animation-duration:11s;animation-delay:1.2s;font-size:1rem}.snowflake:nth-child(11){left:55%;animation-duration:8s;animation-delay:.7s;font-size:.6rem;opacity:.5}.snowflake:nth-child(12){left:60%;animation-duration:12s;animation-delay:3.5s;font-size:1.2rem}.snowflake:nth-child(13){left:65%;animation-duration:9s;animation-delay:1.8s;font-size:.9rem;opacity:.6}.snowflake:nth-child(14){left:70%;animation-duration:10s;animation-delay:.2s;font-size:1.1rem}.snowflake:nth-child(15){left:75%;animation-duration:11s;animation-delay:2.8s;font-size:.7rem;opacity:.7}.snowflake:nth-child(16){left:80%;animation-duration:8s;animation-delay:1.3s;font-size:1rem}.snowflake:nth-child(17){left:85%;animation-duration:13s;animation-delay:.9s;font-size:.8rem;opacity:.5}.snowflake:nth-child(18){left:90%;animation-duration:9s;animation-delay:3.2s;font-size:1.2rem}.snowflake:nth-child(19){left:95%;animation-duration:10s;animation-delay:1.6s;font-size:.6rem;opacity:.6}.snowflake:nth-child(20){left:3%;animation-duration:11s;animation-delay:2.2s;font-size:1.1rem}.snowflake:nth-child(21){left:8%;animation-duration:8s;animation-delay:.4s;font-size:.9rem;opacity:.7}.snowflake:nth-child(22){left:18%;animation-duration:12s;animation-delay:3.8s;font-size:1rem}.snowflake:nth-child(23){left:28%;animation-duration:9s;animation-delay:1.1s;font-size:.7rem;opacity:.5}.snowflake:nth-child(24){left:38%;animation-duration:10s;animation-delay:2.7s;font-size:1.3rem}.snowflake:nth-child(25){left:48%;animation-duration:11s;animation-delay:.6s;font-size:.8rem;opacity:.6}.snowflake:nth-child(26){left:58%;animation-duration:8s;animation-delay:3.1s;font-size:1rem}.snowflake:nth-child(27){left:68%;animation-duration:13s;animation-delay:1.4s;font-size:.6rem;opacity:.7}.snowflake:nth-child(28){left:78%;animation-duration:9s;animation-delay:2.4s;font-size:1.2rem}.snowflake:nth-child(29){left:88%;animation-duration:10s;animation-delay:.1s;font-size:.9rem;opacity:.5}.snowflake:nth-child(30){left:98%;animation-duration:11s;animation-delay:3.4s;font-size:1.1rem}.audio-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);display:flex;align-items:center;justify-content:center;z-index:2000;cursor:pointer}.audio-overlay-content{text-align:center;animation:fadeInScale .8s ease}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.audio-overlay .audio-icon{font-size:8rem;display:block;margin-bottom:20px;animation:float 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.audio-overlay h2{font-size:3rem;background:linear-gradient(90deg,#e94560,#f39c12,#27ae60);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:15px}.audio-overlay p{font-size:1.5rem;color:#ffffffb3;margin-bottom:30px}.btn-entrar{padding:20px 60px;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#e94560,#f39c12);border:none;border-radius:50px;color:#fff;cursor:pointer;transition:all .3s ease;text-transform:uppercase;box-shadow:0 10px 30px #e9456066}.btn-entrar:hover{transform:scale(1.1);box-shadow:0 15px 40px #e9456099}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#f5f5f5;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:20px}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:250px;background:#2c3e50;color:#fff;padding:20px}.admin-sidebar h2{margin-bottom:30px;font-size:1.5rem;text-align:center}.admin-sidebar nav{display:flex;flex-direction:column;gap:10px}.admin-sidebar a{color:#fff;text-decoration:none;padding:12px 15px;border-radius:5px;transition:background .3s}.admin-sidebar a:hover,.admin-sidebar a.active{background:#34495e}.admin-content{flex:1;padding:30px;background:#ecf0f1}.card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px}.card h3{margin-bottom:20px;color:#2c3e50}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#333}.form-group input,.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:1rem}.form-group input:focus{outline:none;border-color:#3498db}.btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:1rem;transition:opacity .3s}.btn:hover{opacity:.9}.btn-primary{background:#3498db;color:#fff}.btn-success{background:#27ae60;color:#fff}.btn-danger{background:#e74c3c;color:#fff}.btn-secondary{background:#95a5a6;color:#fff}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;text-align:left;border-bottom:1px solid #ddd}th{background:#f8f9fa;font-weight:600;color:#2c3e50}tr:hover{background:#f8f9fa}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.thumbnail{width:50px;height:50px;object-fit:cover;border-radius:5px}.message{padding:15px;border-radius:5px;margin-bottom:15px}.message-success{background:#d4edda;color:#155724}.message-error{background:#f8d7da;color:#721c24}.actions{display:flex;gap:10px}.photo-preview{width:100px;height:100px;object-fit:cover;border-radius:10px;border:2px solid #ddd;margin-top:10px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:10px;padding:30px;max-width:500px;width:90%}.modal h3{margin-bottom:20px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}