.time-modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.time-modal{animation:slideUp .3s ease-out;background:#444;border-radius:12px;box-shadow:0 10px 40px #00000080;max-width:500px;overflow:hidden;width:90%}.time-modal-header{align-items:center;background:#3a3a3a;border-bottom:2px solid #555;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.time-modal-header h3{color:#f5f000;font-size:1.3rem;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#cac722;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.close-button:hover{background-color:#cac72233;color:#f5f000;transform:rotate(90deg)}.time-modal-body{padding:25px}.time-modal-body label{color:#fff;display:block;font-size:1rem;font-weight:600;margin-bottom:12px}.input-wrapper{align-items:center;display:flex;margin-bottom:12px;position:relative}.input-wrapper input{background:#555;border:2px solid #666;border-radius:8px;box-sizing:border-box;color:#fff;flex:1 1;font-family:Rokkitt,Averia Libre,Overpass,sans-serif;font-size:1.2rem;padding:14px 110px 14px 16px;transition:all .3s;width:100%}.input-wrapper input:focus{background:#5a5a5a;border-color:#cac722;box-shadow:0 0 0 3px #cac7221a;outline:none}.input-wrapper input.input-error{border-color:#f44}.input-unit{color:#999;font-size:1rem;pointer-events:none;position:absolute;right:50px}.error-message{background-color:#ff444426;border-left:3px solid #f44;border-radius:6px;color:#f66;font-size:.9rem;margin-bottom:8px;margin-top:8px;padding:10px 12px}.range-hint{color:#888;font-size:.85rem;margin-top:8px}.time-modal-footer{background-color:#3a3a3a;border-top:2px solid #555;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.time-modal-footer button{border:none;border-radius:8px;cursor:pointer;font-family:Rokkitt,Averia Libre,Overpass,sans-serif;font-size:1rem;font-weight:700;min-width:110px;padding:12px 28px;transition:all .3s ease}.btn-cancel{background-color:#666;color:#fff}.btn-cancel:hover{background-color:#777;transform:translateY(-2px)}.btn-save{background:#cac722;box-shadow:0 4px 12px #cac7224d;color:#33332b}.btn-save:hover{background:#f5f000;box-shadow:0 6px 16px #f5f00066;transform:translateY(-2px)}.btn-save:active{transform:translateY(0)}@media (max-width:600px){.time-modal{margin:20px;width:95%}.time-modal-header{padding:16px 20px}.time-modal-header h3{font-size:1.1rem}.time-modal-body{padding:20px}.input-wrapper input{font-size:1.1rem;padding:12px 14px}.time-modal-footer{flex-direction:column;padding:14px 20px}.time-modal-footer button{font-size:1.05rem;padding:14px;width:100%}}@media (hover:none) and (pointer:coarse){.time-modal-footer button{min-height:48px}.close-button{min-height:44px;min-width:44px}}: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: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}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:var(--color-primary);box-shadow:0 4px 15px #cac7224d}.btn-primary:hover{background-color:var(--color-accent);box-shadow:0 6px 20px #f5f00066}.btn-secondary{background-color:initial}.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}.section-title{color:var(--color-accent);font-size:2.5rem;margin-bottom:60px}.benefits-section{background-color:#4b4a32;background-color:var(--color-darker);padding:100px 20px}.benefits-grid{grid-gap:40px;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;padding:40px 30px}.benefit-card:hover{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}.benefit-title{color:var(--color-accent);font-size:1.5rem;margin-bottom:15px}.benefit-description{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%}.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:var(--color-accent);margin-top:0}.modal-content input{box-sizing:border-box;margin-bottom:15px;padding:8px;width:100%}.modal-buttons{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{position:relative}.orden-karaoke-table thead{background-color:#75743b;background-color:var(--color-dark);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}.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{background-color:#000000bf;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))}.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}}:root{--primary-color:#cac722;--secondary-color:#a09e35;--accent-color:#f5f000;--background-color:#33332b;--text-color:#fff}body{color:#fff;color:var(--text-color);font-family:Rokkitt,Averia Libre,Overpass,sans-serif;margin:0;padding:0}.client-menu-container,body{background-color:#33332b;background-color:var(--background-color)}.client-menu-container{align-items:center;justify-content:center;min-height:100vh;padding:20px}.client-menu-content{align-items:center;background-color:#444;border-radius:10px;display:flex;flex-direction:column;max-width:400px;padding:30px;text-align:center;width:100%}.client-menu-options{align-items:center;gap:15px}.client-menu-button{margin:0;padding:15px 0;width:80%}.client-login-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px}.client-logo{margin-bottom:20px;width:150px}.client-login-form{display:flex;flex-direction:column;max-width:300px;width:100%}.client-input{background-color:#33332b;background-color:var(--background-color);border:1px solid #a09e35;border:1px solid var(--secondary-color);border-radius:4px;color:var(--text-color);margin-bottom:10px}.client-button{background-color:#cac722;background-color:var(--primary-color);border-radius:4px;color:#33332b;color:var(--background-color);transition:background-color .3s ease}.client-button:hover{background-color:#f5f000;background-color:var(--accent-color)}.error-message{color:#ff6b6b;margin-bottom:10px}h3{color:#f5f000;color:var(--accent-color);margin-bottom:15px}.client-menu-container{background-color:#333;display:flex;flex-direction:column;height:100vh;overflow:hidden}.fixed-form-container{background-color:#333;padding:20px;position:sticky;top:0;z-index:1000}.scrollable-list-container{flex-grow:1;overflow-y:auto;padding:20px}.canciones-list{list-style-type:none;margin:0;padding:0}.client-form{display:flex;flex-direction:column;gap:10px}.client-input{background-color:#444;color:#fff}.client-button,.client-input{border:none;border-radius:5px;font-size:16px;padding:10px}.client-button{background-color:#c8b900;color:#000;cursor:pointer}.client-button:hover{background-color:#e6d400}.cancion-item{align-items:center;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px}.cancion-item.estado-tocada{background-color:#000;color:gold}.cancion-item.estado-programada{background-color:#f0f0f0;color:#333}.cancion-item.estado-ordenada{background-color:gold;color:#333}.cancion-item.estado-tocando{background-color:#1e90ff;color:#fff}.cancion-item-content{flex-grow:1}.cancion-item-title{font-weight:700;margin-bottom:5px}.cancion-item-artist{font-style:italic;margin-bottom:5px}.cancion-item-status{font-size:.9em}.cancion-item-actions{display:flex;gap:10px}.cancion-item-button{background-color:#333;border:none;border-radius:3px;color:#fff;cursor:pointer;padding:5px 10px}.cancion-item-button:hover{background-color:#555}.client-title{color:#fff;margin-bottom:20px}.client-menu-options{display:flex;flex-direction:column;max-width:300px;width:100%}.client-menu-button{background-color:#cac722;background-color:var(--primary-color);border:none;border-radius:8px;color:#33332b;color:var(--background-color);cursor:pointer;font-size:18px;margin-bottom:15px;padding:15px;transition:background-color .3s ease,transform .1s ease}.client-menu-button:hover{background-color:#f5f000;background-color:var(--accent-color);transform:scale(1.05)}.client-menu-button:active{transform:scale(.95)}.cancion-info{flex-grow:1}.cancion-nombre{font-size:1.1em;font-weight:700}.cancion-estado{color:#f5f000;color:var(--accent-color);font-weight:700}.cancion-controles{align-items:flex-end;display:flex;flex-direction:column}.orden-controles{align-items:center;display:flex;margin-bottom:10px}.orden-numero{font-weight:700;margin-right:10px}.orden-botones{display:flex;flex-direction:column}.orden-button{background-color:#cac722;background-color:var(--primary-color);border:none;border-radius:4px;color:#33332b;color:var(--background-color);cursor:pointer;margin:2px 0;padding:5px 8px}.orden-button:hover{background-color:#f5f000;background-color:var(--accent-color)}.delete-button{align-self:flex-end;background-color:#ff6b6b;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px}.delete-button:hover{background-color:#ff4757}.orden-karaoke-table{background-color:#000;color:#f5f000}.orden-karaoke-table td,.orden-karaoke-table th{border:1px solid #444;padding:10px;text-align:left}.orden-karaoke-table th{background-color:#cac722;color:#000}.orden-item{color:#f5f000!important}.orden-item,.orden-item.tocada{background-color:#000!important}.orden-item.tocada{color:#fff!important}.orden-item.video{background-color:#fff!important}.orden-item.mesa-usuario,.orden-item.tocando,.orden-item.video{color:#000!important}.orden-item.tocando{background-color:#1e90ff!important}.orden-item.siguiente{background-color:orange!important;border-left:5px solid #ff8c00;color:#000!important}.indicador-siguiente{animation:pulse-arrow 1.5s ease-in-out infinite;font-size:1.2em}@keyframes pulse-arrow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}table.orden-karaoke-table tr.orden-item.tocando{background-color:#1e90ff!important;color:#000!important}.cancion-info,.pendiente-info,.video-info{margin-top:5px}.cancion-info strong{font-size:1.1em}.video-info{font-weight:700}.pendiente-info{font-style:italic}.orden-item.mesa-usuario{background-color:#f5f000!important;color:#33332b!important;font-weight:700!important}.orden-item.video{background-color:#a09e35;color:#fff;font-weight:700}.orden-karaoke-wrapper{height:calc(100vh - 150px);overflow:hidden;position:relative;width:100%}.orden-karaoke-table-container{-webkit-overflow-scrolling:touch;height:100%;overflow-x:auto;overflow-y:auto}.orden-karaoke-table{border-collapse:collapse;min-width:750px;width:100%}.orden-karaoke-table thead{background-color:#f8f9fa;position:sticky;top:0;z-index:1}.orden-karaoke-table td,.orden-karaoke-table th{border-bottom:1px solid #dee2e6;overflow:hidden;padding:8px 12px;text-overflow:ellipsis;white-space:nowrap}.orden-karaoke-table td:first-child,.orden-karaoke-table td:nth-child(2),.orden-karaoke-table th:first-child,.orden-karaoke-table th:nth-child(2){min-width:60px;width:60px}.orden-karaoke-table td:nth-child(3),.orden-karaoke-table th:nth-child(3){min-width:120px;width:120px}.orden-karaoke-table td:nth-child(4),.orden-karaoke-table th:nth-child(4){min-width:200px;width:200px}.orden-karaoke-table td:nth-child(5),.orden-karaoke-table th:nth-child(5){min-width:150px;width:150px}.orden-karaoke-table td:nth-child(6),.orden-karaoke-table td:nth-child(7),.orden-karaoke-table th:nth-child(6),.orden-karaoke-table th:nth-child(7){min-width:80px;width:80px}@media screen and (max-width:768px){.client-menu-container{padding:10px}.client-title{font-size:1.2rem;margin-bottom:10px}.orden-karaoke-wrapper{height:calc(100vh - 100px)}.orden-karaoke-table td,.orden-karaoke-table th{font-size:.9rem;padding:6px 8px}}.orden-karaoke-table tr.tocando{background-color:#e8f5e9}.orden-karaoke-table tr.mesa-usuario{font-weight:700}.orden-karaoke-table tr:hover{background-color:#0000000a}@media (prefers-reduced-motion:reduce){.orden-karaoke-table-container{scroll-behavior:auto}}.karaoke-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;overflow:hidden;padding:10px;transition:all .3s ease;width:100vw}.karaoke-container.playing{padding:5px}.video-player-container{align-items:center;display:flex;height:calc(100vh - 20px);justify-content:center;transition:all .3s ease;width:calc(100% - 10px)}.video-player-container.fullscreen{height:100vh;width:100%}.youtube-player{height:100%;width:100%}.pendiente-message,.transition{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:auto;text-align:center;width:100%}.proximas-canciones{list-style-type:none;max-height:80vh;overflow-y:auto;padding:0;width:100%}.proxima-cancion{font-size:1.3em;margin-bottom:15px}.proxima-cancion.estado-ordenada{background:#cac72226;border:2px solid #cac722;border-radius:8px;padding:10px}.proxima-cancion.estado-ordenada .estado-label{color:#f5f000;display:block;font-size:.9em;font-weight:700;margin-top:5px}.cancion-titulo,.video-titulo{color:#f5f000;color:var(--accent-color);font-size:1.5em;font-weight:700}.cancion-artista,.cancion-cliente,.cancion-mesa{font-size:1.2em}.video-error{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.ver-youtube{background-color:#cac722;background-color:var(--primary-color);border-radius:5px;color:#33332b;color:var(--background-color);margin:20px 0;padding:10px 20px;text-decoration:none}.siguiente-button{background-color:#a09e35;background-color:var(--secondary-color);border:none;border-radius:5px;color:#fff;color:var(--text-color);cursor:pointer;font-size:1em;padding:10px 20px}.siguiente-button:hover{background-color:#f5f000;background-color:var(--accent-color)}.karaoke-container.fullscreen{height:100vh;padding:0;width:100vw}.karaoke-container.fullscreen .video-player-container{height:100vh}.pendiente-message{align-items:center;background-color:#33332b;background-color:var(--background-color);color:#f5f000;color:var(--accent-color);display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.pendiente-message h2{font-size:1.8em;margin-bottom:15px}.pendiente-message p{font-size:1.3em}.pendiente{background-color:#f003;border-radius:5px;color:red;font-size:1.5em;font-weight:700;padding:5px}.orden-item.cancion.programada{background-color:#cac7221a}.orden-item.cancion.tocada{background-color:#a09e351a;color:#ffffffb3}.orden-item.reproduciendo{background-color:#f5f000;color:#33332b;font-weight:700}.orden-item.programada{background-color:#e6f7ff}.orden-item.tocando{background-color:#d9f7be}.orden-item.tocada{background-color:#fff1f0}.orden-item.ordenada{background-color:#cac72233!important;border-left:4px solid #cac722;color:#f5f000!important}.orden-item.ordenada .badge-ordenada{background:#cac722;border-radius:3px;color:#33332b;font-size:.85em;font-weight:700;margin-left:5px;padding:2px 6px}body{padding-top:0}.scrollable-list-container::-webkit-scrollbar{width:10px}.scrollable-list-container::-webkit-scrollbar-track{background:#333}.scrollable-list-container::-webkit-scrollbar-thumb{background:#888;border-radius:5px}.scrollable-list-container::-webkit-scrollbar-thumb:hover{background:#555}.compartir-qr-container{align-items:center;background-color:#33332b;background-color:var(--background-color);display:flex;flex-direction:column;min-height:100vh;padding:20px}.qr-code-container{background-color:#fff;border-radius:10px;margin:20px 0;padding:20px}.download-qr-button{background-color:#cac722;background-color:var(--primary-color);border:none;border-radius:5px;color:#33332b;color:var(--background-color);cursor:pointer;font-size:16px;margin-top:20px;padding:10px 20px}.download-qr-button:hover{background-color:#f5f000;background-color:var(--accent-color)}.fila-normal{background-color:#33332b;background-color:var(--background-color);color:#fff;color:var(--text-color)}.fila-destacada{background-color:#f5f000;color:#33332b;font-weight:700}.cancion-item{background-color:#c8b900}.cancion-item.tocada{background-color:#a69d00}.mandar-reacciones{background-color:#33332b;background-color:var(--background-color);color:#fff;color:var(--text-color);margin:0 auto;max-width:600px;padding:20px}.comentarios-container{margin-top:20px;width:100%}.cancion-actual{background-color:#333;border-radius:5px}.cancion-actual,.nombre-usuario-input{color:#fff;margin-bottom:20px;padding:10px}.nombre-usuario-input{background-color:#444;border:1px solid #a09e35;border:1px solid var(--secondary-color);border-radius:5px;color:var(--text-color);width:100%}.comentarios-container,.reacciones-container{margin-bottom:20px}.reacciones-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));margin-bottom:10px}.reaccion-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px;transition:background-color .3s}.reaccion-button.selected{background-color:#45a049}.enviar-comentario-button,.enviar-reaccion-button{background-color:#008cba;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}.enviar-comentario-button:hover,.enviar-reaccion-button:hover{background-color:#007b9a}.reaccion-button:hover{background-color:#f5f000;background-color:var(--accent-color);transform:scale(1.05)}.reaccion-button:active{transform:scale(.95)}.comentario-textarea{background-color:#33332b;background-color:var(--background-color);border:1px solid #cac722;border:1px solid var(--primary-color);border-radius:4px;box-sizing:border-box;color:#fff;color:var(--text-color);margin-bottom:10px;min-height:100px;padding:10px;resize:vertical;width:100%}.enviar-comentario-button{background-color:#cac722;background-color:var(--primary-color);border:none;border-radius:4px;color:#33332b;color:var(--background-color);cursor:pointer;font-size:16px;padding:10px;width:100%}.enviar-comentario-button:hover{background-color:#f5f000;background-color:var(--accent-color)}@media (max-width:600px){.mandar-reacciones{padding:10px}.enviar-comentario-button,.enviar-reaccion-button,.reaccion-button{font-size:14px;padding:8px}}.floating-reactions-container{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1000}.floating-reaction{animation:float 5s ease-in-out infinite,fadeInOut 5s ease-in-out;background-color:#fffc;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:200px;padding:10px;position:absolute}.floating-reaction.reaccion{background-color:#cac722cc}.floating-reaction.comentario{background-color:#a09e35cc}.reaction-content{font-size:18px;margin-bottom:5px}.reaction-info{color:#333;font-size:12px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.reacciones-comentarios-container{position:relative;width:100%}.reacciones-comentarios-list{margin-top:20px;max-height:300px;overflow-y:auto}.item{background-color:#ffffff1a;border-radius:5px;margin-bottom:10px;padding:10px}.item.reaccion{border-left:5px solid #cac722;border-left:5px solid var(--primary-color)}.item.comentario{border-left:5px solid #a09e35;border-left:5px solid var(--secondary-color)}.contenido{display:block;font-size:1.1em;margin-bottom:5px}.usuario{font-weight:700;margin-right:10px}.timestamp{color:#999;font-size:.8em}.reacciones-comentarios-container{background-color:#000c;color:#fff;height:100vh;left:0;overflow:hidden;position:absolute;top:0;width:100vw;z-index:1000}.cajitas-container{height:80vh;overflow:hidden;position:relative;width:100%}.cajita{word-wrap:break-word;align-items:center;background-color:hsla(var(--hue),70%,60%,.8);border-radius:10px;display:flex;flex-direction:column;-webkit-hyphens:auto;hyphens:auto;justify-content:center;max-width:200px;min-width:100px;overflow-wrap:break-word;padding:10px;position:absolute;text-align:center}.cajita.reaccion{font-size:2em}.cajita.comentario{font-size:1em}.cajita .contenido{font-weight:700;margin-bottom:5px}.cajita .usuario{font-size:.8em;margin-bottom:3px}.cajita .mesa{font-size:.7em}.mensaje-error{background-color:#ff6b6b;border-radius:5px;color:#fff;margin-bottom:15px;padding:10px;text-align:center}.funciones-deshabilitadas{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:2px solid #ff6b6b;border-radius:15px;box-shadow:0 4px 15px #ff6b6b33;margin:30px 0;padding:40px 30px;text-align:center}.funciones-deshabilitadas .icono-deshabilitado{animation:pulse-icon 2s infinite;font-size:80px;margin-bottom:20px}@keyframes pulse-icon{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.funciones-deshabilitadas h3{color:#ff6b6b;font-size:28px;font-weight:700;margin-bottom:15px}.funciones-deshabilitadas .mensaje-principal{color:#fff;font-size:18px;font-weight:500;line-height:1.6;margin-bottom:25px}.funciones-deshabilitadas .info-adicional{background-color:#ffffff0d;border-radius:10px;margin-top:20px;padding:20px}.funciones-deshabilitadas .info-adicional p{color:#ccc;font-size:16px;line-height:1.5;margin-bottom:15px}.funciones-deshabilitadas .info-adicional p:last-child{margin-bottom:0}.funciones-deshabilitadas .tip{border-left:3px solid gold;color:gold;font-style:italic;margin-top:15px;padding-left:15px}@keyframes flotar{0%,to{transform:translate(0)}25%{transform:translate(10px,-10px)}50%{transform:translateY(-20px)}75%{transform:translate(-10px,-10px)}}@keyframes mover{0%{left:var(--left-position);top:var(--top-position)}25%{left:calc(var(--left-position) + 20%);top:calc(var(--top-position) - 20%)}50%{left:calc(var(--left-position) + 10%);top:calc(var(--top-position) + 30%)}75%{left:calc(var(--left-position) - 20%);top:calc(var(--top-position) + 10%)}to{left:var(--left-position);top:var(--top-position)}}.modo-reproduccion-toggle{background:var(--color-darker);border:2px solid var(--color-secondary);border-radius:8px;color:var(--color-primary);margin:20px 0;padding:15px}.modo-reproduccion-toggle label{align-items:center;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:10px}.modo-reproduccion-toggle input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;height:20px;width:20px}.beta-warning{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);border:2px solid #f44;border-radius:8px;box-shadow:0 4px 12px #ff44444d;color:#fff;margin:15px 0;padding:15px 20px}.beta-warning p{align-items:center;display:flex;font-size:15px;gap:8px;justify-content:center;margin:0}.beta-warning strong{font-weight:700}.evento-actual-info{background:var(--color-darker);border:2px solid var(--color-secondary);border-radius:8px;color:var(--color-primary);font-size:16px;margin:15px 0;padding:12px 20px;text-align:center}.evento-actual-info strong{color:var(--color-accent);margin-right:8px}.pantalla-inicio-beta{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:80vh;padding:30px}.pantalla-inicio-beta h2{color:var(--color-primary);font-size:32px;margin-bottom:10px}.pantalla-inicio-beta p{color:var(--color-text);font-size:18px;text-align:center}.iniciar-instruccion{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border:3px solid var(--color-accent);border-radius:12px;box-shadow:0 6px 20px #cac72266;margin-top:30px;padding:20px 40px}.iniciar-instruccion p{color:var(--color-darkest);font-size:24px;font-weight:700;margin:0}.iniciar-instruccion strong{color:var(--color-accent);font-size:28px;text-shadow:0 2px 4px #0000004d}.reproductor-manual{background:var(--color-darkest);display:flex;flex-direction:column;gap:15px;height:100vh;overflow:hidden;padding:15px}.cancion-actual-destacada{background:linear-gradient(135deg,var(--color-dark) 0,var(--color-darker) 100%);border:2px solid var(--color-secondary);border-radius:10px;box-shadow:0 5px 15px #00000080;color:var(--color-primary);flex-shrink:0;padding:20px}.cancion-actual-destacada h2{color:var(--color-accent);font-size:20px;margin-bottom:12px;margin-top:0}.cancion-actual-destacada .info-cancion{margin-bottom:12px}.cancion-actual-destacada .titulo{color:var(--color-accent);font-size:22px;font-weight:700;margin-bottom:6px}.cancion-actual-destacada .artista{color:var(--color-primary);font-size:18px;margin-bottom:8px;opacity:.9}.cancion-actual-destacada .mesa-cliente{color:var(--color-primary);font-size:14px;opacity:.9}.controles-principales{display:flex;gap:15px;margin-top:15px}.btn-abrir-youtube{background:var(--color-primary);border:none;border-radius:8px;color:var(--color-darkest);cursor:pointer;flex:1 1;font-size:16px;font-weight:700;padding:12px;transition:all .3s ease}.btn-abrir-youtube:hover{background:var(--color-accent);box-shadow:0 5px 15px #cac72280;transform:translateY(-2px)}.btn-marcar-reproducida{background:var(--color-secondary);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;padding:12px;transition:all .3s ease}.btn-marcar-reproducida:hover{background:var(--color-dark);box-shadow:0 5px 15px #a09e3580;transform:translateY(-2px)}.btn-marcar-reproducida:disabled{background:#666;box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.opcion-avance{border-top:1px solid var(--color-secondary);margin-top:12px;padding-top:12px}.opcion-avance label{align-items:center;color:var(--color-primary);cursor:pointer;display:flex;font-size:14px;gap:10px}.opcion-avance input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;height:16px;width:16px}.proximas-canciones-lista{background:var(--color-darker);border:2px solid var(--color-dark);border-radius:10px;box-shadow:0 5px 15px #0000004d;color:var(--color-primary);display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:15px}.proximas-canciones-lista h3{color:var(--color-accent);flex-shrink:0;font-size:18px;margin-bottom:15px;margin-top:0}.lista-items{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding-right:5px}.lista-items::-webkit-scrollbar{width:8px}.lista-items::-webkit-scrollbar-track{background:var(--color-darkest);border-radius:4px}.lista-items::-webkit-scrollbar-thumb{background:var(--color-secondary);border-radius:4px}.lista-items::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.item-cancion{align-items:center;background:var(--color-darkest);border-bottom:1px solid var(--color-dark);border-radius:6px;display:flex;flex-shrink:0;justify-content:space-between;padding:10px;transition:background .3s}.item-cancion:hover{background:var(--color-dark)}.item-cancion.estado-tocada{background:var(--color-darker);opacity:.5}.item-cancion.estado-tocando{background:var(--color-primary);border-left:4px solid var(--color-accent);color:var(--color-darkest)}.item-cancion.cancion-ordenada,.item-cancion.estado-ordenada{background:#cac72226;border-left:4px solid #cac722;border-right:2px solid #cac722}.item-cancion.cancion-ordenada:hover,.item-cancion.estado-ordenada:hover{background:#cac72240}.badge-ordenada{background:#cac722;border-radius:4px;color:#33332b;display:inline-block;font-size:11px;font-weight:700;margin-left:8px;padding:2px 8px}.alerta-ordenada{animation:pulse-warning 2s ease-in-out infinite;background:#cac72233;border:2px solid #cac722;border-radius:6px;color:#f5f000;font-weight:700;margin-top:10px;padding:10px;text-align:center}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.7}}.info-breve{align-items:center;display:flex;flex:1 1;gap:15px}.info-breve .numero{color:var(--color-accent);font-size:16px;font-weight:700;min-width:25px}.detalles{display:flex;flex-direction:column;gap:3px}.titulo-breve{color:var(--color-primary);font-size:14px;font-weight:700}.mesa-breve{color:var(--color-secondary);font-size:12px}.video-intermedio{color:var(--color-accent);font-size:14px;font-weight:700}.turno-pendiente{color:var(--color-secondary);font-size:14px;font-weight:700}.controles-item{display:flex;gap:10px}.btn-abrir-mini,.btn-marcar-mini{border:none;border-radius:4px;cursor:pointer;font-size:13px;padding:6px 10px;transition:all .3s ease}.btn-abrir-mini{background:var(--color-secondary);color:#fff}.btn-abrir-mini:hover{background:var(--color-dark);transform:translateY(-2px)}.btn-marcar-mini{background:var(--color-primary);color:var(--color-darkest)}.btn-marcar-mini:hover{background:var(--color-accent);transform:translateY(-2px)}.btn-refrescar-manual{align-items:center;background:var(--color-secondary);border:2px solid var(--color-primary);border-radius:50%;box-shadow:0 3px 10px #0000004d;color:var(--color-darkest);cursor:pointer;display:flex;font-size:20px;height:45px;justify-content:center;padding:0;position:fixed;right:20px;top:20px;transition:all .3s ease;width:45px;z-index:1002}.btn-refrescar-manual:hover{background:var(--color-primary);box-shadow:0 5px 15px #cac72280;transform:rotate(180deg) scale(1.1)}.btn-refrescar-manual:active{transform:rotate(180deg) scale(.95)}.btn-respaldo-manual{align-items:center;background:var(--color-secondary);border:2px solid var(--color-primary);border-radius:50%;box-shadow:0 2px 5px #0003;color:var(--color-darkest);cursor:pointer;display:flex;font-size:1.2rem;height:45px;justify-content:center;position:fixed;right:20px;top:75px;transition:all .3s ease;width:45px;z-index:1000}.btn-respaldo-manual:hover{background:#4caf50;border-color:#45a049;box-shadow:0 5px 15px #4caf5080;transform:scale(1.1)}.btn-respaldo-manual:active{transform:scale(.95)}.backup-feedback{animation:fadeInOut 3s ease-in-out;background:#000000d9;border-radius:8px;box-shadow:0 4px 10px #0000004d;color:#fff;font-size:.9rem;padding:10px 20px;position:fixed;right:20px;top:130px;z-index:1001}@keyframes fadeInOut{0%,to{opacity:0}10%,90%{opacity:1}}.btn-toggle-historial{background:var(--color-primary);border:none;border-radius:10px 0 0 10px;box-shadow:-3px 0 10px #0000004d;color:var(--color-darkest);cursor:pointer;font-size:16px;font-weight:700;padding:15px 20px;position:fixed;right:20px;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:1001}.btn-toggle-historial:hover{background:var(--color-accent);transform:translateY(-50%) translateX(-5px)}.panel-historial{animation:slideIn .3s ease-out;background:var(--color-darker);border-left:3px solid var(--color-secondary);box-shadow:-5px 0 20px #00000080;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:350px;z-index:1000}.panel-historial-header{align-items:center;background:var(--color-dark);border-bottom:2px solid var(--color-secondary);display:flex;justify-content:space-between;padding:20px}.panel-historial-header h3{color:var(--color-accent);font-size:20px;margin:0}.btn-cerrar-historial{background:#0000;border:none;color:var(--color-primary);cursor:pointer;font-size:24px;padding:5px 10px;transition:all .3s ease}.btn-cerrar-historial:hover{color:var(--color-accent);transform:rotate(90deg)}.historial-lista{flex:1 1;overflow-y:auto;padding:10px}.historial-lista::-webkit-scrollbar{width:8px}.historial-lista::-webkit-scrollbar-track{background:var(--color-darkest)}.historial-lista::-webkit-scrollbar-thumb{background:var(--color-secondary);border-radius:4px}.historial-lista::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.historial-vacio{color:var(--color-secondary);font-style:italic;padding:40px 20px;text-align:center}.historial-item{align-items:center;background:var(--color-darkest);border-left:4px solid var(--color-secondary);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px;transition:all .3s ease}.historial-item:hover{background:var(--color-dark);border-left-color:var(--color-accent);transform:translateX(-5px)}.historial-info{flex:1 1;margin-right:10px}.historial-titulo{word-wrap:break-word;color:var(--color-primary);font-size:16px;font-weight:700;margin-bottom:5px}.historial-artista{color:var(--color-secondary);font-size:14px;margin-bottom:3px}.historial-mesa{color:var(--color-primary);font-size:12px;opacity:.7}.btn-abrir-historial{align-items:center;background:var(--color-primary);border:none;border-radius:50%;color:var(--color-darkest);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.btn-abrir-historial:hover{background:var(--color-accent);box-shadow:0 3px 10px #cac72280;transform:scale(1.1)}.historial-loading{color:var(--color-secondary);font-style:italic;padding:20px;text-align:center}@media screen and (max-width:768px){.panel-historial{width:100%}.btn-toggle-historial{font-size:14px;padding:10px 15px;right:10px}}.eventos-admin-container{margin:0 auto;max-width:1400px;padding:20px}.tabs-container{border-bottom:2px solid #555;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.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}.tab:hover:not(.disabled){border-bottom-color:#cac722;border-bottom-color:var(--primary-color);color:#cac722;color:var(--primary-color)}.tab.active{border-bottom-color:#f5f000;border-bottom-color:var(--accent-color);color:#f5f000;color:var(--accent-color)}.tab.disabled{cursor:not-allowed;opacity:.4}.tab .badge-active{animation:pulse 2s infinite;color:#4ade80;font-size:10px;margin-left:5px}.tab .badge-count{background:#cac722;background:var(--primary-color);border-radius:10px;color:#33332b;color:var(--background-color);font-size:12px;font-weight:700;margin-left:8px;padding:2px 8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.save-feedback{animation: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}.save-feedback.success{background:#10b981;color:#fff}.save-feedback.error{background:#ef4444;color:#fff}.tab-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.crear-evento-section h2{color:#f5f000;color:var(--accent-color);font-size:28px;margin-bottom:30px}.crear-evento-form{background:#444;border-radius:12px;max-width:800px;padding:30px}.form-group{margin-bottom:25px}.form-group label{color:#cac722;color:var(--primary-color);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input[type=number],.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%}.form-group input:focus{background:#5a5a5a;border-color:#cac722;border-color:var(--primary-color);outline:none}.form-group small{color:#999;display:block;font-size:12px;margin-top:5px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.checkbox-group-vertical{display:flex;flex-direction:column;gap:15px}.checkbox-label{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:10px}.checkbox-label input[type=checkbox]{cursor:pointer;height:20px;width:20px}.btn-primary{background:#cac722;background:var(--primary-color);border:none;border-radius:8px;color:#33332b;color:var(--background-color);cursor:pointer;font-size:16px;font-weight:700;padding:15px 30px;transition:all .3s ease;width:100%}.btn-primary:hover{background:#f5f000;background:var(--accent-color);box-shadow:0 4px 8px #cac7224d}.btn-large{font-size:18px;margin-top:15px;padding:18px 40px}.evento-activo-section h2{color:#f5f000;color:var(--accent-color);font-size:28px;margin-bottom:30px}.cards-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(2,1fr)}.card{background:#444;border-radius:12px;box-shadow:0 4px 6px #0003;overflow:hidden;transition:all .3s ease}.card:hover{box-shadow:0 6px 12px #0000004d;transform:translateY(-3px)}.card-info{grid-column:span 2}.card-header{align-items:center;background:#3a3a3a;border-bottom:2px solid #555;display:flex;justify-content:space-between;padding:20px}.card-header h3{color:#cac722;color:var(--primary-color);font-size:20px;font-weight:700;margin:0}.card-body{padding:25px}.info-item{border-bottom:1px solid #555;display:flex;justify-content:space-between;padding:12px 0}.info-item:last-child{border-bottom:none}.info-label{color:#999;font-weight:600}.info-value{color:#fff;font-weight:600}.card-note{color:#888;display:block;font-size:13px;font-style:italic;margin-top:15px}.badge{border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.badge-activo{background:#10b981;color:#fff}.badge-cerrado{background:#6b7280;color:#fff}.control-group{margin-bottom:20px}.control-group:last-child{margin-bottom:0}.control-group>label:first-child{color:#cac722;color:var(--primary-color);display:block;font-size:14px;font-weight:600;margin-bottom:10px}.toggle-label{align-items:center;border-bottom:1px solid #555;display:flex;justify-content:space-between;padding:12px 0}.toggle-label span{color:#fff;font-size:15px;font-weight:600}.toggle-switch{height:28px;position:relative;width:56px}.toggle-switch input[type=checkbox]{height:0;opacity:0;width:0}.toggle-slider{background-color:#555;border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:20px;left:4px;position:absolute;transition:.4s;width:20px}.toggle-switch input:checked+.toggle-slider{background-color:#cac722;background-color:var(--primary-color)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(28px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 1px #cac722;box-shadow:0 0 1px var(--primary-color)}.input-with-unit{align-items:center;display:flex;gap:10px}.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}.input-with-unit input:focus{background:#5a5a5a;border-color:#cac722;border-color:var(--primary-color);outline:none}.input-with-unit .unit{color:#999;font-size:14px;font-weight:600}.input-with-unit.editable-field{cursor:pointer;position:relative;transition:all .3s ease}.input-with-unit.editable-field:hover{background:#5a5a5a;transform:scale(1.02)}.input-with-unit.editable-field input{cursor:pointer;pointer-events:none}.input-with-unit .edit-icon{font-size:18px;opacity:.6;pointer-events:none;position:absolute;right:75px;transition:opacity .3s ease}.input-with-unit.editable-field:hover .edit-icon{opacity:1}.control-hint{color:#888;display:block;font-size:12px;margin-top:8px}.volume-control{align-items:center;display:flex;gap:15px}.volume-slider{-webkit-appearance:none;background:#555;border-radius:5px;flex:1 1;height:8px;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#cac722;background:var(--primary-color);border-radius:50%;cursor:pointer;height:20px;-webkit-transition:all .3s ease;transition:all .3s ease;width:20px}.volume-slider::-webkit-slider-thumb:hover{background:#f5f000;background:var(--accent-color);transform:scale(1.2)}.volume-slider::-moz-range-thumb{background:#cac722;background:var(--primary-color);border:none;border-radius:50%;cursor:pointer;height:20px;-moz-transition:all .3s ease;transition:all .3s ease;width:20px}.volume-slider::-moz-range-thumb:hover{background:#f5f000;background:var(--accent-color);transform:scale(1.2)}.volume-slider:disabled{cursor:not-allowed;opacity:.4}.volume-value{color:#fff;font-size:18px;font-weight:700;min-width:50px;text-align:right}.volume-indicator{background:#555;border-radius:3px;height:6px;margin-top:10px;overflow:hidden}.volume-bar{background:linear-gradient(90deg,#cac722,#f5f000);background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:3px;height:100%;transition:width .3s ease}.btn-danger{background:#ef4444;border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:700;padding:12px 25px;transition:all .3s ease}.btn-danger:hover{background:#dc2626;box-shadow:0 4px 8px #ef44444d;transform:translateY(-2px)}.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}.btn-secondary:hover{background:#4b5563}.btn-block{margin-top:15px;width:100%}.historial-section h2{color:#f5f000;color:var(--accent-color);font-size:28px;margin-bottom:30px}.empty-state{background:#444;border-radius:12px;padding:60px 30px;text-align:center}.empty-state p{color:#999;font-size:18px;margin:0}.historial-list{display:flex;flex-direction:column;gap:20px}.historial-card{background:#444;border-radius:12px;box-shadow:0 4px 6px #0003;padding:25px;transition:all .3s ease}.historial-card:hover{box-shadow:0 6px 12px #0000004d;transform:translateX(5px)}.historial-header{align-items:center;border-bottom:2px solid #555;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.historial-header h3{color:#fff;font-size:22px;font-weight:700;margin:0}.historial-info{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.info-row{color:#fff;display:flex;gap:10px}.info-row .info-label{color:#999;font-weight:600;min-width:60px}.historial-estadisticas{background:#3a3a3a;border-radius:8px;margin:1rem 0;padding:1rem}.historial-estadisticas h4{color:#cac722;color:var(--primary-color);font-size:.95rem;font-weight:700;margin:0 0 .75rem}.stats-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item{background:#505050;border-left:3px solid #cac722;border-left:3px solid var(--primary-color);border-radius:4px;display:flex;justify-content:space-between;padding:.5rem}.stat-item.stat-highlight{background:#4a4a32;border-left-color:#f5f000;border-left-color:var(--accent-color)}.stat-label{color:#ccc;font-size:14px;font-weight:500}.stat-value{color:#fff;font-size:16px;font-weight:600}.historial-details{border-top:1px solid #555;margin-top:15px;padding-top:15px}.historial-details summary{color:#cac722;color:var(--primary-color);cursor:pointer;font-weight:600;padding:10px 0;-webkit-user-select:none;user-select:none}.historial-details summary:hover{color:#f5f000;color:var(--accent-color)}.config-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-top:15px}.config-item{display:flex;flex-direction:column;gap:5px}.config-label{color:#999;font-size:13px;font-weight:600}.config-item span:last-child{color:#fff;font-weight:600}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.modal-content{background:#444;border-radius:12px;box-shadow:0 10px 25px #00000080;max-width:500px;padding:35px;width:90%}.modal-content h3{color:#f5f000;color:var(--accent-color);font-size:24px;margin:0 0 15px}.modal-content p{color:#fff;line-height:1.6;margin:15px 0}.modal-input{background:#555;border:2px solid #666;border-radius:8px;color:#fff;font-size:16px;margin:15px 0;padding:12px 15px;width:100%}.modal-input:focus{background:#5a5a5a;border-color:#cac722;border-color:var(--primary-color);outline:none}.modal-buttons{display:flex;gap:15px;margin-top:25px}.modal-buttons button{flex:1 1}@media screen and (max-width:1024px){.cards-grid{grid-template-columns:1fr}.card-info{grid-column:span 1}.config-grid{grid-template-columns:1fr}}@media screen and (max-width:768px){.eventos-admin-container{padding:10px}.tabs-container{gap:5px;margin-bottom:20px}.tab{flex:1 1;font-size:14px;padding:12px 15px;text-align:center}.tab .badge-count{display:none}.save-feedback{font-size:14px;left:10px;padding:12px 15px;right:10px;top:10px}.crear-evento-section h2,.evento-activo-section h2,.historial-section h2{font-size:22px;margin-bottom:20px}.crear-evento-form{padding:20px}.form-row{grid-template-columns:1fr}.cards-grid{gap:15px}.card-header{align-items:flex-start;flex-direction:column;gap:10px;padding:15px}.card-body{padding:20px}.config-grid{gap:10px;grid-template-columns:1fr}.historial-card{padding:20px}.historial-header{align-items:flex-start;flex-direction:column;gap:10px}.stats-grid{grid-template-columns:1fr}.modal-content{padding:25px 20px}.modal-buttons{flex-direction:column}.toggle-switch{height:32px;width:64px}.toggle-slider:before{height:24px;width:24px}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(32px)}.btn-danger,.btn-primary,.btn-secondary{font-size:16px;padding:15px 25px}}@media screen and (max-width:480px){.tab{font-size:12px;padding:10px 8px}.card-header h3{font-size:16px}.historial-header h3{font-size:18px}}.promotional-footer{align-items:center;animation:slideUp .3s ease-out;background:linear-gradient(135deg,#cac722,#a09e35);bottom:0;box-shadow:0 -2px 10px #0003;color:#33332b;cursor:pointer;display:flex;justify-content:space-between;left:0;padding:12px 20px;position:fixed;right:0;transition:transform .3s ease;z-index:999}.promotional-footer:hover{box-shadow:0 -4px 15px #0000004d;transform:translateY(-2px)}.promo-content{align-items:center;display:flex;flex:1 1;gap:10px}.promo-icon{animation:bounce 2s infinite;font-size:1.5rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.promo-text{font-size:14px;font-weight:500;line-height:1.4}.promo-text strong{font-weight:700;text-decoration:underline}.promo-arrow{font-size:1.2rem;font-weight:700;margin-left:auto}.promo-dismiss{background:none;border:none;color:#33332b;cursor:pointer;font-size:1.8rem;font-weight:700;line-height:1;opacity:.7;padding:0 10px;transition:opacity .3s ease}.promo-dismiss:hover{opacity:1}@media screen and (max-width:480px){.promotional-footer{padding:10px 15px}.promo-text{font-size:12px}.promo-icon{font-size:1.2rem}.promo-dismiss{font-size:1.5rem;padding:0 5px}}.become-host-page{background:linear-gradient(135deg,#2c2c24,#33332b);color:#fff;min-height:100vh;padding-bottom:60px}.become-host-container{margin:0 auto;max-width:800px;padding:20px}.become-host-header{padding:30px 0;text-align:center}.back-link{align-items:center;background:none;border:none;border-radius:6px;color:#cac722;cursor:pointer;display:inline-flex;font-size:16px;margin-bottom:20px;padding:8px 12px;transition:all .3s ease}.back-link:hover{background:#cac7221a;transform:translateX(-3px)}.main-title{color:#f5f000;font-size:2rem;font-weight:700;line-height:1.3;margin:0 0 15px}.subtitle{color:#cac722;font-size:1.1rem;font-weight:400;margin:0}.benefits-section{margin:40px 0}.benefits-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.benefit-card{background:#cac7221a;border:2px solid #cac7224d;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.benefit-card:hover{background:#cac72233;border-color:#cac722;transform:translateY(-3px)}.benefit-icon{font-size:2.5rem;margin-bottom:10px}.benefit-title{color:#f5f000;font-size:1rem;font-weight:600;margin:0 0 8px}.benefit-description{color:#cac722;font-size:.85rem;line-height:1.4;margin:0}.plans-section{margin:50px 0}.section-title{color:#f5f000;font-size:1.8rem;font-weight:700;margin:0 0 30px;text-align:center}.plans-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.plan-card-simple{background:#444;border:2px solid #555;border-radius:16px;padding:25px;position:relative;transition:all .3s ease}.plan-card-simple:hover{border-color:#cac722;box-shadow:0 8px 20px #0000004d;transform:translateY(-5px)}.plan-card-simple.featured{background:linear-gradient(135deg,#444,#3a3a32);border-color:#f5f000;box-shadow:0 4px 15px #f5f00033}.recommended-badge-simple{background:linear-gradient(135deg,#f5f000,#cac722);border-radius:20px;color:#33332b;display:inline-block;font-size:.75rem;font-weight:700;margin-bottom:15px;padding:6px 15px;text-align:center}.plan-icon{font-size:3rem;margin-bottom:15px;text-align:center}.plan-name{font-size:1.5rem;margin:0 0 10px;text-align:center}.plan-description{color:#cac722;font-size:.95rem;line-height:1.5;margin:0 0 20px;text-align:center}.plan-price-simple{background:#cac7221a;border-radius:10px;margin:20px 0;padding:15px;text-align:center}.plan-price-simple .price{color:#f5f000;display:block;font-size:2.5rem;font-weight:700;line-height:1}.plan-price-simple .period{color:#cac722;display:block;font-size:1rem;margin-top:5px}.plan-features-simple{list-style:none;margin:20px 0;padding:0}.plan-features-simple li{border-bottom:1px solid #cac72233;color:#fff;font-size:.95rem;padding:10px 0}.plan-features-simple li:last-child{border-bottom:none}.cta-section{background:linear-gradient(135deg,#cac72226,#a09e3526);border:2px solid #cac7224d;border-radius:16px;margin:50px 0;padding:40px 20px;text-align:center}.cta-title{color:#f5f000;font-size:1.8rem;font-weight:700;margin:0 0 15px}.cta-description{color:#cac722;font-size:1rem;line-height:1.6;margin:0 0 30px}.cta-buttons{display:flex;flex-direction:column;gap:15px;margin:0 auto;max-width:400px}.btn-cta-primary{background:linear-gradient(135deg,#f5f000,#cac722);border:none;border-radius:10px;box-shadow:0 4px 10px #f5f0004d;color:#33332b;cursor:pointer;font-size:1.1rem;font-weight:700;padding:16px 30px;transition:all .3s ease}.btn-cta-primary:hover{box-shadow:0 6px 15px #f5f00066;transform:translateY(-3px)}.btn-cta-secondary{background:#0000;border:2px solid #cac722;border-radius:10px;color:#f5f000;cursor:pointer;font-size:1rem;font-weight:600;padding:16px 30px;transition:all .3s ease}.btn-cta-secondary:hover{background:#cac7221a;border-color:#f5f000;transform:translateY(-3px)}.footer-info{border-top:1px solid #cac72233;margin:40px 0 20px;padding-top:30px;text-align:center}.footer-info p{color:#cac722;font-size:.95rem;margin:10px 0}.footer-info a{color:#f5f000;text-decoration:underline;transition:color .3s ease}.footer-info a:hover{color:#fff}@media screen and (max-width:768px){.become-host-container{padding:15px}.main-title{font-size:1.6rem}.subtitle{font-size:1rem}.benefits-grid{grid-template-columns:1fr}.section-title{font-size:1.5rem}.plan-name{font-size:1.3rem}.plan-price-simple .price{font-size:2rem}.cta-title{font-size:1.5rem}}@media screen and (max-width:480px){.become-host-page{padding-bottom:80px}.become-host-container{padding:10px}.become-host-header{padding:20px 0}.main-title{font-size:1.4rem}.subtitle{font-size:.9rem}.benefit-card{padding:15px}.benefit-icon{font-size:2rem}.benefit-title{font-size:.9rem}.benefit-description{font-size:.8rem}.plan-card-simple{padding:20px}.plan-icon{font-size:2.5rem}.plan-features-simple li{font-size:.85rem;padding:8px 0}.cta-section{padding:30px 15px}.cta-title{font-size:1.3rem}.cta-description{font-size:.9rem}.btn-cta-primary,.btn-cta-secondary{font-size:1rem;padding:14px 25px}.footer-info p{font-size:.85rem}}.client-home-button{align-items:center;background-color:#cac722;background-color:var(--primary-color,#cac722);border:none;border-radius:50%;box-shadow:0 4px 8px #0000004d;color:#33332b;color:var(--background-color,#33332b);cursor:pointer;display:flex;height:50px;justify-content:center;left:20px;position:fixed;top:20px;transition:all .3s ease;width:50px;z-index:1000}.client-home-button:hover{background-color:#f5f000;background-color:var(--accent-color,#f5f000);box-shadow:0 6px 12px #0006;transform:scale(1.1)}.client-home-button:active{transform:scale(.95)}.client-home-button svg{height:24px;width:24px}@media screen and (max-width:768px){.client-home-button{height:45px;left:15px;top:15px;width:45px}.client-home-button svg{height:20px;width:20px}}.subscription-plans-container{background-color:var(--color-darkest);margin:0 auto;max-width:1400px;min-height:100vh;padding:40px 20px}.plans-header{margin-bottom:50px;text-align:center}.plans-header h1{color:var(--color-primary);font-size:2.5rem;margin-bottom:10px}.plans-header p{color:var(--color-accent);font-size:1.1rem}.billing-toggle{display:flex;gap:10px;justify-content:center;margin-top:30px}.billing-toggle button{background:var(--color-darkest);border:2px solid var(--color-primary);border-radius:25px;color:var(--color-primary);cursor:pointer;font-size:1rem;padding:12px 30px;transition:all .3s}.billing-toggle button.active{background:var(--color-primary);color:var(--color-darkest);font-weight:700}.discount-badge{background:#f44;border-radius:10px;color:#fff;font-size:.8rem;margin-left:5px;padding:2px 8px}.plans-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:50px}.plan-card{background:var(--color-darker);border:2px solid var(--color-dark);border-radius:15px;padding:30px;position:relative;transition:all .3s}.plan-card:hover{border-color:var(--color-primary);box-shadow:0 10px 30px #cac7224d;transform:translateY(-5px)}.plan-card.recommended{background:linear-gradient(135deg,var(--color-darker) 0,var(--color-darkest) 100%);border-color:var(--color-accent);border-width:3px}.recommended-badge{background:var(--color-accent);color:var(--color-darkest);right:20px}.current-plan-badge,.recommended-badge{border-radius:20px;font-size:.9rem;font-weight:700;padding:5px 15px;position:absolute;top:-15px}.current-plan-badge{background:#4caf50;color:#fff;left:20px}.plan-card.current-plan{border-color:#4caf50;border-width:3px}.plan-card h2{color:var(--color-primary);font-size:1.8rem;margin-bottom:10px}.plan-subtitle{color:var(--color-accent);font-size:.9rem;font-style:italic;margin-bottom:20px;opacity:.8}.plan-price{margin-bottom:30px}.price-amount{color:var(--color-accent);font-size:2.5rem;font-weight:700}.price-period{font-weight:400}.price-period,.price-subtitle{color:var(--color-primary);font-size:1rem}.price-subtitle,.savings{margin-top:5px}.savings{color:#4caf50;font-size:.9rem;font-weight:700}.plan-features{list-style:none;margin:0 0 30px;min-height:200px;padding:0}.plan-features li{border-bottom:1px solid var(--color-dark);color:var(--color-primary);font-size:.95rem;padding:10px 0}.select-plan-btn{background:var(--color-primary);border:none;border-radius:8px;color:var(--color-darkest);cursor:pointer;font-size:1.1rem;font-weight:700;padding:15px;transition:all .3s;width:100%}.select-plan-btn:hover:not(:disabled){background:var(--color-accent);transform:scale(1.02)}.select-plan-btn:disabled{cursor:not-allowed;opacity:.6}.plans-footer{color:var(--color-primary);margin-top:40px;text-align:center}.plans-footer a{color:var(--color-accent);font-weight:700;text-decoration:none}.billing-dashboard{background-color:var(--color-darkest);margin:0 auto;min-height:100vh;padding:40px 20px}.billing-dashboard h1{color:var(--color-primary);font-size:2.2rem}.subscription-info-card{background:var(--color-darker);border:2px solid var(--color-dark)}.subscription-info-card h2{color:var(--color-primary);font-size:1.5rem;margin-bottom:20px}.plan-name{color:var(--color-accent);font-size:2rem;margin-bottom:20px}.inactive-badge{background:#f44;font-size:.8rem}.plan-details{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item .label{color:#666;font-size:.9rem;margin-bottom:5px}.detail-item .value{color:var(--color-primary);font-size:1.2rem}.detail-item .value.active{color:#4caf50}.detail-item .value.inactive{color:#f44}.btn-danger,.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 25px;transition:all .3s}.btn-primary{background:var(--color-primary);color:var(--color-darkest)}.btn-primary:hover:not(:disabled){background:var(--color-accent)}.btn-secondary{background:var(--color-dark);border:2px solid var(--color-primary);color:var(--color-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-darker)}.btn-danger{background:#c00}.btn-danger:hover:not(:disabled){background:#900}.btn-danger:disabled,.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.transactions-section{background:var(--color-darker);border:2px solid var(--color-dark)}.transactions-section h2{font-size:1.5rem;margin-bottom:20px}.no-transactions,.transactions-section h2{color:var(--color-primary)}.transactions-table{border-collapse:collapse}.transactions-table th{background:var(--color-dark);border-bottom:2px solid var(--color-primary);color:var(--color-primary);padding:12px}.transactions-table td{border-bottom:1px solid var(--color-dark);color:var(--color-primary);padding:15px 12px}.transactions-table tr:hover{background:var(--color-dark)}.status-badge{border-radius:12px;font-size:.85rem;padding:5px 10px;text-transform:capitalize}.status-completed{background:#d4edda;color:#155724}.status-pending{background:#fff3cd;color:#856404}.status-failed{background:#f8d7da;color:#721c24}.status-refunded{background:#d1ecf1;color:#0c5460}.purchase-events-container{background-color:var(--color-darkest);margin:0 auto;max-width:900px;min-height:100vh;padding:40px 20px;text-align:center}.purchase-events-container h1{color:var(--color-primary);font-size:2.2rem;margin-bottom:10px}.purchase-events-container>p{color:var(--color-accent);font-size:1.1rem;margin-bottom:40px}.event-packages{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.package-card{background:var(--color-darker);border:2px solid var(--color-dark);border-radius:15px;padding:40px 30px;position:relative;transition:all .3s}.package-card:hover{border-color:var(--color-primary);box-shadow:0 10px 30px #cac7224d;transform:translateY(-5px)}.package-card.recommended{background:linear-gradient(135deg,var(--color-darker) 0,var(--color-darkest) 100%);border-color:var(--color-accent);border-width:3px}.package-card h2{color:var(--color-primary);font-size:1.5rem;margin-bottom:20px}.package-price{color:var(--color-accent);font-size:2.5rem;font-weight:700;margin-bottom:10px}.savings-badge{color:#4caf50;display:block;font-size:1rem;margin-top:5px}.package-features{list-style:none;margin:30px 0;padding:0;text-align:left}.package-features li{border-bottom:1px solid var(--color-dark);color:var(--color-primary);padding:10px 0}.error-message{background:#c00;border:1px solid #900;border-radius:8px;color:#fff;margin-bottom:20px;padding:15px}.billing-dashboard.error,.billing-dashboard.loading{background-color:var(--color-darkest);color:var(--color-primary);font-size:1.2rem;min-height:100vh;padding:100px 20px}@media (max-width:768px){.plans-grid{grid-template-columns:1fr}.billing-toggle,.plan-actions{flex-direction:column}.plan-actions button{width:100%}.transactions-table{font-size:.85rem}.transactions-table td,.transactions-table th{padding:8px}}.billing-dashboard{background-color:var(--color-darker);border-radius:15px;box-shadow:0 6px 20px #0006;color:var(--color-primary);margin:40px auto;max-width:1200px;padding:30px}.billing-dashboard h1{border-bottom:3px solid var(--color-primary);color:var(--color-accent);font-size:2.5em;margin-bottom:30px;padding-bottom:15px;text-align:center;text-shadow:2px 2px 4px #00000080}.billing-dashboard h2{align-items:center;color:var(--color-accent);display:flex;font-size:1.8em;gap:10px;margin-bottom:20px}.billing-dashboard h2:before{background-color:var(--color-accent);border-radius:3px;content:"";display:inline-block;height:25px;width:5px}.subscription-info-card{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:3px solid #cac722;border-radius:15px;box-shadow:0 4px 15px #cac7224d;margin-bottom:40px;overflow:hidden;padding:30px;position:relative}.subscription-info-card:before{background:linear-gradient(90deg,#cac722,#f5f000,#cac722);content:"";height:5px;left:0;position:absolute;top:0;width:100%}.plan-name{align-items:center;color:#f5f000;display:flex;flex-wrap:wrap;font-size:2.5em;font-weight:700;gap:15px;letter-spacing:2px;margin-bottom:25px;text-transform:uppercase}.inactive-badge{background-color:#e74c3c;border-radius:20px;color:#fff;font-size:.5em;font-weight:400;letter-spacing:1px;padding:5px 15px}.plan-details{grid-gap:20px;background-color:#1a1a1a;border:1px solid #555;border-radius:10px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px;padding:20px}.detail-item{flex-direction:column;gap:8px}.detail-item .label{color:#999;font-size:.9em;font-weight:700;letter-spacing:1px;text-transform:uppercase}.detail-item .value{color:#f5f000;font-size:1.3em;font-weight:700}.detail-item .value.active{color:#51cf66}.detail-item .value.inactive{color:#e74c3c}.plan-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:25px}.plan-actions .btn-danger,.plan-actions .btn-primary,.plan-actions .btn-secondary{border:none;border-radius:8px;box-shadow:0 3px 10px #0000004d;cursor:pointer;font-size:1.1em;font-weight:700;letter-spacing:1px;padding:12px 30px;text-transform:uppercase;transition:all .3s ease}.btn-primary{background-color:#cac722;color:#1a1a1a}.btn-primary:hover{background-color:#f5f000;box-shadow:0 5px 15px #f5f00066;transform:translateY(-2px)}.btn-secondary{background-color:#1a1a1a;border:2px solid #cac722;color:#cac722}.btn-secondary:hover{background-color:#2a2a2a;border-color:#f5f000;color:#f5f000}.btn-danger{background-color:#e74c3c;color:#fff}.btn-danger:hover:not(:disabled){background-color:#c0392b;transform:translateY(-2px)}.btn-danger:disabled{cursor:not-allowed;opacity:.6}.transactions-section{background-color:#1a1a1a;border:2px solid #555;border-radius:15px;padding:30px}.no-transactions{color:#999;font-size:1.2em;font-style:italic;padding:40px;text-align:center}.transactions-table{border-collapse:initial;border-radius:10px;border-spacing:0;margin-top:20px;overflow:hidden;width:100%}.transactions-table thead{background-color:#cac722;color:#1a1a1a}.transactions-table th{font-size:.9em;font-weight:700;letter-spacing:1px;padding:15px;text-align:left;text-transform:uppercase}.transactions-table th:first-child{border-top-left-radius:10px}.transactions-table th:last-child{border-top-right-radius:10px}.transactions-table td{border-bottom:1px solid #2a2a2a;color:#cac722;padding:15px}.transactions-table tbody tr{background-color:#2a2a2a;transition:all .2s ease}.transactions-table tbody tr:hover{background-color:#333}.transactions-table tbody tr:last-child td{border-bottom:none}.status-badge{border-radius:20px;display:inline-block;font-size:.85em;font-weight:700;letter-spacing:.5px;padding:5px 15px;text-transform:uppercase}.status-completed{background-color:#51cf66;color:#fff}.status-pending{background-color:#ffd43b;color:#333}.status-failed{background-color:#e74c3c;color:#fff}.status-refunded{background-color:#868e96;color:#fff}.billing-dashboard.error,.billing-dashboard.loading{align-items:center;color:#f5f000;display:flex;font-size:1.5em;justify-content:center;min-height:400px;text-align:center}.billing-dashboard.error{color:#e74c3c}@media (max-width:768px){.billing-dashboard{margin:20px 10px;padding:20px}.billing-dashboard h1{font-size:2em}.plan-name{font-size:1.8em}.plan-details{grid-template-columns:1fr}.plan-actions{flex-direction:column}.plan-actions button{width:100%}.transactions-table{font-size:.85em}.transactions-table td,.transactions-table th{padding:10px 8px}}.branding-settings-container{background-color:#2a2a2a;border-radius:15px;box-shadow:0 6px 20px #0006;color:#cac722;margin:40px auto;max-width:1400px;min-height:600px;padding:30px}.branding-settings-container h1{border-bottom:3px solid #cac722;color:#f5f000;font-size:2.5em;margin-bottom:15px;padding-bottom:15px;text-align:center;text-shadow:2px 2px 4px #00000080}.branding-subtitle{color:#999;font-size:1.1em;margin-bottom:30px;text-align:center}.plan-restriction-banner{background:linear-gradient(135deg,#e74c3c,#c0392b);border:2px solid #a93226;border-radius:10px;color:#fff;margin-bottom:30px;padding:20px;text-align:center}.plan-restriction-banner h3{font-size:1.5em;margin:0 0 10px}.plan-restriction-banner p{font-size:1.1em;margin:5px 0}.plan-restriction-banner .upgrade-link{background-color:#fff;border-radius:8px;color:#e74c3c;display:inline-block;font-weight:700;margin-top:15px;padding:10px 25px;text-decoration:none;transition:all .3s ease}.plan-restriction-banner .upgrade-link:hover{background-color:#f5f000;color:#1a1a1a;transform:translateY(-2px)}.branding-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:30px}.branding-section{background-color:#1a1a1a;border:2px solid #555;border-radius:12px;padding:25px}.branding-section h2{align-items:center;color:#f5f000;display:flex;font-size:1.5em;gap:10px;margin-bottom:20px}.branding-section h2:before{background-color:#cac722;border-radius:2px;content:"";height:20px;width:4px}.logo-upload-area{background-color:#2a2a2a;border:3px dashed #555;border-radius:12px;cursor:pointer;padding:30px;text-align:center;transition:all .3s ease}.logo-upload-area:hover{background-color:#333;border-color:#cac722}.logo-upload-area.has-logo{border-color:#cac722;border-style:solid}.logo-preview{margin-bottom:20px}.logo-preview img{background-color:#fff;border:2px solid #555;border-radius:8px;max-height:200px;max-width:200px;padding:10px}.logo-placeholder{align-items:center;background-color:#2a2a2a;border:2px dashed #555;border-radius:8px;color:#999;font-size:1.1em;height:200px;margin:0 auto 20px;width:200px}.logo-actions,.logo-placeholder{display:flex;justify-content:center}.logo-actions{flex-wrap:wrap;gap:10px;margin-top:15px}.logo-actions button,.logo-actions label{border:none;border-radius:8px;cursor:pointer;font-size:1em;font-weight:700;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .3s ease}.btn-upload{background-color:#cac722;color:#1a1a1a}.btn-upload:hover:not(:disabled){background-color:#f5f000;transform:translateY(-2px)}.btn-delete{background-color:#e74c3c;color:#fff}.btn-delete:hover:not(:disabled){background-color:#c0392b}.btn-select{background-color:#555;color:#fff;display:inline-block}.btn-select:hover{background-color:#666}button:disabled,label.disabled{cursor:not-allowed;opacity:.5}.file-input-hidden{display:none}.upload-info{color:#999;font-size:.9em;margin-top:10px}.color-picker-group{display:flex;flex-direction:column;gap:20px}.color-picker-item{display:flex;flex-direction:column;gap:10px}.color-picker-item label{color:#cac722;font-size:1.1em;font-weight:700}.color-input-wrapper{align-items:center;background-color:#2a2a2a;border:1px solid #555;border-radius:8px;display:flex;gap:15px;padding:15px}.color-preview{border:2px solid #555;border-radius:8px;cursor:pointer;height:60px;transition:all .3s ease;width:60px}.color-preview:hover{border-color:#cac722;transform:scale(1.05)}.color-text-input{background-color:#1a1a1a;border:1px solid #555;border-radius:8px;color:#cac722;flex:1 1;font-family:monospace;font-size:1.1em;padding:10px 15px;text-transform:uppercase}.color-text-input:focus{border-color:#cac722;outline:none}.reset-colors-section{border-top:2px solid #555;display:flex;justify-content:center;margin-top:25px;padding-top:20px}.btn-reset-colors{background-color:#555;border:2px solid #777;border-radius:8px;color:#fff;cursor:pointer;font-size:1em;font-weight:700;letter-spacing:.5px;padding:12px 25px;text-transform:uppercase;transition:all .3s ease}.btn-reset-colors:hover:not(:disabled){background-color:#cac722;border-color:#cac722;box-shadow:0 4px 10px #cac72266;color:#1a1a1a;transform:translateY(-2px)}.btn-reset-colors:disabled{cursor:not-allowed;opacity:.5}.business-name-input{background-color:#2a2a2a;border:2px solid #555;border-radius:8px;box-sizing:border-box;color:#cac722;font-size:1.2em;padding:15px;width:100%}.business-name-input:focus{border-color:#cac722;outline:none}.preview-section{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:3px solid #cac722;border-radius:12px;grid-column:1/-1;padding:30px}.preview-section h2{color:#f5f000;margin-bottom:25px;text-align:center}.preview-content{align-items:center;background-color:#2a2a2a;border-radius:10px;display:flex;flex-wrap:wrap;gap:30px;justify-content:space-around;min-height:200px;padding:30px}.preview-logo{border-radius:8px;box-shadow:0 4px 10px #0000004d;max-height:150px;max-width:150px}.preview-text{font-size:2em;font-weight:700;text-align:center;text-shadow:2px 2px 4px #00000080}.preview-button{border:none;border-radius:8px;box-shadow:0 4px 10px #0000004d;cursor:pointer;font-size:1.2em;font-weight:700;padding:15px 40px;text-transform:uppercase;transition:all .3s ease}.preview-button:hover{box-shadow:0 6px 15px #0006;transform:translateY(-2px)}.save-section{display:flex;justify-content:center;margin-top:30px}.btn-save-branding{background-color:#cac722;border:none;border-radius:10px;box-shadow:0 4px 15px #cac72266;color:#1a1a1a;cursor:pointer;font-size:1.3em;font-weight:700;letter-spacing:1px;padding:15px 60px;text-transform:uppercase;transition:all .3s ease}.btn-save-branding:hover:not(:disabled){background-color:#f5f000;box-shadow:0 6px 20px #f5f00080;transform:translateY(-3px)}.btn-save-branding:disabled{cursor:not-allowed;opacity:.5}.message{animation:slideIn .3s ease;border-radius:8px;font-weight:700;margin-bottom:20px;padding:15px 20px;text-align:center}.message-error{background-color:#e74c3c;border:2px solid #c0392b;color:#fff}.message-success{background-color:#51cf66;border:2px solid #40c057;color:#fff}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.branding-loading{align-items:center;color:#f5f000;display:flex;font-size:1.5em;justify-content:center;min-height:400px}@media (max-width:1024px){.branding-grid{grid-template-columns:1fr}.preview-section{grid-column:1}}@media (max-width:768px){.branding-settings-container{margin:20px 10px;padding:20px}.branding-settings-container h1{font-size:2em}.color-input-wrapper,.logo-actions,.preview-content{flex-direction:column}.logo-actions button,.logo-actions label{width:100%}}.subscription-success-container{align-items:center;background-color:var(--color-darkest);display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative}.back-to-home{align-items:center;background:var(--color-dark);border:2px solid var(--color-primary);border-radius:8px;color:var(--color-primary);cursor:pointer;display:inline-flex;font-weight:600;gap:8px;left:20px;padding:10px 20px;position:absolute;text-decoration:none;top:20px;transition:all .3s ease}.back-to-home:hover{background:var(--color-darker);transform:translateX(-3px)}.success-card{animation:slideUp .5s ease-out;background:var(--color-darker);border:2px solid var(--color-primary);border-radius:15px;box-shadow:0 20px 60px #cac7224d;max-width:600px;padding:50px 40px;text-align:center;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.success-card.error{border-color:#c00;border-width:3px}.success-card.cancel{border-color:#f39c12;border-width:3px}.success-icon{animation:bounceIn .6s ease-out;font-size:80px;margin-bottom:20px}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.error-icon{color:#e74c3c}.cancel-icon{color:#f39c12}.success-card h1{color:var(--color-primary);font-size:32px;font-weight:700;margin-bottom:15px}.cancel-message,.success-message{color:var(--color-accent);font-size:18px;line-height:1.6;margin-bottom:30px}.session-details{background:var(--color-dark);border:1px solid var(--color-primary);border-radius:10px;margin:30px 0;padding:25px;text-align:left}.detail-item{border-bottom:1px solid var(--color-darker);display:flex;justify-content:space-between;padding:12px 0}.detail-item:last-child{border-bottom:none}.detail-item.highlight{background:var(--color-darker);border:1px solid var(--color-accent);border-bottom:none;border-radius:8px;margin-top:10px;padding:15px}.detail-label{color:var(--color-primary);font-weight:600}.detail-value{color:var(--color-accent);font-weight:500}.success-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:30px}.success-actions .btn-primary,.success-actions .btn-secondary{border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;min-width:200px;padding:15px 30px;transition:all .3s ease}.success-actions .btn-primary{background:var(--color-primary);border:none;color:var(--color-darkest)}.success-actions .btn-primary:hover{background:var(--color-accent);box-shadow:0 5px 20px #cac72266;transform:translateY(-2px)}.success-actions .btn-secondary{background:var(--color-dark);border:2px solid var(--color-primary);color:var(--color-primary)}.success-actions .btn-secondary:hover{background:var(--color-darker);transform:translateY(-2px)}.success-note{color:var(--color-secondary);font-size:14px;font-style:italic;margin-top:30px}.cancel-info{background:var(--color-dark);border-left:4px solid #f39c12;border-radius:8px;margin:25px 0;padding:20px;text-align:left}.cancel-info h3{color:#f39c12;font-size:20px;margin-bottom:10px}.cancel-info p{color:var(--color-accent);line-height:1.6;margin:0}.contact-info{border-top:1px solid var(--color-dark);margin-top:30px;padding-top:20px}.contact-info p{color:var(--color-primary);font-size:14px;line-height:1.6}.contact-info a{color:var(--color-accent);font-weight:600;text-decoration:none}.contact-info a:hover{text-decoration:underline}.loading-spinner{animation:spin 1s linear infinite;border-top:5px solid var(--color-dark);border:5px solid var(--color-dark);border-radius:50%;border-top-color:var(--color-primary);height:50px;margin:0 auto 20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.subscription-success-container{padding:10px}.back-to-home{left:auto;margin-bottom:20px;position:relative;top:auto}.success-card{padding:30px 20px}.success-card h1{font-size:24px}.cancel-message,.success-message{font-size:16px}.success-icon{font-size:60px}.success-actions{flex-direction:column}.success-actions .btn-primary,.success-actions .btn-secondary{min-width:auto;width:100%}}
/*# sourceMappingURL=main.cd567288.css.map*/