@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;400;700;900&family=Libre+Baskerville:wght@400;700&family=Inter:wght@300;400;600&display=swap";:root{--color-bg-dark: #8a1b24;--color-bg-secondary: #5e1218;--color-text-primary: #ffffff;--color-text-secondary: #f0f0f0;--color-accent: #ffffff;--color-accent-hover: #e0e0e0;--color-highlight: #ffffff;--color-danger: #ea4335;--font-heading: "Fraunces", serif;--font-subheading: "Libre Baskerville", serif;--font-body: "Inter", sans-serif;--spacing-unit: 1rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--color-bg-dark);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden;scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--color-accent);line-height:1.25}a{text-decoration:none;color:inherit;transition:color .3s ease}button{cursor:pointer;border:none;font-family:inherit}ul{list-style:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-dark)}::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-hover)}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;background-color:var(--color-bg-dark);background-image:linear-gradient(#8a1b24cc,#5e1218f2),url(/nocturnal_charreada_hero_1773886576407.png);background-size:cover;background-position:center;background-attachment:fixed;padding:1rem 2rem 3rem;color:#fff;overflow:hidden}.hero-logos-top{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;z-index:10}.top-logo-left{height:110px;object-fit:contain}.top-logo-right{height:90px;object-fit:contain}.hero-content{max-width:900px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;z-index:2;animation:fadeInHero 1s ease-out}.logo-principal{width:280px;margin-bottom:1.5rem}.hero-title{font-family:var(--font-heading);font-size:66.6px;font-weight:500;text-align:center;line-height:1.1;margin-bottom:.5rem;text-shadow:0 4px 10px rgba(0,0,0,.3)}.hero-subtitle{font-family:var(--font-subheading);font-size:36px;text-align:center;margin-bottom:3rem;opacity:.8}.purchase-card{background:#1e000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:2.5rem 3.5rem;text-align:center;width:100%;max-width:440px;box-shadow:0 30px 60px #0009;margin-bottom:2rem}.availability-badge{background:#8a1b244d;color:#fff;font-size:.7rem;font-weight:700;padding:.3rem 1.2rem;border-radius:5px;display:inline-block;margin-bottom:1rem;letter-spacing:2px;border:1px solid rgba(255,255,255,.1)}.purchase-card h2{font-family:var(--font-heading);font-size:2.2rem;font-weight:400;margin-bottom:.5rem;letter-spacing:3px}.purchase-card .price{font-family:var(--font-heading);font-size:5.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1}.purchase-card .btn-buy{width:100%;background:#0d0d0d;color:#fff;padding:1.2rem;font-family:var(--font-heading);font-size:1.4rem;letter-spacing:2px;text-transform:uppercase;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .3s;cursor:pointer}.purchase-card .btn-buy:hover{background:#1a1a1a;transform:scale(1.02)}.purchase-card .btn-buy.disabled{opacity:.5;cursor:not-allowed}.impact-text-hero{font-family:var(--font-subheading);font-size:1.1rem;opacity:.7;margin-top:1rem;text-align:center;max-width:500px}@keyframes fadeInHero{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.hero-title{font-size:2.8rem}.hero-subtitle{font-size:1.5rem}.purchase-card{width:90%;padding:2rem}.purchase-card .price{font-size:4rem}.hero-logos-top{padding:1rem}.top-logo-left{height:50px}.top-logo-right{height:40px}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#1e0000eb;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{background-color:#1a0507;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;padding:2.5rem;border-radius:24px;border:1px solid rgba(255,255,255,.05);position:relative;box-shadow:0 40px 100px #000000e6;color:#f0f0f0;animation:slideIn .4s cubic-bezier(.165,.84,.44,1)}@keyframes slideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.close-btn{position:absolute;top:20px;right:20px;font-size:1.5rem;background:#ffffff0d;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.close-btn:hover{background:#ffffff1f;transform:rotate(90deg)}.modal-step h2{color:#fff;margin-bottom:.5rem;text-align:center;font-family:var(--font-heading);font-weight:400;font-size:2rem;letter-spacing:1px}.subtitle{font-family:var(--font-subheading);font-size:.9rem;opacity:.5;text-align:center;margin-bottom:2rem}.form-group{margin-bottom:1.4rem}.form-group label{display:block;margin-bottom:.6rem;color:#ffffff73;font-size:.75rem;text-transform:uppercase;letter-spacing:2px;font-weight:700}.form-group input{width:100%;padding:1rem 1.2rem;border-radius:12px;border:1px solid rgba(255,255,255,.07);background-color:#0000004d;color:#fff;font-size:1rem;font-family:var(--font-body);transition:all .3s ease}.form-group input::placeholder{color:#fff3}.form-group input:focus{border-color:#8a1b24;outline:none;background-color:#00000080;box-shadow:0 0 0 3px #8a1b2440}.field-error{display:block;color:#ff6b6b;font-size:.78rem;margin-top:.4rem;font-weight:600}.total-display{display:flex;justify-content:space-between;align-items:center;margin:1.5rem 0 2rem;padding:1.2rem 1.5rem;background:#8a1b241a;border-radius:14px;border:1px solid rgba(138,27,36,.25)}.total-labels span{font-weight:700;font-size:1.1rem}.total-labels small{display:block;font-size:.72rem;opacity:.45;margin-top:2px}.total-display .amount{font-size:2rem;font-weight:700;font-family:var(--font-heading);color:#fff}.quantity-selector{display:flex;align-items:center;gap:1.2rem;justify-content:center;margin-top:.5rem}.quantity-selector button{width:38px;height:38px;border-radius:50%;background:#ffffff12;color:#fff;font-size:1.3rem;font-weight:700;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.quantity-selector button:hover{background:#8a1b2466}.quantity-selector span{font-size:1.8rem;font-weight:900;font-family:var(--font-heading);min-width:40px;text-align:center}.full-width{width:100%}.btn-primary{background-color:#8a1b24;color:#fff;padding:1.1rem;border:none;border-radius:50px;font-size:1.1rem;font-weight:700;font-family:var(--font-heading);cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;box-shadow:0 8px 25px #8a1b2459;display:block}.btn-primary:hover:not(:disabled){transform:translateY(-2px);background-color:#a1202a;box-shadow:0 12px 35px #8a1b2480}.btn-primary:disabled{opacity:.5;cursor:wait}.btn-download{background:#ffffff0d;color:#fff;padding:1rem;border:1px solid rgba(255,255,255,.12);border-radius:50px;font-size:1rem;font-weight:700;font-family:var(--font-heading);cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;display:block;text-align:center}.btn-download:hover:not(:disabled){background:#ffffff1a;transform:translateY(-2px)}.btn-download:disabled{opacity:.5;cursor:wait}.error-banner{background:#ff52521a;border:1px solid rgba(255,82,82,.3);color:#ff7070;padding:1rem;border-radius:10px;margin-bottom:1.5rem;font-size:.9rem;text-align:center;font-weight:600}.stripe-checkout-form{margin-top:1rem}.security-badges{display:flex;justify-content:center;gap:1.5rem;opacity:.4;font-size:.7rem;letter-spacing:1px}.ticket-visual{background-color:#fff;color:#1a0507;border-radius:18px;overflow:hidden;margin:2rem 0;box-shadow:0 20px 60px #0009}.ticket-header{background-color:#8a1b24;padding:1rem 1.5rem;color:#fff;text-align:center;font-family:var(--font-heading);font-size:.9rem;letter-spacing:3px}.ticket-body{padding:2rem;display:flex;gap:2rem;align-items:center}.ticket-info p{color:#1a0507}.buyer-name-ticket{font-size:1.6rem;font-weight:700;font-family:var(--font-heading);line-height:1.1;margin-bottom:.5rem;color:#1a0507}@media(max-width:500px){.modal-content{padding:1.8rem 1.5rem}.ticket-body{flex-direction:column;text-align:center}.buyer-name-ticket{font-size:1.3rem}}.about-section{padding:12rem 2rem;background-color:var(--color-bg-dark);background-image:linear-gradient(#8a1b24,#5e1218);color:var(--color-text-primary);position:relative;overflow:hidden}.about-container{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:2}.about-content{width:100%;display:flex;flex-direction:column;align-items:center}.about-content .section-title{text-align:center;margin-bottom:3rem;font-size:4rem;font-family:var(--font-heading);font-weight:500;line-height:1.1;color:#fff}.about-content p{margin-bottom:3rem;color:#ffffffe6;font-family:var(--font-subheading);font-size:1.6rem;line-height:1.8}.about-content strong{color:#fff;font-weight:700}.stats{display:flex;gap:5rem;margin-top:4rem;padding-top:3rem;border-top:1px solid rgba(255,255,255,.1)}.stat .number{display:block;font-size:4.5rem;font-weight:700;color:#fff;font-family:var(--font-heading);line-height:1;margin-bottom:.5rem}.stat .label{text-transform:uppercase;font-size:1rem;font-weight:700;letter-spacing:3px;opacity:.6;font-family:var(--font-heading)}@media(max-width:900px){.about-container{flex-direction:column;gap:5rem;text-align:center}.about-content .section-title{text-align:center}.stats{justify-content:center}}.tickets-section{padding:8rem 1rem;background:var(--color-bg-dark);text-align:center}.section-title{font-size:3.5rem;font-weight:900;margin-bottom:.5rem;font-family:var(--font-heading);color:var(--color-text-primary);text-transform:uppercase}.tickets-subtitle{font-size:1.2rem;color:var(--color-text-secondary);margin-bottom:4rem;max-width:600px;margin-left:auto;margin-right:auto}.tickets-container{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;max-width:1200px;margin:0 auto}.ticket-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:3rem 2rem;width:350px;position:relative;transition:all .5s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ticket-card:hover{transform:translateY(-15px);background:#ffffff12;border-color:var(--color-highlight);box-shadow:0 30px 60px #00000080}.ticket-card.vip{border:2px solid var(--color-highlight)}.ribbon{position:absolute;top:30px;right:-35px;background:var(--color-highlight);color:#fff;width:150px;transform:rotate(45deg);text-align:center;font-weight:800;font-size:.8rem;padding:.5rem 0;letter-spacing:1px;box-shadow:0 2px 10px #0000004d}.card-header h3{font-size:1.8rem;font-weight:700;margin-bottom:.5rem;color:var(--color-text-primary)}.price{font-size:3.5rem;font-weight:900;color:var(--color-highlight);margin-bottom:2rem;font-family:var(--font-heading)}.features{text-align:left;margin-bottom:3rem;color:var(--color-text-secondary);font-size:1.1rem}.features li{margin-bottom:1rem;display:flex;align-items:center}.features li:before{content:"●";color:var(--color-highlight);margin-right:1rem;font-size:.8rem}.btn-buy{background:transparent;border:2px solid rgba(255,255,255,.2);color:#fff;padding:1.2rem;width:100%;border-radius:12px;font-size:1.1rem;font-weight:700;transition:all .3s ease;text-transform:uppercase}.btn-buy:hover{background:#fff;color:var(--color-bg-dark);border-color:#fff}.btn-buy.primary{background:var(--color-highlight);border-color:var(--color-highlight)}.btn-buy.primary:hover{background:#fff;color:var(--color-highlight)}.ticket-card.frozen{opacity:.6;filter:grayscale(.5);background:#ffffff03;border:1px dashed rgba(255,255,255,.2);cursor:not-allowed}.ticket-card.frozen:hover{transform:none;box-shadow:none}.ticket-card.frozen .price{color:var(--color-text-secondary)}.btn-buy.disabled{background:#ffffff1a!important;border-color:transparent!important;color:#ffffff4d!important;cursor:not-allowed!important;transform:none!important}.charity-info-box{margin-top:5rem;background:#00a9e01a;border:1px dashed var(--color-highlight);padding:2rem;border-radius:15px;max-width:800px;margin-left:auto;margin-right:auto;font-size:1.2rem}.charity-info-box strong{color:var(--color-highlight)}@media(max-width:768px){.section-title{font-size:2.5rem}.ticket-card{width:100%;max-width:400px}}.footer-section{background:#5e1218;padding:1.5rem 0;width:100%;border-top:1px solid rgba(255,255,255,.05)}.footer-bottom{max-width:1100px;margin:0 auto;display:flex;justify-content:center;align-items:center;gap:1.5rem;flex-wrap:wrap;color:#ffffff80;font-family:var(--font-heading);font-size:.9rem}.footer-link-item{color:#fff9;text-decoration:none;transition:color .3s;letter-spacing:1px}.footer-link-item:hover{color:#fff}.footer-divider{opacity:.3}.footer-copy{margin:0}.staff-link{font-weight:700}@media(max-width:600px){.footer-bottom{flex-direction:column;gap:.8rem}.footer-divider{display:none}}.validator-container{--v-bg: #001f3a;--v-card: rgba(255, 255, 255, .07);--v-accent: #00a9e0;--v-success: #2ecc71;--v-warning: #f1c40f;--v-danger: #e74c3c;--v-border: rgba(255, 255, 255, .1);min-height:100vh;background-color:var(--v-bg);color:#fff!important;display:flex;flex-direction:column;font-family:Outfit,Inter,sans-serif}.offline-banner{background:var(--v-danger);color:#fff;text-align:center;padding:.8rem;font-weight:800;font-size:.8rem;letter-spacing:1px;z-index:10000}.login-screen{align-items:center;justify-content:center;padding:2rem}.login-card{background:var(--v-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--v-border);padding:4rem 2rem;border-radius:35px;text-align:center;box-shadow:0 40px 100px #0009;width:100%;max-width:450px}.validator-header{background:#0003;padding:1rem 0 0;border-bottom:1px solid var(--v-border)}.staff-info-bar{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;font-size:.85rem;color:#888}.logout-link{background:none;border:none;color:var(--v-danger);font-size:.85rem;cursor:pointer;font-weight:600}.tab-control{display:flex;margin-top:1rem}.tab-control button{flex:1;padding:1.2rem;background:none;border:none;color:#666;font-weight:800;font-size:1rem;letter-spacing:1px;cursor:pointer;transition:all .3s;border-bottom:3px solid transparent}.tab-control button.active{color:#fff;border-bottom-color:var(--v-accent);background:#ffffff0d}.stats-bar-realtime{display:flex;justify-content:space-around;background:#ffffff0d;border:1px solid var(--v-border);padding:1.2rem;border-radius:20px;margin-bottom:1.5rem;text-align:center}.stat-item{display:flex;flex-direction:column}.stat-val{font-size:1.5rem;font-weight:900;color:var(--v-accent)}.stat-title{font-size:.65rem;font-weight:800;letter-spacing:1px;opacity:.6}.validator-main{flex:1;padding:1.5rem;max-width:600px;margin:0 auto;width:100%}#reader button{background:var(--v-accent)!important;color:#fff!important;border:none!important;padding:1rem 2rem!important;border-radius:15px!important;font-weight:800!important;text-transform:uppercase!important;cursor:pointer!important;margin:10px 0!important;font-family:inherit!important;box-shadow:0 10px 20px #0000004d!important}#reader #reader__camera_permission_button{background:var(--v-success)!important;font-size:1.2rem!important;padding:1.5rem!important}#reader a{color:var(--v-accent)!important;text-decoration:none!important;font-weight:700!important;display:block!important;margin-top:10px!important}#reader{width:100%!important;border-radius:25px;overflow:hidden;background:#000;box-shadow:0 20px 60px #000000b3;border:none!important}#reader__scan_region video{border-radius:25px!important}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:2rem;z-index:9999}.modal-card{background:#111;width:100%;max-width:450px;border-radius:40px;padding:3rem 2rem;text-align:center;border:2px solid var(--v-border);box-shadow:0 30px 60px #00000080}.modal-card.success{border-color:var(--v-success)}.modal-card.already_scanned{border-color:var(--v-warning)}.modal-card.error{border-color:var(--v-danger)}.status-badge{display:inline-block;padding:.6rem 1.5rem;border-radius:50px;font-weight:900;font-size:.8rem;letter-spacing:2px;margin-bottom:2rem}.success .status-badge{background:var(--v-success);color:#000}.already_scanned .status-badge{background:var(--v-warning);color:#000}.error .status-badge{background:var(--v-danger);color:#fff}.modal-name{font-size:2.2rem;font-weight:900;margin-bottom:1.5rem;line-height:1.1;color:#fff;text-transform:uppercase}.modal-qty{background:#ffffff0d;padding:2rem;border-radius:30px;margin-bottom:1.5rem}.modal-qty span{font-size:.8rem;font-weight:800;opacity:.6;letter-spacing:2px}.qty-number{font-size:5rem;font-weight:950;color:var(--v-accent);line-height:1;margin:.5rem 0}.modal-type{font-size:1rem;font-weight:700;opacity:.8;margin-bottom:2rem}.used-info-box{background:#f1c40f1a;padding:2.5rem 1.5rem;border-radius:30px;border:2px dashed #f1c40f;margin-bottom:1.5rem}.used-warning{color:#f1c40f;font-weight:950;font-size:1.5rem;margin-bottom:.5rem;letter-spacing:-.5px}.used-time{color:#fff;opacity:.7;font-size:.9rem;font-weight:700}.btn-modal-close{width:100%;padding:1.5rem;border-radius:20px;border:none;background:#fff;color:#000;font-weight:900;font-size:1.1rem;cursor:pointer;transition:transform .2s}.btn-modal-close:active{transform:scale(.95)}.search-bar{display:flex;gap:1rem;margin-bottom:2rem}.btn-refresh{background:var(--v-card);border:1px solid var(--v-border);padding:0 1.5rem;border-radius:15px;cursor:pointer;font-size:1.2rem}.attendance-list{display:flex;flex-direction:column;gap:1rem}.list-item{background:var(--v-card);border:1px solid var(--v-border);border-radius:20px;padding:1.2rem 1.5rem;display:flex;justify-content:space-between;align-items:center;transition:transform .2s}.list-item.scanned{border-left:5px solid var(--v-success);opacity:.6}.list-item.duplicate-warning{border:2px solid var(--v-danger);background:#e74c3c1a}.item-info{display:flex;flex-direction:column}.item-info strong{font-size:1.1rem}.item-info span{font-size:.85rem;color:#888}.warning-label{color:var(--v-danger);font-weight:800;font-size:.75rem;margin-top:.3rem}.item-status{font-weight:800;font-size:.85rem}.mega-input{flex:1;padding:1.2rem 1.5rem;background:#ffffff0d;border:1px solid var(--v-border);border-radius:18px;color:#fff;font-size:1.1rem;font-family:inherit}.mega-btn{width:100%;padding:1.5rem;border-radius:20px;font-size:1.3rem;font-weight:900;letter-spacing:1px;transition:all .3s;cursor:pointer;box-shadow:0 15px 30px #0000004d}.mega-btn:active{transform:scale(.95)}.btn-primary{background:var(--v-accent);color:#fff;border:none}.filters-container{display:flex;flex-direction:column;gap:.8rem;margin-bottom:2rem}.filter-select{padding:1.2rem;background:#ffffff0d;border:1px solid var(--v-border);border-radius:18px;color:#fff;font-size:1rem;font-weight:700}.pagination{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:2rem;padding-bottom:2rem}.pagination button{background:var(--v-card);border:1px solid var(--v-border);color:#fff;padding:.8rem 1.5rem;border-radius:12px;font-weight:800;cursor:pointer}.btn-restart-camera{background:none;border:none;color:var(--v-accent);font-weight:800;font-size:.8rem;cursor:pointer;margin-top:1rem;opacity:.7;text-transform:uppercase}.btn-manual-validate{background:var(--v-success);color:#000;border:none;padding:.8rem 1.2rem;border-radius:12px;font-weight:900;font-size:.8rem;cursor:pointer}.status-ok{color:var(--v-success);font-weight:900;font-size:.9rem}.duplicate-alert-msg{background:var(--v-danger);color:#fff;padding:1rem;border-radius:12px;font-weight:900;margin-top:1rem;animation:shake .5s ease-in-out infinite}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.duplicate-warning{border:3px solid var(--v-danger)!important;background:#e74c3c33!important}.warning-label{background:var(--v-danger);color:#fff;padding:2px 8px;border-radius:4px;display:inline-block;width:fit-content}.App{min-height:100vh;display:flex;flex-direction:column}main{flex:1}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}