*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #000000;--primary: #FFD700;--secondary: #FFA500;--text: #FFFFFF;--dark-gray: #1a1a1a;--medium-gray: #2a2a2a;--light-gray: #cccccc;--input-bg: #333333;--input-border: #555555;--input-focus-border: var(--primary);--font-display: "Bebas Neue", cursive;--font-body: "Poppins", sans-serif}body{font-family:var(--font-body);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{max-width:100%;overflow-x:hidden}.hero-section{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px 20px 120px;text-align:center;background-image:url(/artista.jpg);background-size:cover;background-position:center;box-sizing:border-box}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:1}.logo{width:150px;margin-bottom:20px;z-index:2}.main-title{font-family:var(--font-display);font-size:4.5rem;color:var(--primary);margin-bottom:10px;z-index:2;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.subtitle{font-family:var(--font-display);font-size:2rem;color:var(--text);margin-bottom:30px;z-index:2;letter-spacing:2px}.logo,.artist-photo{transition:opacity .3s ease-in}.countdown{z-index:2;background-color:#000000d9;padding:25px 40px;border-radius:15px;border:3px solid var(--primary);display:inline-block;background-image:repeating-linear-gradient(-45deg,rgba(255,215,0,.1),rgba(255,215,0,.1) 1px,transparent 1px,transparent 10px)}.countdown-grid{display:flex;gap:25px;justify-content:center;align-items:center}.countdown-item{text-align:center}.countdown-value{font-family:var(--font-display);font-size:4.5rem;color:#ffeb3b;text-shadow:0 0 15px rgba(255,235,59,.9)}.countdown-label{font-size:1rem;color:var(--text);opacity:.9;margin-top:5px}.countdown-finished{font-family:var(--font-display);font-size:2.5rem;color:var(--primary)}.cta-button{display:inline-block;padding:15px 40px;background-color:var(--primary);color:var(--bg);font-family:var(--font-display);font-size:1.5rem;text-decoration:none;border-radius:50px;transition:all .3s ease;border:2px solid var(--primary);letter-spacing:1px;animation:pulse 2s infinite}.cta-button:hover{background-color:var(--secondary);border-color:var(--secondary);transform:scale(1.05)}@keyframes pulse{0%{box-shadow:0 0 #ffd700b3}70%{box-shadow:0 0 0 20px #ffd70000}to{box-shadow:0 0 #ffd70000}}.content-section{padding:40px 20px}.about-section{display:flex;flex-direction:column;align-items:center;gap:30px;margin-bottom:60px;text-align:center}.artist-photo-container{background:radial-gradient(circle,#ffd70033,#0000 70%);padding:20px;border-radius:50%;box-shadow:0 0 30px #ffd70099}.artist-photo{width:100%;max-width:500px;object-fit:cover;object-position:center;transform:scale(1.2);margin-bottom:30px}.about-text h3{font-family:var(--font-display);font-size:2.5rem;color:var(--primary);margin-bottom:15px}.about-text p{font-size:1.1rem;line-height:1.7;margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto}.video-section{margin:60px auto;padding:0 20px;max-width:1200px}.video-container{position:relative;border-radius:15px;box-shadow:0 0 30px #ffd70066;border:2px solid var(--primary);background-color:#000;overflow:hidden}.video-container video{width:100%;height:auto;display:block;border-radius:15px}@media (max-width: 768px){.video-section{margin:40px auto;padding:0 15px}.video-container{max-width:400px;margin:0 auto}}@media (min-width: 769px) and (max-width: 1024px){.video-section{max-width:800px}}.details-section{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.details-card{background-color:#111;padding:25px;border-radius:10px;text-align:center;border:1px solid var(--primary)}.details-card h4{font-family:var(--font-display);font-size:2rem;color:var(--primary);margin-bottom:10px}.details-card p{font-size:1.1rem}.map-container{margin-top:12px;border-radius:10px;overflow:hidden;border:1px solid var(--primary);height:240px}.map-iframe{border:0;width:100%;height:100%}.map-button-container{margin-top:20px;text-align:center}.footer{background-color:#111;padding:40px 20px;text-align:center}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}.footer-highlight{margin-top:8px;color:var(--primary);font-family:var(--font-display);font-size:1.2rem;letter-spacing:1px}.footer-social{margin-top:20px}.footer-social span{margin:0 15px;font-size:1.5rem;cursor:pointer;transition:color .3s ease}.footer-social span:hover{color:var(--primary)}.form-page-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:var(--medium-gray);color:var(--text);padding:20px}.form-header{text-align:center;margin-bottom:40px}.form-logo{width:120px;margin-bottom:20px}.form-title{font-family:var(--font-display);font-size:3rem;color:var(--primary);margin-bottom:10px}.form-subtitle{font-family:var(--font-body);font-size:1.2rem;color:var(--light-gray)}.registration-form{background-color:var(--dark-gray);padding:40px;border-radius:10px;box-shadow:0 0 20px #00000080;width:100%;max-width:500px;display:grid;gap:20px}.form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-group{margin-bottom:0}.form-group label{display:block;margin-bottom:8px;font-size:1.1rem;color:var(--text)}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password]{width:100%;padding:12px;border:1px solid var(--input-border);border-radius:5px;background-color:var(--input-bg);color:var(--text);font-size:1rem}.error-message{color:#dc2626;background-color:#fee2e2;padding:.5rem;border-radius:4px;margin-top:.5rem;font-weight:600}.cta-button.small,.cta-button.small:link,.cta-button.small:visited{padding:10px 24px;font-size:1rem;border-radius:30px;display:inline-block}.form-group select{width:100%;padding:12px 30px 12px 12px;border:1px solid var(--input-border);border-radius:5px;background-color:var(--input-bg);color:var(--text);font-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFD700%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13.2-5.4H18.2c-4.1%200-7.9%201.5-10.9%204.5-3.1%203-4.7%206.8-4.7%2010.9%200%204.1%201.6%207.9%204.6%2010.9l128.9%20128.9c3%203%206.8%204.7%2010.9%204.7s7.9-1.6%2010.9-4.6l128.9-128.9c3.1-3.1%204.7-6.8%204.7-10.9s-1.6-7.9-4.6-10.9z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 10px top 50%;background-size:12px}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group input[type=password]:focus,.form-group select:focus{outline:none;border-color:var(--input-focus-border);box-shadow:0 0 0 2px #ffd70080}.whatsapp-input-group{display:flex;align-items:center}.whatsapp-prefix{background-color:var(--input-bg);border:1px solid var(--input-border);border-right:none;padding:12px;border-radius:5px 0 0 5px;color:var(--text);font-size:1rem}.whatsapp-input-group input{border-radius:0 5px 5px 0}.checkbox-group{display:flex;align-items:center;margin-top:25px}.checkbox-group input[type=checkbox]{margin-right:10px;width:20px;height:20px;accent-color:var(--primary)}.checkbox-group label{margin-bottom:0;color:var(--text);font-size:1rem}.form-submit-button{width:100%;margin-top:30px;padding:15px;font-size:1.3rem;cursor:pointer;border-radius:5px;border:none;background-color:var(--primary);color:var(--bg);transition:background-color .3s ease}.form-submit-button:hover{background-color:var(--secondary)}.success-message-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.success-message-card{background-color:var(--dark-gray);padding:40px;border-radius:10px;text-align:center;box-shadow:0 0 30px #ffd700b3;max-width:400px;width:90%}.success-message-card h2{font-family:var(--font-display);color:var(--primary);font-size:2.5rem;margin-bottom:15px}.success-message-card p{font-size:1.1rem;margin-bottom:20px;line-height:1.5}.radio-group{display:flex;gap:15px;margin-top:10px}.hidden-radio{position:absolute;opacity:0;width:0;height:0}.radio-option-button{display:inline-block;padding:10px 20px;border:2px solid var(--primary);border-radius:5px;color:var(--primary);background-color:transparent;cursor:pointer;transition:all .3s ease;font-size:1rem;text-align:center;flex-grow:1}.radio-option-button:hover{background-color:#ffd7001a}.hidden-radio:checked+.radio-option-button{background-color:var(--primary);color:var(--bg);box-shadow:0 0 10px #ffd700b3}@media (min-width: 768px){.about-section{flex-direction:row;text-align:left;gap:50px}.artist-photo{max-width:600px;transform:scale(1.25)}.details-section{flex-direction:row;justify-content:space-around}.details-card{width:60%;max-width:800px;margin:40px auto}.registration-form{grid-template-columns:1fr 1fr}.form-group.full-width{grid-column:1 / -1}}@media (max-width: 600px){.countdown{padding:15px 20px}.countdown-value{font-size:3rem}.countdown-label{font-size:.8rem}.form-title{font-size:2rem}.form-subtitle{font-size:1rem}.registration-form{padding:20px}.form-group label{font-size:1rem}.form-group input,.form-group select,.whatsapp-prefix{padding:10px;font-size:.9rem}.form-submit-button{padding:12px;font-size:1.1rem}.success-message-card h2{font-size:2rem}.success-message-card p{font-size:1rem}.radio-group{flex-direction:column}.radio-option-button{width:100%}.scroll-down-indicator{bottom:90px}}.admin-panel-form{background-color:var(--dark-gray);padding:40px;border-radius:10px;box-shadow:0 0 20px #00000080;width:100%;max-width:600px;display:flex;flex-direction:column;gap:20px;align-items:center}.admin-panel-form .form-group{width:100%}.admin-panel-form .form-submit-button{margin-top:10px}.loading-message{font-size:1.1rem;color:var(--light-gray);margin-top:20px}.participant-details-card{background-color:var(--medium-gray);padding:25px;border-radius:8px;width:100%;margin-top:20px;text-align:left;border:1px solid var(--primary)}.participant-details-card h2{font-family:var(--font-display);font-size:2rem;color:var(--primary);margin-bottom:15px;text-align:center}.participant-details-card p{font-size:1.1rem;margin-bottom:8px;line-height:1.5}.participant-details-card p strong{color:var(--primary)}@media (max-width: 600px){.admin-panel-form{padding:20px}.participant-details-card{padding:15px}.participant-details-card h2{font-size:1.5rem}.participant-details-card p{font-size:1rem}}.admin-dashboard-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;background-color:var(--bg);color:var(--text);padding:20px;gap:30px}.admin-dashboard-header{width:100%;max-width:1200px;display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--dark-gray)}.admin-dashboard-header .form-logo{width:100px;margin-bottom:0}.admin-dashboard-title{font-family:var(--font-display);font-size:3rem;color:var(--primary);text-align:center;flex-grow:1}.admin-dashboard-main{width:100%;max-width:1200px;display:flex;flex-direction:column;gap:30px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.metric-card{background-color:var(--dark-gray);padding:20px;border-radius:10px;box-shadow:0 0 15px #ffd7004d;text-align:center}.metric-card-title{font-size:1rem;color:var(--light-gray);text-transform:uppercase;margin-bottom:5px}.metric-card-value{font-family:var(--font-display);font-size:3rem;color:var(--text)}.metric-card-percentage{font-size:.9rem;margin-top:5px}.chart-section{background-color:var(--dark-gray);padding:20px;border-radius:10px;box-shadow:0 0 15px #00000080}.chart-title{font-family:var(--font-display);font-size:2rem;color:var(--primary);margin-bottom:15px;text-align:center}.participants-table-section{background-color:var(--dark-gray);border-radius:10px;box-shadow:0 0 15px #00000080;overflow:hidden}.table-title{font-family:var(--font-display);font-size:2rem;color:var(--primary);padding:20px;border-bottom:1px solid var(--medium-gray)}.participants-table{width:100%;border-collapse:collapse}.participants-table th,.participants-table td{padding:15px;text-align:left;border-bottom:1px solid var(--medium-gray)}.participants-table th{background-color:var(--medium-gray);color:var(--primary);font-family:var(--font-body);font-size:.9rem;text-transform:uppercase}.participants-table tbody tr:hover{background-color:#ffd7000d}.status-green{color:#4caf50;font-weight:700}.status-red{color:#f44336;font-weight:700}.info-message{padding:20px;color:var(--light-gray);text-align:center}.csv-download-section{text-align:center;padding:20px}.csv-download-section .cta-button{font-size:1rem;padding:10px 20px;border-radius:5px;margin-top:0}.admin-login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg);color:var(--text);padding:20px}.admin-login-card{background-color:var(--dark-gray);padding:40px;border-radius:10px;box-shadow:0 0 30px #ffd700b3;max-width:400px;width:100%;display:flex;flex-direction:column;gap:20px;align-items:center}.admin-login-card .form-title{margin-bottom:0}.admin-login-card .registration-form{max-width:100%;padding:0;box-shadow:none;background-color:transparent}.admin-login-card .form-submit-button{margin-top:20px}.logout-button{background-color:var(--secondary);color:var(--bg);padding:10px 20px;border-radius:5px;border:none;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.logout-button:hover{background-color:var(--primary)}@media (max-width: 768px){.admin-dashboard-header{flex-direction:column;gap:15px}.admin-dashboard-title{font-size:2.5rem}.logout-button{width:100%}.metrics-grid{grid-template-columns:1fr}.metric-card-value{font-size:2.5rem}.participants-table th,.participants-table td{padding:10px;font-size:.8rem}.chart-title{font-size:1.5rem}}.confetti{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:999}.confetti-piece{position:absolute;width:10px;height:20px;background-color:gold;opacity:0;animation:confetti-fall 5s ease-out infinite}.confetti-piece:nth-child(1){left:10%;animation-delay:0s}.confetti-piece:nth-child(2){left:20%;animation-delay:-.5s;background-color:orange}.confetti-piece:nth-child(3){left:30%;animation-delay:-1s}.confetti-piece:nth-child(4){left:40%;animation-delay:-1.5s;background-color:orange}.confetti-piece:nth-child(5){left:50%;animation-delay:-2s}.confetti-piece:nth-child(6){left:60%;animation-delay:-2.5s;background-color:orange}.confetti-piece:nth-child(7){left:70%;animation-delay:-3s}.confetti-piece:nth-child(8){left:80%;animation-delay:-3.5s;background-color:orange}.confetti-piece:nth-child(9){left:90%;animation-delay:-4s}@keyframes confetti-fall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.success-page-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg);color:var(--text);padding:20px;text-align:center}.success-card{background-color:var(--dark-gray);padding:40px;border-radius:10px;box-shadow:0 0 30px #ffd700b3;max-width:600px;width:100%;display:flex;flex-direction:column;align-items:center;gap:20px}.success-title{font-family:var(--font-display);font-size:3.5rem;color:var(--primary);margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.success-message{font-size:1.2rem;line-height:1.6;margin-bottom:20px;max-width:500px}.instructions{background-color:var(--medium-gray);padding:20px;border-radius:8px;width:100%;max-width:450px;margin-top:20px}.instructions h2{font-family:var(--font-display);font-size:2rem;color:var(--primary);margin-bottom:15px}.instructions ol{list-style-position:inside;padding-left:0}.instructions li{font-size:1.1rem;margin-bottom:10px}.follow-us{font-size:1.1rem;margin-top:30px;color:var(--light-gray)}@media (max-width: 768px){.success-card{padding:25px}.success-title{font-size:2.5rem}.success-message{font-size:1rem}.instructions h2{font-size:1.5rem}.instructions li,.follow-us{font-size:1rem}}.scroll-down-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:2;cursor:pointer;color:var(--primary);animation:bounce 2.5s infinite;display:flex;flex-direction:column;align-items:center;transition:opacity .3s ease-out}.scroll-down-indicator p{font-family:var(--font-body);font-size:.8rem;margin-top:5px;letter-spacing:1px;text-shadow:1px 1px 2px rgba(0,0,0,.7)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)}40%{transform:translate(-50%,-25px)}60%{transform:translate(-50%,-15px)}}@media (max-height: 650px){.scroll-down-indicator{display:none!important}}@media (max-width: 600px){.scroll-down-indicator{bottom:50px}.scroll-down-indicator svg{width:32px;height:32px}.scroll-down-indicator p{font-size:.7rem}}.scanner-fab{position:fixed;bottom:30px;right:30px;width:70px;height:70px;border-radius:50%;background-color:var(--primary);color:var(--bg);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:0 4px 12px #0006;z-index:990;transition:all .3s ease}.scanner-fab:hover{transform:scale(1.1);background-color:var(--secondary)}.scanner-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.scanner-container{position:relative;width:100%;max-width:500px;height:auto;aspect-ratio:1 / 1;background-color:var(--dark-gray);border-radius:10px;overflow:hidden;border:2px solid var(--primary)}.scanner-close-button{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background-color:#00000080;color:#fff;border:1px solid white;border-radius:20px;padding:10px 20px;cursor:pointer;z-index:10;display:flex;align-items:center;gap:8px}.scanned-data-card{background-color:var(--dark-gray);padding:30px;border-radius:10px;box-shadow:0 0 20px #00000080;width:100%;max-width:500px;border-top:5px solid var(--primary);text-align:left}.scanned-data-card p{font-size:1.1rem;margin-bottom:12px;line-height:1.5}.scanned-data-card p strong{color:var(--primary);margin-right:8px}.scanned-data-title{font-family:var(--font-display);font-size:2rem;color:var(--primary);margin-bottom:20px;text-align:center}.scanned-data-title.error{color:#f44336}.qr-code-image{max-width:100%;height:auto;border:5px solid var(--primary);border-radius:10px;padding:10px;background-color:#fff}#html5qr-code-full-region{width:100%;height:100%}#html5qr-code-full-region video{width:100%!important;height:100%!important;object-fit:cover}#html5qr-code-full-region canvas{width:100%!important;height:100%!important;object-fit:cover;transform:scaleX(-1)}.table-controls{display:flex;justify-content:space-between;align-items:center;padding:20px}.pagination-controls{display:flex;justify-content:center;align-items:center;padding:20px;gap:10px}.pagination-controls button{background-color:var(--primary);color:var(--bg);padding:10px 20px;border-radius:5px;border:none;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.pagination-controls button:disabled{background-color:var(--medium-gray);cursor:not-allowed}.pagination-controls span{font-size:1rem}.footer-social{display:flex;gap:1.5rem;margin-top:1rem}.footer-social a{color:gold;transition:opacity .3s,transform .3s;display:flex;align-items:center}.footer-social a:hover{opacity:.7;transform:scale(1.1)}.footer-social svg{width:28px;height:28px}.dh-image-container{width:100%;max-width:800px;margin:40px auto;border-radius:15pts;overflow:hidden;box-shadow:0 0 30px #ffd700b3;border:2px solid var(--primary)}.dh-image{width:100%;height:auto;display:block}@media (max-width: 768px){.dh-image-container{margin:20px auto;border-radius:10pts}}
