/* [v0.2.2] Dark premium */
:root{
  --c:#0a3b2e; --a:#0ecf8a; --gold:#c6a25d;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:#0b0b0c;color:#fff}
.container{max-width:1200px;margin:0 auto;padding:0 16px}
.nav{position:sticky;top:0;background:#0e0e0f;border-bottom:1px solid rgba(255,255,255,.08);z-index:10;backdrop-filter:saturate(140%) blur(6px)}
.nav .container{display:flex;align-items:center;justify-content:space-between;height:60px}
.nav a{color:#f0f0f0;text-decoration:none;margin-left:16px}
.nav a.cta{background:var(--gold);color:#2b2413;padding:8px 12px;border-radius:10px;font-weight:700;box-shadow:0 2px 0 rgba(0,0,0,.25)}
.hero.dark{padding:72px 0;background:#0b0b0c;background-image:radial-gradient(1200px 400px at 20% -10%, rgba(198,162,93,.25), transparent 40%), radial-gradient(1000px 300px at 80% -20%, rgba(14,207,138,.18), transparent 45%)}
.hero h1{font-size:clamp(32px,5vw,56px);margin:10px 0 6px}
.card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px}
.btn{display:inline-block;background:var(--c);color:#fff;padding:12px 16px;border-radius:12px;text-decoration:none;transition:transform .08s ease}
.btn:hover{transform:translateY(-1px)}
.btn.alt{background:var(--a);color:#05261d}
.btn.gold{background:var(--gold);color:#2b2413}
.badge{display:inline-block;background:rgba(255,255,255,.12);color:#fff;padding:4px 8px;border-radius:999px;font-size:12px;border:1px solid rgba(255,255,255,.2)}
.footer{background:#0f1211;padding:24px 0;margin-top:40px;border-top:1px solid rgba(255,255,255,.08)}
.ticket{border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:8px;text-align:center;cursor:pointer;background:rgba(255,255,255,.04)}
.ticket.selected{outline:3px solid var(--a);background:rgba(14,207,138,.1)}
form input, form select, form textarea{width:100%;padding:10px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:#121414;color:#fff}
.grid{display:grid;gap:12px}
@media(min-width:768px){.grid.cols-2{grid-template-columns:1fr 1fr}}
/* Utils modal */
.hidden{display:none}.flex{display:flex}.fixed{position:fixed}.inset-0{top:0;left:0;right:0;bottom:0}
/* [v0.2.3] Badges de estatus */
.badge-s{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06)}
.badge-paid{border-color:#2d7a4c;background:rgba(46,160,67,.15)}
.badge-pending{border-color:#a07b2f;background:rgba(198,162,93,.12)}
.badge-expired{border-color:#7a2d2d;background:rgba(200,60,60,.15)}