:root{--color-primary:#cac722;--color-secondary:#a09e35;--color-accent:#f5f000;--color-dark:#75743b;--color-darker:#4b4a32;--color-darkest:#33332b}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#33332b;background-color:var(--color-darkest);color:#cac722;color:var(--color-primary);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}.App{text-align:center}nav ul{list-style-type:none;padding:0}nav ul li{display:inline;margin:0 10px}nav ul li a{color:#cac722;color:var(--color-primary);text-decoration:none}nav ul li a:hover{color:#f5f000;color:var(--color-accent)}.admin-login-container{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.admin-login{background-color:#75743b;background-color:var(--color-dark);border-radius:8px;box-shadow:0 0 10px #0000004d;max-width:400px;padding:20px;width:90%}form div{margin-bottom:15px}label{display:block;margin-bottom:5px}input{background-color:#33332b;background-color:var(--color-darkest);border:1px solid #a09e35;border:1px solid var(--color-secondary);border-radius:4px;box-sizing:border-box;color:#cac722;color:var(--color-primary);padding:8px;width:100%}button{background-color:#cac722;background-color:var(--color-primary);border:none;border-radius:4px;color:#33332b;color:var(--color-darkest);cursor:pointer;padding:10px 15px}button:hover{background-color:#f5f000;background-color:var(--color-accent)}.error{color:#ff6b6b}.success{color:#51cf66}.admin-register-container{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.admin-register{background-color:#75743b;background-color:var(--color-dark);border-radius:8px;box-shadow:0 0 10px #0000004d;max-height:90vh;max-width:400px;overflow-y:auto;padding:20px;width:90%}.disclaimer-container{background-color:#ffd7000d;border:2px solid gold;border-radius:8px;margin:20px 0;padding:15px}.disclaimer-header{align-items:center;background-color:#ffd7001a;border-radius:5px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:15px;padding:10px;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.disclaimer-header:hover{background-color:#ffd70026}.disclaimer-header h3{color:gold;flex:1 1;font-size:1rem;margin:0}.disclaimer-arrow{color:gold;display:inline-block;font-size:1.2rem;transition:transform .3s ease}.disclaimer-arrow.expanded{transform:rotate(180deg)}.disclaimer-text{animation:slideDown .3s ease;background-color:#0000004d;border-radius:5px;font-size:.9rem;line-height:1.5;margin-bottom:15px;max-height:200px;overflow-y:auto;padding:10px}.disclaimer-text p{margin:10px 0}.disclaimer-text ol{margin:10px 0;padding-left:25px}.disclaimer-text li{margin:8px 0}.disclaimer-text ul{margin:5px 0;padding-left:20px}.disclaimer-checkbox{align-items:center;background-color:#ffd7001a;border-radius:5px;display:flex;gap:10px;padding:10px}.disclaimer-checkbox input[type=checkbox]{accent-color:gold;cursor:pointer;height:20px;width:20px}.disclaimer-checkbox label{color:gold;cursor:pointer;font-weight:700;margin:0;-webkit-user-select:none;user-select:none}.disclaimer-hint{color:#ccc;font-size:.85rem;font-style:italic;font-weight:400}.admin-register button[type=submit]:disabled{background-color:#666;cursor:not-allowed;opacity:.5}.home-menu{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;position:relative}.music-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.content-wrapper{background-color:#000000b3;border-radius:10px;max-width:800px;padding:2rem;width:100%}h2{color:#fff;margin-bottom:2rem;text-align:center}.button-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.button-item{align-items:center;background-color:#ffffff1a;border-radius:8px;display:flex;flex-direction:column;padding:1rem;transition:transform .3s ease,background-color .3s ease}.button-item:hover{background-color:#fff3;transform:translateY(-5px)}.icon-wrapper{margin-bottom:.5rem}.icon-wrapper svg{fill:#fff;height:48px;width:48px}.button-item button{background-color:#cac722;border:none;border-radius:4px;color:#000;cursor:pointer;padding:.5rem 1rem;text-align:center;transition:background-color .3s ease;width:100%}.button-item button:hover{background-color:#f5f000}@media (max-width:600px){.button-grid{grid-template-columns:repeat(2,1fr)}}.eventos{background-color:#4b4a32;background-color:var(--color-darker);border:1px solid #a09e35;border:1px solid var(--color-secondary);border-radius:10px;margin:0 auto;max-width:600px;padding:20px}.eventos h2{margin-bottom:20px;text-align:center}.eventos form{display:flex;flex-direction:column}.eventos form div{margin-bottom:15px}.eventos form label{font-weight:700;margin-bottom:5px}.eventos form input[type=checkbox],.eventos form input[type=number],.eventos form input[type=text]{background-color:#33332b;background-color:var(--color-darkest);border:1px solid #a09e35;border:1px solid var(--color-secondary);border-radius:5px;box-sizing:border-box;color:#cac722;color:var(--color-primary);font-size:16px;padding:10px;width:100%}.eventos form button{background-color:#cac722;background-color:var(--color-primary);border:none;border-radius:5px;color:#33332b;color:var(--color-darkest);cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}.eventos form button:hover{background-color:#f5f000;background-color:var(--color-accent)}.mesasContainer{background-color:#33332b;color:#cac722;margin:0 auto;max-width:800px;padding:20px}.title{color:#f5f000;font-size:24px;margin-bottom:20px;text-align:center}.subtitle{color:#a09e35;font-size:20px;margin-bottom:15px;margin-top:30px}.eventoSelector{margin-bottom:20px}.select{background-color:#4b4a32;border:1px solid #75743b;border-radius:4px;color:#cac722;font-size:16px;margin-top:5px;padding:10px;width:100%}.form{display:flex;gap:10px;margin-bottom:20px}.input{background-color:#4b4a32;border:1px solid #75743b;border-radius:4px;color:#cac722;flex:1 1;font-size:16px;padding:10px}.button{background-color:#a09e35;border:none;border-radius:4px;color:#33332b;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}.button:hover{background-color:#cac722}.mesaList{list-style-type:none;padding:0}.mesaItem{background-color:#4b4a32;border-bottom:1px solid #75743b;border-radius:4px;justify-content:space-between;margin-bottom:10px;padding:10px 15px}.mesaInfo,.mesaItem{align-items:center;display:flex}.mesaInfo{gap:10px}.mesaNumero{font-weight:700}.mesaActions{justify-content:flex-end}.mesaCanciones{margin-right:5px}.numCancionesInput{background-color:#33332b;border:1px solid #75743b;border-radius:4px;color:#cac722;padding:5px;width:60px}.mesaActions{display:flex;gap:10px}.buttonCancel{background-color:#75743b;border:none;border-radius:4px;color:#f5f000;cursor:pointer;font-size:14px;padding:5px 10px;transition:background-color .3s ease}.buttonCancel:hover{background-color:#a09e35}.videos-container{margin:0 auto;max-width:800px;padding:20px}.videos-form{background-color:#4b4a32;background-color:var(--color-darker);border-radius:8px;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:20px}.videos-form input{background-color:#33332b;background-color:var(--color-darkest);border:1px solid #a09e35;border:1px solid var(--color-secondary);border-radius:4px;box-sizing:border-box;color:#cac722;color:var(--color-primary);flex-basis:calc(50% - 15px);flex-grow:1;flex-shrink:0;font-size:16px;padding:12px;width:100%}.videos-form button{background-color:#cac722;background-color:var(--color-primary);border:none;border-radius:4px;color:#33332b;color:var(--color-darkest);cursor:pointer;flex:1 0 100%;font-size:16px;padding:12px 20px;transition:background-color .3s ease}.videos-form button:hover{background-color:#f5f000;background-color:var(--color-accent)}.videos-table{border-collapse:collapse;margin-top:20px;width:100%}.videos-table td,.videos-table th{border-bottom:1px solid #a09e35;border-bottom:1px solid var(--color-secondary);padding:12px;text-align:left}.videos-table th{background-color:#75743b;background-color:var(--color-dark);color:#cac722;color:var(--color-primary)}.videos-table tr:nth-child(2n){background-color:#4b4a32;background-color:var(--color-darker)}.videos-table button{background-color:#cac722;background-color:var(--color-primary);border:none;border-radius:4px;color:#33332b;color:var(--color-darkest);cursor:pointer;margin-right:5px;padding:5px 10px;transition:background-color .3s ease}.videos-table button:hover{background-color:#f5f000;background-color:var(--color-accent)}.videos-table button:last-child{background-color:#ff6b6b}.videos-table button:last-child:hover{background-color:#fa5252}.qrCodeModal{background-color:#4b4a32;border-radius:8px;box-shadow:0 2px 10px #0000004d;left:50%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.qrCodeModal img{height:auto;margin-bottom:15px;max-width:100%}.qrCodeButtons{display:flex;gap:10px;justify-content:center}.qrCodeModal button{background-color:#a09e35;border:none;border-radius:4px;color:#33332b;cursor:pointer;font-size:14px;padding:8px 15px;transition:background-color .3s ease}.qrCodeModal button:hover{background-color:#cac722}.modal-overlay-warning{align-items:center;animation:fadeIn .2s ease-in;background-color:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.modal-warning-content{animation:scaleIn .3s ease-out;background:linear-gradient(135deg,#f44,#c00);border:5px solid #ffeb3b;border-radius:15px;box-shadow:0 10px 40px #00000080;max-width:600px;padding:40px;text-align:center;width:90%}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.modal-warning-icon{animation:pulse 1.5s infinite;font-size:80px;margin-bottom:20px}.modal-warning-title{color:#fff;font-size:36px;font-weight:700;letter-spacing:2px;margin-bottom:20px;text-shadow:2px 2px 4px #00000080}.modal-warning-message{color:#fff;font-size:22px;font-weight:600;margin-bottom:15px}.modal-warning-details{color:#ffeb3b;font-size:18px;font-weight:700;margin-bottom:15px}.modal-warning-list{background-color:#0000004d;border-radius:10px;list-style:none;margin:20px 0;padding:20px;text-align:left}.modal-warning-list li{background-color:#0003;border-left:4px solid #ffeb3b;border-radius:5px;color:#fff;font-size:18px;margin:12px 0;padding:10px}.modal-warning-buttons{display:flex;gap:20px;justify-content:center;margin-top:30px}.modal-btn-cancel{background-color:#4caf50;border:none;border-radius:8px;box-shadow:0 4px 8px #0000004d;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:15px 40px;transition:all .3s ease}.modal-btn-cancel:hover{background-color:#45a049;box-shadow:0 6px 12px #0006;transform:translateY(-2px)}.modal-btn-confirm-delete{background-color:#000;border:3px solid #ffeb3b;border-radius:8px;box-shadow:0 4px 8px #0000004d;color:#ffeb3b;cursor:pointer;font-size:18px;font-weight:700;padding:15px 40px;transition:all .3s ease}.modal-btn-confirm-delete:hover{background-color:#1a1a1a;box-shadow:0 6px 12px #0006;transform:translateY(-2px)}.canciones-container{margin:0 auto;max-width:1200px;padding:20px}.evento-selector{background-color:#4b4a32;background-color:var(--color-darker);border:1px solid #a09e35;border:1px solid var(--color-secondary);border-radius:4px;color:#cac722;color:var(--color-primary);font-size:16px;height:auto;line-height:1.2;margin-bottom:20px;max-height:40px;padding:8px 10px;width:100%}.canciones-table{border-collapse:collapse;margin-top:20px;width:100%}.canciones-table td,.canciones-table th{border-bottom:1px solid #a09e35;border-bottom:1px solid var(--color-secondary);padding:12px;text-align:left}.canciones-table th{background-color:#75743b;background-color:var(--color-dark);color:#cac722;color:var(--color-primary)}.canciones-table tr:nth-child(2n){background-color:#4b4a32;background-color:var(--color-darker)}.canciones-table input[type=text],.canciones-table select{background-color:#33332b;background-color:var(--color-darkest);border:1px solid #a09e35;border:1px solid var(--color-secondary);border-radius:4px;color:#cac722;color:var(--color-primary);padding:8px;width:100%}.canciones-table select:disabled{cursor:not-allowed;opacity:.5}.filtro-input{background-color:#4b4a32;background-color:var(--color-darker);border:1px solid #a09e35;border:1px solid var(--color-secondary);border-radius:4px;color:#cac722;color:var(--color-primary);margin-bottom:20px;padding:10px;width:100%}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable-header:hover{background-color:#4b4a32;background-color:var(--color-darker)}.buscar-video-btn,.verificar-url-btn{background-color:#a09e35;background-color:var(--color-secondary);border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:10px;padding:5px 10px;transition:background-color .3s ease}.buscar-video-btn:hover,.verificar-url-btn:hover{background-color:#cac722;background-color:var(--color-primary)}.buscar-video-btn:disabled,.verificar-url-btn:disabled{background-color:#ccc;cursor:not-allowed}.dropdown-container{position:relative}.dropdown-toggle{background:none;border:none;color:#cac722;color:var(--color-primary);cursor:pointer;font-size:20px}.dropdown-menu{background-color:#4b4a32;background-color:var(--color-darker);left:-150px;padding:10px;position:absolute;width:200px;z-index:1000}.dropdown-menu,.dropdown-menu button,.dropdown-menu input,.dropdown-menu select{border:1px solid #a09e35;border:1px solid var(--color-secondary);border-radius:4px}.dropdown-menu button,.dropdown-menu input,.dropdown-menu select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#33332b;background-color:var(--color-darkest);box-sizing:border-box;color:#cac722;color:var(--color-primary);display:block;font-size:14px;height:36px;line-height:20px;margin:0 0 5px;padding:8px;width:100%}.dropdown-menu button{align-items:center;background-color:#a09e35;background-color:var(--color-secondary);border:none;color:#33332b;color:var(--color-darkest);cursor:pointer;display:flex;justify-content:center;padding:0 8px;text-align:center;transition:background-color .3s ease}.dropdown-menu button span{display:inline-block;line-height:normal;vertical-align:middle}.dropdown-menu button:hover{background-color:#cac722;background-color:var(--color-primary)}.dropdown-menu button:disabled{background-color:#ccc;cursor:not-allowed}.borrar-url-btn{background-color:#ff9800!important;color:#fff!important}.borrar-url-btn:hover{background-color:#f57c00!important}.borrar-url-btn:disabled{background-color:#ccc!important;cursor:not-allowed}.eliminar-cancion-btn{background-color:#f44336!important;color:#fff!important}.eliminar-cancion-btn:hover{background-color:#d32f2f!important}.nueva-cancion-form{background-color:#4b4a32;background-color:var(--color-darker);border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:15px}.nueva-cancion-form input,.nueva-cancion-form select{background-color:#33332b;background-color:var(--color-darkest);border:1px solid #a09e35;border:1px solid var(--color-secondary);border-radius:4px;color:#cac722;color:var(--color-primary);flex:1 1;min-width:200px;padding:8px}.nueva-cancion-form button{background-color:#cac722;background-color:var(--color-primary);border:none;border-radius:4px;color:#33332b;color:var(--color-darkest);cursor:pointer;padding:8px 15px;transition:background-color .3s ease}.nueva-cancion-form button:hover{background-color:#f5f000;background-color:var(--color-accent)}.admin-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.evento-selector{flex-grow:1;margin-right:10px}.orden-karaoke-btn{align-self:flex-start;white-space:nowrap}.admin-controls button,.admin-controls select{height:38px}.orden-karaoke-btn{margin-top:-1px}.orden-karaoke-btn:hover{background-color:#cac722;background-color:var(--color-primary)}.home-page{background-color:#33332b;background-color:var(--color-darkest);flex-direction:column;overflow-x:hidden}.hero-section,.home-page{display:flex;min-height:100vh}.hero-section{align-items:center;background:linear-gradient(135deg,#33332b,#4b4a32);background:linear-gradient(135deg,var(--color-darkest) 0,var(--color-darker) 100%);justify-content:center;padding:60px 20px;position:relative}.hero-content{max-width:1200px;text-align:center;z-index:1}.hero-title{color:#f5f000;color:var(--color-accent);font-size:3.5rem;font-weight:700;margin-bottom:30px;text-shadow:2px 2px 4px #0000004d}.hero-tagline{color:#cac722;color:var(--color-primary);font-size:2rem;font-weight:500;margin-bottom:40px;min-height:80px}.cursor-blink{animation:blink 1s infinite;color:#f5f000;color:var(--color-accent);font-weight:700}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:60px}.btn-accent,.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:.5px;padding:15px 35px;text-transform:uppercase;transition:all .3s ease}.btn-primary{background-color:#cac722;background-color:var(--color-primary);box-shadow:0 4px 15px #cac7224d;color:#33332b;color:var(--color-darkest)}.btn-primary:hover{background-color:#f5f000;background-color:var(--color-accent);box-shadow:0 6px 20px #f5f00066;transform:translateY(-2px)}.btn-secondary{background-color:initial;border:2px solid #cac722;border:2px solid var(--color-primary);color:#cac722;color:var(--color-primary)}.btn-secondary:hover{background-color:#cac722;background-color:var(--color-primary);transform:translateY(-2px)}.btn-accent,.btn-secondary:hover{color:#33332b;color:var(--color-darkest)}.btn-accent{background-color:#f5f000;background-color:var(--color-accent);box-shadow:0 4px 15px #f5f0004d}.btn-accent:hover{background-color:#cac722;background-color:var(--color-primary);box-shadow:0 6px 20px #cac72266;transform:translateY(-2px)}.hero-image{animation:float 3s ease-in-out infinite;margin-top:40px}.hero-image img{filter:drop-shadow(0 10px 30px rgba(0,0,0,.5));max-height:40vh;max-width:100%;object-fit:contain}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.section-title{color:#f5f000;color:var(--color-accent);font-size:2.5rem;font-weight:700;margin-bottom:60px;text-align:center}.benefits-section{background-color:#4b4a32;background-color:var(--color-darker);padding:100px 20px}.benefits-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.benefit-card{background-color:#75743b;background-color:var(--color-dark);border:2px solid #0000;border-radius:12px;padding:40px 30px;text-align:center;transition:all .3s ease}.benefit-card:hover{border-color:#cac722;border-color:var(--color-primary);box-shadow:0 10px 30px #cac72233;transform:translateY(-10px)}.benefit-icon{animation:pulse 2s ease-in-out infinite;font-size:4rem;margin-bottom:20px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.benefit-title{color:#f5f000;color:var(--color-accent);font-size:1.5rem;font-weight:600;margin-bottom:15px}.benefit-description{color:#cac722;color:var(--color-primary);font-size:1rem;line-height:1.6}.demo-section{background-color:#33332b;background-color:var(--color-darkest);padding:100px 20px}.demo-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px}.demo-card{background-color:#4b4a32;background-color:var(--color-darker);border:2px solid #75743b;border:2px solid var(--color-dark);border-radius:12px;overflow:hidden;transition:transform .3s ease}.demo-card:hover{border-color:#a09e35;border-color:var(--color-secondary);transform:scale(1.05)}.demo-placeholder{align-items:center;background:linear-gradient(135deg,#75743b,#4b4a32);background:linear-gradient(135deg,var(--color-dark) 0,var(--color-darker) 100%);display:flex;flex-direction:column;gap:10px;height:200px;justify-content:center}.demo-placeholder span{font-size:4rem}.demo-placeholder p{font-size:1.2rem;font-weight:600}.demo-caption,.demo-placeholder p{color:#cac722;color:var(--color-primary)}.demo-caption{font-size:.95rem;line-height:1.5;padding:20px;text-align:center}.pricing-section{background-color:#4b4a32;background-color:var(--color-darker);padding:100px 20px}.pricing-summary{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto 50px;max-width:1200px}.pricing-card{background-color:#75743b;background-color:var(--color-dark);border:2px solid #0000;border-radius:12px;padding:40px 30px;position:relative;text-align:center;transition:all .3s ease}.pricing-card:hover{border-color:#cac722;border-color:var(--color-primary);box-shadow:0 10px 30px #cac72233;transform:translateY(-10px)}.pricing-card.featured{background-color:#4b4a32;background-color:var(--color-darker);border-color:#f5f000;border-color:var(--color-accent)}.featured-badge{background-color:#f5f000;background-color:var(--color-accent);border-radius:20px;color:#33332b;color:var(--color-darkest);font-size:.85rem;font-weight:700;left:50%;padding:5px 20px;position:absolute;top:-15px;transform:translateX(-50%)}.pricing-card h3{color:#f5f000;color:var(--color-accent);font-size:1.8rem;margin-bottom:15px}.pricing-description{color:#cac722;color:var(--color-primary);font-size:1rem;margin-bottom:30px;min-height:50px}.pricing-features{list-style:none;margin:0;padding:0;text-align:left}.pricing-features li{border-bottom:1px solid #4b4a32;border-bottom:1px solid var(--color-darker);color:#cac722;color:var(--color-primary);font-size:1rem;padding:10px 0}.pricing-features li:last-child{border-bottom:none}.btn-view-all{background-color:#cac722;background-color:var(--color-primary);border:none;border-radius:8px;color:#33332b;color:var(--color-darkest);cursor:pointer;display:block;font-size:1.1rem;font-weight:600;margin:0 auto;padding:15px 40px;transition:all .3s ease}.btn-view-all:hover{background-color:#f5f000;background-color:var(--color-accent);box-shadow:0 6px 20px #f5f00066;transform:translateY(-2px)}.videos-section{background-color:#33332b;background-color:var(--color-darkest);padding:100px 20px}.videos-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.video-thumbnail{cursor:pointer;transition:transform .3s ease}.video-thumbnail:hover{transform:scale(1.05)}.thumbnail-placeholder{align-items:center;background:linear-gradient(135deg,#75743b,#4b4a32);background:linear-gradient(135deg,var(--color-dark) 0,var(--color-darker) 100%);border:2px solid #75743b;border:2px solid var(--color-dark);border-radius:12px;display:flex;height:200px;justify-content:center;overflow:hidden;position:relative;transition:border-color .3s ease}.video-thumbnail:hover .thumbnail-placeholder{border-color:#cac722;border-color:var(--color-primary)}.play-button{align-items:center;background-color:#cac722e6;border-radius:50%;color:#33332b;color:var(--color-darkest);display:flex;font-size:1.5rem;height:70px;justify-content:center;position:absolute;transition:all .3s ease;width:70px;z-index:2}.video-thumbnail:hover .play-button{background-color:#f5f000;background-color:var(--color-accent);transform:scale(1.1)}.video-icon{font-size:5rem;opacity:.3}.video-title{color:#cac722;color:var(--color-primary);font-size:1.1rem;font-weight:500;margin-top:20px;text-align:center}.video-modal{align-items:center;animation:fadeIn .3s ease;background-color:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.video-modal-content{animation:slideUp .3s ease;aspect-ratio:16/9;background-color:#33332b;background-color:var(--color-darkest);border-radius:12px;max-width:900px;overflow:hidden;position:relative;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.video-modal-content iframe{height:100%;width:100%}.video-modal-close{background-color:initial;border:none;color:#f5f000;color:var(--color-accent);cursor:pointer;font-size:3rem;position:absolute;right:0;top:-40px;transition:transform .3s ease;z-index:1001}.video-modal-close:hover{color:#cac722;color:var(--color-primary);transform:rotate(90deg)}.faq-section{background-color:#4b4a32;background-color:var(--color-darker);padding:100px 20px}.faq-container{margin:0 auto;max-width:900px}.faq-item{background-color:#75743b;background-color:var(--color-dark);border:2px solid #0000;border-radius:12px;margin-bottom:20px;overflow:hidden;transition:all .3s ease}.faq-item.open{border-color:#cac722;border-color:var(--color-primary)}.faq-question{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:25px 30px;transition:background-color .3s ease}.faq-question:hover{background-color:#4b4a32;background-color:var(--color-darker)}.faq-question h3{color:#f5f000;color:var(--color-accent);font-size:1.2rem;font-weight:600;margin:0}.faq-toggle{color:#cac722;color:var(--color-primary);font-size:2rem;font-weight:700;transition:transform .3s ease}.faq-item.open .faq-toggle{transform:rotate(45deg)}.faq-answer{animation:slideDown .3s ease;color:#cac722;color:var(--color-primary);font-size:1rem;line-height:1.8;padding:0 30px 25px}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.faq-answer p{margin:0}.landing-footer{background-color:#33332b;background-color:var(--color-darkest);border-top:2px solid #75743b;border-top:2px solid var(--color-dark);padding:60px 20px 30px}.footer-content{margin:0 auto;max-width:1200px;text-align:center}.footer-links{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-bottom:30px}.footer-links a{color:#cac722;color:var(--color-primary);cursor:pointer;font-size:1.1rem;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#f5f000;color:var(--color-accent)}.footer-copyright{color:#a09e35;color:var(--color-secondary);font-size:.9rem}.footer-copyright p{margin:0}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-tagline{font-size:1.5rem;min-height:60px}.hero-buttons{align-items:stretch;flex-direction:column;padding:0 20px}.btn-accent,.btn-primary,.btn-secondary{font-size:1rem;padding:12px 25px}.section-title{font-size:2rem}.benefits-grid,.demo-grid,.pricing-summary,.videos-grid{grid-template-columns:1fr}.hero-image img{max-height:30vh}.video-modal-content{width:95%}.video-modal-close{right:10px;top:-50px}.footer-links{flex-direction:column;gap:20px}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-tagline{font-size:1.2rem}.benefit-icon{font-size:3rem}.benefit-title{font-size:1.3rem}.pricing-card h3{font-size:1.5rem}}.auth-buttons button:hover{background-color:#f5f000;background-color:var(--color-accent)}.checkbox-group{justify-content:flex-start;margin-bottom:15px}.checkbox-group,.checkbox-item{align-items:center;display:flex}.checkbox-item{margin-right:20px}.checkbox-item label{align-items:center;cursor:pointer;display:flex}.checkbox-item input[type=checkbox]{margin-right:5px;width:auto}.eventos-container{box-sizing:border-box;height:100vh;overflow-y:auto;padding:20px}.eventos-content{margin:0 auto;max-width:1200px}.eventos-table{border-collapse:collapse;margin-top:20px;width:100%}.eventos-table td,.eventos-table th{border-bottom:1px solid #a09e35;border-bottom:1px solid var(--color-secondary);padding:10px;text-align:left}.eventos-table th{background-color:#75743b;background-color:var(--color-dark);color:#cac722;color:var(--color-primary);position:sticky;top:0;z-index:10}.eventos-table tr:nth-child(2n){background-color:#4b4a32;background-color:var(--color-darker)}.eventos-table tr:hover{background-color:#75743b;background-color:var(--color-dark)}.modal-overlay{background-color:#00000080}.modal-content{background-color:#4b4a32;background-color:var(--color-darker);border-radius:8px;max-width:400px;padding:20px;width:100%}.modal-content h3{color:#f5f000;color:var(--color-accent);margin-top:0}.modal-content input{box-sizing:border-box;margin-bottom:15px;padding:8px;width:100%}.modal-buttons{display:flex;gap:10px;justify-content:flex-end}.modal-buttons button{cursor:pointer;padding:8px 15px}@media (max-width:768px){.eventos-table{font-size:14px}.eventos-table td,.eventos-table th{padding:8px 5px}.eventos-table td:nth-child(3),.eventos-table td:nth-child(4),.eventos-table th:nth-child(3),.eventos-table th:nth-child(4){display:none}}@media (max-height:600px){.home-page h1{font-size:2rem}.auth-buttons button{font-size:.9rem;padding:8px 16px}}.admin-container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:20px}.admin-title{color:#f5f000;color:var(--color-accent);margin-bottom:20px}.admin-button{background-color:#a09e35;background-color:var(--color-secondary);border:none;border-radius:4px;color:#fff;cursor:pointer;margin-bottom:20px;padding:10px 20px;transition:background-color .3s ease}.admin-button:hover{background-color:#cac722;background-color:var(--color-primary)}.orden-karaoke-wrapper{-webkit-overflow-scrolling:touch;background-color:#4b4a32;background-color:var(--color-darker);border-radius:8px;display:block;max-height:70vh;overflow-x:auto;overflow-y:scroll;padding:20px}.orden-karaoke-table{border-collapse:collapse;position:relative;width:100%}.orden-karaoke-table thead{background-color:#75743b;background-color:var(--color-dark);position:sticky;top:0;z-index:10}.orden-karaoke-table td,.orden-karaoke-table th{border-bottom:1px solid #a09e35;border-bottom:1px solid var(--color-secondary);padding:12px;text-align:left}.orden-karaoke-table th{background-color:#75743b;background-color:var(--color-dark);color:#cac722;color:var(--color-primary)}.orden-karaoke-table tr:nth-child(2n){background-color:#4b4a32;background-color:var(--color-darker)}.orden-item{transition:background-color .3s ease}.orden-item:hover{background-color:#75743b;background-color:var(--color-dark)}.orden-item.cancion{color:#cac722;color:var(--color-primary)}.orden-item.video{color:#f5f000;color:var(--color-accent)}.orden-item.pendiente{color:#a09e35;color:var(--color-secondary)}.orden-item.next-to-play{background-color:gold!important;color:#000!important;font-weight:700}.orden-item.next-to-play td{color:#000!important}.orden-karaoke-table{padding-left:20px}.admin-reacciones{background-color:#4b4a32;background-color:var(--color-darker);border-radius:8px;margin:0 auto;max-width:800px;padding:20px}.admin-reacciones h2{color:#f5f000;color:var(--color-accent);margin-bottom:20px}.reacciones-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px}.nueva-reaccion{display:flex;flex-grow:1;min-width:300px}.nueva-reaccion input{background-color:#33332b;background-color:var(--color-darkest);border:1px solid #a09e35;border:1px solid var(--color-secondary);border-radius:4px 0 0 4px;color:#cac722;color:var(--color-primary);flex-grow:1;padding:10px}.nueva-reaccion button{background-color:#a09e35;background-color:var(--color-secondary);border:none;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease}.nueva-reaccion button:hover{background-color:#cac722;background-color:var(--color-primary)}.btn-reset-default{background-color:#ff9800;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.btn-reset-default:hover{background-color:#f57c00;box-shadow:0 4px 8px #ff98004d;transform:translateY(-2px)}.modal-overlay{align-items:center;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-confirm{background-color:#4b4a32;background-color:var(--color-darker);border:2px solid #a09e35;border:2px solid var(--color-secondary);border-radius:8px;box-shadow:0 10px 40px #00000080;max-width:500px;padding:30px}.modal-confirm h3{color:#ff9800;margin-bottom:20px;text-align:center}.modal-confirm p{color:#cac722;color:var(--color-primary);line-height:1.6;margin-bottom:15px}.modal-confirm strong{color:#ff9800}.modal-actions{display:flex;gap:15px;justify-content:center;margin-top:25px}.btn-cancel,.btn-confirm{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:10px 25px;transition:all .3s ease}.btn-cancel{background-color:#75743b;background-color:var(--color-dark);color:#cac722;color:var(--color-primary)}.btn-cancel:hover:not(:disabled){background-color:#33332b;background-color:var(--color-darkest)}.btn-confirm{background-color:#ff9800;color:#fff}.btn-confirm:hover:not(:disabled){background-color:#f57c00;box-shadow:0 4px 8px #ff98004d;transform:translateY(-2px)}.btn-cancel:disabled,.btn-confirm:disabled{cursor:not-allowed;opacity:.6}.admin-reacciones table{border-collapse:collapse;width:100%}.admin-reacciones td,.admin-reacciones th{border-bottom:1px solid #a09e35;border-bottom:1px solid var(--color-secondary);padding:12px;text-align:left}.admin-reacciones th{background-color:#75743b;background-color:var(--color-dark);color:#cac722;color:var(--color-primary)}.admin-reacciones tr:nth-child(2n){background-color:#4b4a32;background-color:var(--color-darker)}.admin-reacciones td button{background-color:#a09e35;background-color:var(--color-secondary);border:none;border-radius:4px;color:#fff;cursor:pointer;margin-right:5px;padding:5px 10px;transition:background-color .3s ease}.admin-reacciones td button:hover{background-color:#cac722;background-color:var(--color-primary)}.admin-reacciones td button:last-child{background-color:#75743b;background-color:var(--color-dark)}.admin-reacciones td button:last-child:hover{background-color:#33332b;background-color:var(--color-darkest)}.ayuda-container{background-color:#4b4a32;background-color:var(--color-darker);border-radius:8px;color:#cac722;color:var(--color-primary);margin:0 auto;max-width:800px;padding:20px}.ayuda-title{color:#f5f000;color:var(--color-accent)}.ayuda-intro,.ayuda-title{margin-bottom:30px;text-align:center}.ayuda-intro{font-size:1.1em}.ayuda-subtitle{border-bottom:2px solid #a09e35;border-bottom:2px solid var(--color-secondary);color:#a09e35;color:var(--color-secondary);margin-bottom:20px;margin-top:40px;padding-bottom:10px}.ayuda-option{background-color:#75743b;background-color:var(--color-dark);border-radius:8px;margin-bottom:25px;padding:15px;transition:transform .2s ease,box-shadow .2s ease}.ayuda-option:hover{box-shadow:0 4px 12px #cac72233;transform:translateY(-2px)}.ayuda-option-title{color:#f5f000;color:var(--color-accent);margin-bottom:10px}.ayuda-tips{list-style-type:none;padding-left:0}.ayuda-tips li{margin-bottom:15px;padding-left:30px;position:relative}.ayuda-tips li:before{content:attr(data-icon);left:0;position:absolute;top:50%;transform:translateY(-50%)}.ayuda-footer{font-style:italic;margin-top:40px;text-align:center}.ayuda-form-container{border-radius:8px;margin:20px 0;min-height:600px;overflow:hidden;width:100%}.ayuda-form-container iframe{border-radius:8px}.help-button{align-items:center;background-color:#f5f000;background-color:var(--color-accent);border:none;border-radius:50%;box-shadow:0 2px 10px #0003;color:#33332b;color:var(--color-darkest);cursor:pointer;display:flex;font-size:24px;font-weight:700;height:50px;justify-content:center;position:fixed;right:20px;top:20px;transition:background-color .3s ease,transform .1s ease;width:50px;z-index:1000}.help-button:hover{background-color:#cac722;background-color:var(--color-primary);transform:scale(1.05)}.help-button:active{transform:scale(.95)}.home-button{align-items:center;background-color:#f5f000;background-color:var(--color-accent);border:none;border-radius:50%;bottom:20px;box-shadow:0 2px 10px #0003;color:#33332b;color:var(--color-darkest);cursor:pointer;display:flex;height:50px;justify-content:center;left:20px;opacity:.7;position:fixed;transition:background-color .3s ease,transform .1s ease;width:50px;z-index:999}.home-button:hover{background-color:#cac722;background-color:var(--color-primary);opacity:1;transform:scale(1.05)}.home-button:active{transform:scale(.95)}.back-button{align-items:center;background-color:#f5f000;background-color:var(--color-accent);border:none;border-radius:50%;bottom:20px;box-shadow:0 2px 10px #0003;color:#33332b;color:var(--color-darkest);cursor:pointer;display:flex;height:50px;justify-content:center;left:20px;opacity:.7;position:fixed;transition:background-color .3s ease,transform .1s ease;width:50px;z-index:999}.back-button:hover{background-color:#cac722;background-color:var(--color-primary);opacity:1;transform:scale(1.05)}.back-button:active{transform:scale(.95)}.app-header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#0f0f0ffa,#1e1e1efa);border-bottom:2px solid #cac7224d;box-shadow:0 4px 30px #00000080;left:0;position:sticky;right:0;top:0;transition:all .3s ease;z-index:1000}.app-header:hover{box-shadow:0 6px 35px #cac72226}.app-header-content{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1600px;padding:1rem 2.5rem}.header-logo{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:1rem;margin:-.25rem;outline:none;padding:.25rem;transition:all .3s ease}.header-logo:focus{outline:2px solid #cac72280;outline-offset:2px}.header-logo:hover .logo-icon{filter:drop-shadow(0 0 12px rgba(202,199,34,.6));transform:rotate(5deg) scale(1.1)}.header-logo:hover .header-title{text-shadow:0 0 15px #cac72280}.logo-wrapper{align-items:center;background:radial-gradient(circle,#cac72226 0,#cac7220d 100%);border-radius:12px;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.logo-icon{fill:#cac722;filter:drop-shadow(0 0 8px rgba(202,199,34,.4));transition:all .3s ease}.header-title-wrapper{display:flex;flex-direction:column;gap:2px}.header-title{color:#fff;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0;text-shadow:0 0 10px #cac7224d;transition:all .3s ease}.header-subtitle{color:#cac722b3;font-size:.75rem;font-weight:500;letter-spacing:1px;text-transform:uppercase}.header-right-section{align-items:center;display:flex;flex:1 1;gap:1.5rem;justify-content:flex-end}.header-user-info{align-items:center;display:flex;gap:1rem}.header-user-email{align-items:center!important;background:linear-gradient(135deg,#cac7221f,#cac72214);border:1px solid #cac72240;border-radius:8px!important;box-shadow:0 2px 8px #0003;color:#fff;display:inline-flex!important;font-size:.85rem!important;font-weight:500!important;gap:.5rem!important;height:auto!important;justify-content:center!important;line-height:1!important;min-height:32px!important;padding:.6rem .85rem!important;transition:all .3s ease}.header-user-email:hover{background:linear-gradient(135deg,#cac7222e,#cac7221f);border-color:#cac72266;box-shadow:0 4px 12px #cac72226;transform:translateY(-1px)}.header-user-email svg{fill:#cac722;align-self:center!important;display:block!important;flex-shrink:0;height:16px!important;margin:0!important;padding:0!important;vertical-align:middle!important;width:16px!important}.user-email-text{font-weight:500!important;margin:0!important;padding:0!important;vertical-align:middle!important}.header-plan-badge,.user-email-text{align-items:center!important;display:inline-flex!important;font-size:.85rem!important;line-height:1!important}.header-plan-badge{border:1px solid;border-radius:8px!important;box-shadow:0 2px 8px #0003;cursor:default;font-weight:600!important;gap:.5rem!important;height:auto!important;justify-content:center!important;min-height:32px!important;overflow:hidden;padding:.6rem .85rem!important;position:relative;transition:all .3s ease}.header-plan-badge:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.header-plan-badge:hover:before{left:100%}.header-plan-badge svg{align-self:center!important;display:block!important;flex-shrink:0;height:16px!important;width:16px!important}.header-plan-badge .plan-name,.header-plan-badge svg{margin:0!important;padding:0!important;vertical-align:middle!important}.header-plan-badge .plan-name{align-items:center!important;display:inline-flex!important;font-size:.85rem!important;font-weight:600!important;letter-spacing:.3px!important;line-height:1!important;text-transform:capitalize!important;white-space:nowrap!important}.header-plan-badge.plan-free{background:linear-gradient(135deg,#6c757d26,#6c757d1a)!important;border-color:#6c757d66!important;color:#b8c2cc!important}.header-plan-badge.plan-pay-per-event{background:linear-gradient(135deg,#17a2b826,#17a2b81a)!important;border-color:#17a2b866!important;color:#4db8d1!important}.header-plan-badge.plan-basica{background:linear-gradient(135deg,#ffc10726,#ffc1071a)!important;border-color:#ffc10766!important;color:#ffd454!important}.header-plan-badge.plan-premium{background:linear-gradient(135deg,#9b59b633,#9b59b626)!important;border-color:#9b59b680!important;color:#d4a5e3!important}.header-plan-badge.plan-psa{background:linear-gradient(135deg,#e74c3c26,#e74c3c1a)!important;border-color:#e74c3c66!important;color:#f99!important}.header-plan-badge:hover{box-shadow:0 4px 16px #0000004d;transform:translateY(-2px)}.header-actions{align-items:center;display:flex;gap:1rem}.header-dropdown-container{position:relative}.header-dropdown-toggle{align-items:center;background:linear-gradient(135deg,#cac7222e,#cac7221f);border:1px solid #cac72259;border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.6rem;overflow:hidden;padding:.6rem 1.2rem;position:relative;transition:all .3s ease}.header-dropdown-toggle:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.header-dropdown-toggle:hover:before{left:100%}.header-dropdown-toggle:hover{background:linear-gradient(135deg,#cac72240,#cac7222e);border-color:#cac72280;box-shadow:0 4px 12px #cac72233;transform:translateY(-2px)}.header-dropdown-toggle svg{fill:#cac722;transition:all .3s ease}.header-dropdown-toggle:hover svg{filter:drop-shadow(0 0 4px rgba(202,199,34,.6))}.dropdown-toggle-text{font-weight:600}.dropdown-arrow{transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.header-dropdown-menu{animation:dropdownFadeIn .3s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#191919fa,#282828fa);border:1px solid #cac72259;border-radius:12px;box-shadow:0 12px 40px #00000080,0 0 0 1px #cac7221a;min-width:260px;padding:.75rem 0;position:absolute;right:0;top:calc(100% + .75rem);z-index:100}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.9rem;padding:.85rem 1.2rem;position:relative;text-align:left;transition:all .2s ease;width:100%}.dropdown-item:before{background:#cac722;bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .2s ease;width:3px}.dropdown-item:hover:before{transform:scaleY(1)}.dropdown-item:hover{background-color:#cac7221f;padding-left:1.5rem}.dropdown-item svg{fill:#cac722;flex-shrink:0;transition:all .2s ease}.dropdown-item:hover svg{filter:drop-shadow(0 0 6px rgba(202,199,34,.5));transform:scale(1.1)}.dropdown-item span{font-weight:500}.dropdown-divider{background:linear-gradient(90deg,#0000,#cac7224d,#0000);height:1px;margin:.75rem 0}.logout-item{color:#ff8787}.logout-item svg{fill:#ff8787}.logout-item:before{background:#ff8787}.logout-item:hover{background-color:#ff6b6b1f}.logout-item:hover svg{filter:drop-shadow(0 0 6px rgba(255,107,107,.5))}.header-help{align-items:center;display:flex}@media (max-width:1200px){.app-header-content{padding:1rem 1.5rem}.header-subtitle{display:none}}@media (max-width:768px){.app-header-content{gap:1rem;padding:.75rem 1rem}.header-logo{gap:.75rem}.logo-wrapper{height:40px;width:40px}.header-title{font-size:1.25rem}.header-user-info{gap:.5rem}.header-user-email{font-size:.8rem;padding:.5rem .75rem}.header-user-email svg{height:16px;width:16px}.header-plan-badge{font-size:.8rem;padding:.5rem .75rem}.header-plan-badge svg{height:16px;width:16px}.header-dropdown-toggle{font-size:.85rem;padding:.5rem .9rem}.dropdown-toggle-text{display:none}}@media (max-width:480px){.app-header-content{flex-wrap:wrap}.header-user-info{border-top:1px solid #cac72226;flex-wrap:wrap;justify-content:center;order:3;padding-top:.75rem;width:100%}.header-plan-badge .plan-name,.header-user-email span{font-size:.75rem}}.home-menu-dashboard{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);min-height:100vh;position:relative}.dashboard-container{margin:0 auto;max-width:1400px;padding:3rem 2rem;position:relative;z-index:1}.dashboard-welcome{animation:fadeInDown .6s ease;margin-bottom:3rem;text-align:center}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dashboard-welcome h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 0 20px #cac7224d}.dashboard-welcome p{color:#ffffffb3;font-size:1.1rem;margin:0}.dashboard-cards{grid-gap:2rem;animation:fadeIn .8s ease;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dashboard-card{animation:cardSlideUp .6s ease forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#282828f2,#3c3c3cf2);border:2px solid #0000;border-radius:16px;box-shadow:0 8px 32px #0000004d;opacity:0;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1)}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.dashboard-card:first-child{animation-delay:.1s}.dashboard-card:nth-child(2){animation-delay:.2s}.dashboard-card:nth-child(3){animation-delay:.3s}.dashboard-card:hover{box-shadow:0 16px 48px #0006;transform:translateY(-8px)}.card-blue{border-color:#3498db80}.card-blue:hover{border-color:#3498dbcc;box-shadow:0 16px 48px #3498db4d}.card-green{border-color:#2ecc7180}.card-green:hover{border-color:#2ecc71cc;box-shadow:0 16px 48px #2ecc714d}.card-orange{border-color:#e67e2280}.card-orange:hover{border-color:#e67e22cc;box-shadow:0 16px 48px #e67e224d}.card-header{border-bottom:2px solid #cac72233;margin-bottom:1.5rem;padding-bottom:1rem}.card-header h2{color:#cac722;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.card-header p{color:#fff9;font-size:.9rem;line-height:1.4;margin:0}.card-body{display:flex;flex-direction:column;gap:.75rem}.card-action-button{align-items:center;background:linear-gradient(135deg,#cac7220d,#cac7221a);border:1px solid #cac72233;border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:1rem;padding:1rem;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.card-action-button:hover{background:linear-gradient(135deg,#cac72226,#cac72240);border-color:#cac72280;box-shadow:0 4px 16px #cac72233;transform:translateX(8px)}.card-action-button:active{transform:translateX(8px) scale(.98)}.button-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.button-icon svg{fill:#cac722;filter:drop-shadow(0 0 4px rgba(202,199,34,.3))}.button-text{flex:1 1;font-size:.95rem;font-weight:500}.button-arrow{fill:#cac72299;flex-shrink:0;transition:transform .3s ease}.card-action-button:hover .button-arrow{fill:#cac722;transform:translateX(4px)}@media (max-width:1024px){.dashboard-cards{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.dashboard-welcome h1{font-size:2rem}}@media (max-width:768px){.app-header-content{padding:.75rem 1rem}.header-title{font-size:1.25rem}.dashboard-container{padding:2rem 1rem}.dashboard-welcome h1{font-size:1.75rem}.dashboard-welcome p{font-size:1rem}.dashboard-cards{gap:1.5rem;grid-template-columns:1fr}.dashboard-card{padding:1.5rem}.card-header h2{font-size:1.25rem}.header-dropdown-toggle span{display:none}.header-user-info{gap:.5rem;margin-right:.5rem}.header-user-email{font-size:.75rem;padding:.25rem .5rem}.user-email-text{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-plan-badge{font-size:.7rem;padding:.25rem .5rem}.header-plan-badge .plan-label{font-size:.65rem}}@media (max-width:480px){.header-logo{gap:.5rem}.logo-icon{height:28px;width:28px}.header-title{font-size:1.1rem}.dashboard-welcome h1{font-size:1.5rem}.card-action-button{padding:.875rem}.button-text{font-size:.875rem}.button-icon svg{height:28px;width:28px}}.backup-info{background-color:#cac7221a;border-left:3px solid #cac722;border-left:3px solid var(--color-primary);color:#cac722;color:var(--color-primary);font-size:.85rem;line-height:1.4;margin-top:.5rem;padding:.75rem}.backup-info,.backup-info-card{border-radius:4px;display:block}.backup-info-card{background-color:#cac7220d;color:#cac722cc;font-size:.8rem;line-height:1.3;margin-top:.75rem;padding:.5rem;text-align:center}@media (max-width:768px){.backup-info,.backup-info-card{font-size:.75rem;padding:.5rem}}.crear-evento-form .form-section{background-color:#75743b33;border:1px solid #a09e35;border:1px solid var(--color-secondary);border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.crear-evento-form .form-section .section-title{border-bottom:2px solid #a09e35;border-bottom:2px solid var(--color-secondary);color:#cac722;color:var(--color-primary);font-size:1.3rem;font-weight:600;margin-bottom:1rem;margin-top:0;padding-bottom:.5rem;text-align:left}.crear-evento-form .help-text{color:#cac722cc;display:block;font-size:.85rem;line-height:1.3;margin-top:.35rem}.crear-evento-form .checkbox-group-horizontal{display:flex;flex-wrap:wrap;gap:2rem}.crear-evento-form .checkbox-group-horizontal .checkbox-label{margin-bottom:.5rem}.alerta-critica{animation:pulseAlert 2s ease-in-out infinite;background:linear-gradient(135deg,#dc2626,#991b1b);border:3px solid #fca5a5;border-radius:8px;box-shadow:0 4px 12px #dc262680}.alerta-advertencia,.alerta-critica{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.alerta-advertencia{animation:pulseWarning 3s ease-in-out infinite;background:linear-gradient(135deg,#ea580c,#c2410c);border:3px solid #fdba74;border-radius:8px;box-shadow:0 4px 12px #ea580c66}.alerta-advertencia .icono-alerta,.alerta-critica .icono-alerta{animation:shake .5s ease-in-out infinite;flex-shrink:0;font-size:2.5rem;line-height:1}.alerta-advertencia .contenido-alerta,.alerta-critica .contenido-alerta{flex:1 1}.alerta-advertencia strong,.alerta-critica strong{color:#fff;display:block;font-size:1.1rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.alerta-advertencia p,.alerta-critica p{color:#fffffff2;font-size:.95rem;line-height:1.4;margin:0}@keyframes pulseAlert{0%,to{box-shadow:0 4px 12px #dc262680}50%{box-shadow:0 6px 20px #dc2626cc}}@keyframes pulseWarning{0%,to{box-shadow:0 4px 12px #ea580c66}50%{box-shadow:0 6px 20px #ea580c99}}@keyframes shake{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.item-cancion.sin-url{background-color:#dc262626!important;border-left:4px solid #dc2626!important}.item-cancion.estado-ordenada{background-color:#ea580c26!important;border-left:4px solid #ea580c!important}.badge-alerta{animation:pulse 1.5s ease-in-out infinite;background-color:#dc2626}.badge-advertencia,.badge-alerta{border-radius:4px;color:#fff;display:inline-block;font-size:.7rem;font-weight:700;margin-right:.5rem;padding:.15rem .4rem;text-transform:uppercase}.badge-advertencia{background-color:#ea580c}.btn-abrir-mini:disabled,.btn-abrir-youtube:disabled{background-color:#666;cursor:not-allowed;opacity:.4}.btn-abrir-mini:disabled:hover,.btn-abrir-youtube:disabled:hover{background-color:#666;transform:none}@media (max-width:768px){.alerta-advertencia,.alerta-critica{flex-direction:column;padding:.75rem;text-align:center}.alerta-advertencia .icono-alerta,.alerta-critica .icono-alerta{font-size:2rem}.alerta-advertencia strong,.alerta-critica strong{font-size:.95rem}.alerta-advertencia p,.alerta-critica p{font-size:.85rem}}.eventos-admin-container{margin:0 auto;max-width:1400px;padding:20px}.eventos-admin-container .tabs-container{border-bottom:2px solid #555;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.eventos-admin-container .tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#999;cursor:pointer;font-family:Rokkitt,Averia Libre,Overpass,sans-serif;font-size:16px;font-weight:600;padding:15px 30px;position:relative;transition:all .3s ease}.eventos-admin-container .tab:hover:not(.disabled){border-bottom-color:#cac722;color:#cac722}.eventos-admin-container .tab.active{border-bottom-color:#e0dd2b;color:#e0dd2b}.eventos-admin-container .tab.disabled{cursor:not-allowed;opacity:.4}.eventos-admin-container .tab .badge-active{animation:eventos-pulse 2s infinite;color:#4ade80;font-size:10px;margin-left:5px}.eventos-admin-container .tab .badge-count{background:#cac722;border-radius:10px;color:#333;font-size:12px;font-weight:700;margin-left:8px;padding:2px 8px}@keyframes eventos-pulse{0%,to{opacity:1}50%{opacity:.5}}.eventos-admin-container .save-feedback{animation:eventos-slideIn .3s ease;border-radius:8px;box-shadow:0 4px 6px #0000004d;font-weight:600;padding:15px 25px;position:fixed;right:20px;top:20px;z-index:1000}.eventos-admin-container .save-feedback.success{background:#10b981;color:#fff}.eventos-admin-container .save-feedback.error{background:#ef4444;color:#fff}@keyframes eventos-slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.eventos-admin-container .tab-content{animation:eventos-fadeIn .3s ease}@keyframes eventos-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.eventos-admin-container .crear-evento-section h2{color:#e0dd2b;font-size:28px;margin-bottom:30px}.eventos-admin-container .crear-evento-form{background:#444;border-radius:12px;max-width:800px;padding:30px}.eventos-admin-container .form-section{border-bottom:1px solid #555;margin-bottom:30px;padding-bottom:25px}.eventos-admin-container .form-section:last-of-type{border-bottom:none}.eventos-admin-container .form-section .section-title{color:#cac722;font-size:18px;margin-bottom:20px}.eventos-admin-container .form-group{margin-bottom:25px}.eventos-admin-container .form-group label{color:#cac722;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.eventos-admin-container .form-group input[type=number],.eventos-admin-container .form-group input[type=text]{background:#555;border:2px solid #666;border-radius:8px;color:#fff;font-size:16px;padding:12px 15px;transition:all .3s ease;width:100%}.eventos-admin-container .form-group input:focus{background:#5a5a5a;border-color:#cac722;outline:none}.eventos-admin-container .form-group small{color:#999;display:block;font-size:12px;margin-top:5px}.eventos-admin-container .form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.eventos-admin-container .checkbox-group-horizontal{display:flex;flex-wrap:wrap;gap:30px}.eventos-admin-container .checkbox-group-vertical{display:flex;flex-direction:column;gap:15px}.eventos-admin-container .checkbox-label{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:10px}.eventos-admin-container .checkbox-label input[type=checkbox]{cursor:pointer;height:20px;width:20px}.eventos-admin-container .help-text{color:#999;font-size:12px}.eventos-admin-container .btn-primary.btn-large{background:#cac722;border:none;border-radius:8px;color:#333;cursor:pointer;font-size:18px;font-weight:700;margin-top:15px;padding:18px 40px;transition:all .3s ease;width:100%}.eventos-admin-container .btn-primary.btn-large:hover{background:#e0dd2b;box-shadow:0 4px 8px #cac7224d;transform:translateY(-2px)}.eventos-admin-container .btn-danger{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:12px 25px;transition:all .3s ease}.eventos-admin-container .btn-danger:hover{background:#dc2626;box-shadow:0 4px 8px #ef44444d;transform:translateY(-2px)}.eventos-admin-container .btn-secondary{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:12px 25px;transition:all .3s ease}.eventos-admin-container .btn-secondary:hover{background:#4b5563}.evento-activo-section h2{color:#cac722;font-size:28px;margin-bottom:30px}.cards-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(2,1fr)}.eventos-admin-container .card{background:#444;border-radius:12px;box-shadow:0 4px 6px #0003;overflow:hidden;transition:all .3s ease}.eventos-admin-container .card:hover{box-shadow:0 6px 12px #0000004d;transform:translateY(-3px)}.eventos-admin-container .card-info{grid-column:span 2}.eventos-admin-container .card-header{align-items:center;background:#3a3a3a;border-bottom:2px solid #555;display:flex;justify-content:space-between;margin-bottom:0;padding:20px}.eventos-admin-container .card-header h3{color:#cac722;font-size:20px;font-weight:700;margin:0}.eventos-admin-container .card-body{display:block;gap:0;padding:25px}.eventos-admin-container .card-note{color:#888;display:block;font-size:13px;font-style:italic;margin-top:15px}.eventos-admin-container .info-item{border-bottom:1px solid #555;display:flex;justify-content:space-between;padding:12px 0}.eventos-admin-container .info-item:last-child{border-bottom:none}.eventos-admin-container .info-label{color:#999;font-weight:600}.eventos-admin-container .info-value{color:#fff;font-weight:600}.eventos-admin-container .badge{border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.eventos-admin-container .badge-activo{background:#10b981;color:#fff}.eventos-admin-container .badge-cerrado{background:#6b7280;color:#fff}.eventos-admin-container .control-group{margin-bottom:20px}.eventos-admin-container .control-group:last-child{margin-bottom:0}.eventos-admin-container .control-group>label:first-child{color:#cac722;display:block;font-size:14px;font-weight:600;margin-bottom:10px}.eventos-admin-container .toggle-label{align-items:center;border-bottom:1px solid #555;display:flex;justify-content:space-between;padding:12px 0}.eventos-admin-container .toggle-label span{color:#fff;font-size:15px;font-weight:600}.eventos-admin-container .toggle-switch{height:28px;position:relative;width:56px}.eventos-admin-container .toggle-switch input[type=checkbox]{height:0;opacity:0;width:0}.eventos-admin-container .toggle-slider{background-color:#555;border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.eventos-admin-container .toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:20px;left:4px;position:absolute;transition:.4s;width:20px}.eventos-admin-container .toggle-switch input:checked+.toggle-slider{background-color:#cac722}.eventos-admin-container .toggle-switch input:checked+.toggle-slider:before{transform:translateX(28px)}.eventos-admin-container .toggle-switch input:focus+.toggle-slider{box-shadow:0 0 1px #cac722}.eventos-admin-container .input-with-unit{align-items:center;display:flex;gap:10px}.eventos-admin-container .input-with-unit input[type=number]{background:#555;border:2px solid #666;border-radius:8px;color:#fff;flex:1 1;font-size:16px;font-weight:600;padding:10px 15px}.eventos-admin-container .input-with-unit input:focus{background:#5a5a5a;border-color:#cac722;outline:none}.eventos-admin-container .input-with-unit .unit{color:#999;font-size:14px;font-weight:600}.eventos-admin-container .input-with-unit.editable-field{cursor:pointer;position:relative;transition:all .3s ease}.eventos-admin-container .input-with-unit.editable-field:hover{background:#5a5a5a;transform:scale(1.02)}.eventos-admin-container .input-with-unit.editable-field input{cursor:pointer;pointer-events:none}.eventos-admin-container .input-with-unit .edit-icon{font-size:18px;opacity:.6;pointer-events:none;position:absolute;right:75px;transition:opacity .3s ease}.eventos-admin-container .input-with-unit.editable-field:hover .edit-icon{opacity:1}.eventos-admin-container .control-hint{color:#888;display:block;font-size:12px;margin-top:8px}.eventos-admin-container .volume-control{align-items:center;display:flex;gap:15px}.eventos-admin-container .volume-slider{-webkit-appearance:none;background:#555;border-radius:5px;flex:1 1;height:8px;outline:none}.eventos-admin-container .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#cac722;border-radius:50%;cursor:pointer;height:20px;-webkit-transition:all .3s ease;transition:all .3s ease;width:20px}.eventos-admin-container .volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.eventos-admin-container .volume-slider::-moz-range-thumb{background:#cac722;border:none;border-radius:50%;cursor:pointer;height:20px;-moz-transition:all .3s ease;transition:all .3s ease;width:20px}.eventos-admin-container .volume-slider:disabled{cursor:not-allowed;opacity:.4}.eventos-admin-container .volume-value{color:#fff;font-size:18px;font-weight:700;min-width:50px;text-align:right}.eventos-admin-container .volume-indicator{background:#555;border-radius:3px;height:6px;margin-top:10px;overflow:hidden}.eventos-admin-container .volume-bar{background:linear-gradient(90deg,#cac722,#e0dd2b);border-radius:3px;height:100%;transition:width .3s ease}.eventos-admin-container .btn-danger.btn-block{margin-top:15px;width:100%}.eventos-admin-container .select-respaldo{background:#555;border:2px solid #666;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px;width:100%}.eventos-admin-container .select-respaldo:focus{border-color:#cac722;outline:none}.eventos-admin-container .backup-info-card{color:#888;display:block;font-size:12px;margin-top:8px}@media screen and (max-width:1024px){.eventos-admin-container .cards-grid{grid-template-columns:1fr}.eventos-admin-container .card-info{grid-column:span 1}}@media screen and (max-width:768px){.evento-activo-section h2{font-size:22px;margin-bottom:20px}.eventos-admin-container .cards-grid{gap:15px}.eventos-admin-container .card-header{align-items:flex-start;flex-direction:column;gap:10px;padding:15px}.eventos-admin-container .card-body{padding:20px}.eventos-admin-container .toggle-switch{height:32px;width:64px}.eventos-admin-container .toggle-slider:before{height:24px;width:24px}.eventos-admin-container .toggle-switch input:checked+.toggle-slider:before{transform:translateX(32px)}.eventos-admin-container .btn-danger,.eventos-admin-container .btn-primary.btn-large,.eventos-admin-container .btn-secondary{font-size:16px;padding:15px 25px}.eventos-admin-container .tabs-container{gap:5px;margin-bottom:20px}.eventos-admin-container .tab{flex:1 1;font-size:14px;padding:12px 15px;text-align:center}.eventos-admin-container .tab .badge-count{display:none}.eventos-admin-container .save-feedback{font-size:14px;left:10px;padding:12px 15px;right:10px;top:10px}.eventos-admin-container .crear-evento-section h2,.eventos-admin-container .historial-section h2{font-size:22px;margin-bottom:20px}.eventos-admin-container .crear-evento-form{padding:20px}.eventos-admin-container .form-row{grid-template-columns:1fr}.eventos-admin-container .historial-card{padding:20px}.eventos-admin-container .historial-header{align-items:flex-start;flex-direction:column;gap:10px}.eventos-admin-container .stats-grid{grid-template-columns:1fr}.eventos-admin-container .config-grid{gap:10px;grid-template-columns:1fr}}@media screen and (max-width:480px){.eventos-admin-container .tab{font-size:12px;padding:10px 8px}.eventos-admin-container .card-header h3{font-size:16px}}.eventos-admin-container .historial-section h2{color:#e0dd2b;font-size:28px;margin-bottom:30px}.eventos-admin-container .empty-state{background:#444;border-radius:12px;padding:60px 30px;text-align:center}.eventos-admin-container .empty-state p{color:#999;font-size:18px;margin:0}.eventos-admin-container .historial-list{display:flex;flex-direction:column;gap:20px}.eventos-admin-container .historial-card{background:#444;border-radius:12px;box-shadow:0 4px 6px #0003;padding:25px;transition:all .3s ease}.eventos-admin-container .historial-card:hover{box-shadow:0 6px 12px #0000004d;transform:translateX(5px)}.eventos-admin-container .historial-header{align-items:center;border-bottom:2px solid #555;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.eventos-admin-container .historial-header h3{color:#fff;font-size:22px;font-weight:700;margin:0}.eventos-admin-container .historial-info{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.eventos-admin-container .info-row{color:#fff;display:flex;gap:10px}.eventos-admin-container .info-row .info-label{color:#999;font-weight:600;min-width:60px}.eventos-admin-container .historial-estadisticas{background:#3a3a3a;border-radius:8px;margin:1rem 0;padding:1rem}.eventos-admin-container .historial-estadisticas h4{color:#cac722;font-size:.95rem;font-weight:700;margin:0 0 .75rem}.eventos-admin-container .stats-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.eventos-admin-container .stat-item{background:#505050;border-left:3px solid #cac722;border-radius:4px;display:flex;justify-content:space-between;padding:.5rem}.eventos-admin-container .stat-item.stat-highlight{background:#4a4a32;border-left-color:#e0dd2b}.eventos-admin-container .stat-label{color:#ccc;font-size:14px;font-weight:500}.eventos-admin-container .stat-value{color:#fff;font-size:16px;font-weight:600}.eventos-admin-container .historial-details{border-top:1px solid #555;margin-top:15px;padding-top:15px}.eventos-admin-container .historial-details summary{color:#cac722;cursor:pointer;font-weight:600;padding:10px 0;-webkit-user-select:none;user-select:none}.eventos-admin-container .historial-details summary:hover{color:#e0dd2b}.eventos-admin-container .config-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-top:15px}.eventos-admin-container .config-item{display:flex;flex-direction:column;gap:5px}.eventos-admin-container .config-label{color:#999;font-size:13px;font-weight:600}.eventos-admin-container .config-item span:last-child{color:#fff;font-weight:600}.eventos-admin-container .modal-input{background:#555;border:2px solid #666;border-radius:8px;color:#fff;font-size:16px;margin:15px 0;padding:12px 15px;width:100%}.eventos-admin-container .modal-input:focus{background:#5a5a5a;border-color:#cac722;outline:none}
/*# sourceMappingURL=main.fff85505.css.map*/