/* ARDE Tickets v4 · estética ticketera real */
:root{
  --arde-bg:#06060a;
  --arde-panel:#111118;
  --arde-panel-2:#181821;
  --arde-line:rgba(255,255,255,.125);
  --arde-text:#fff;
  --arde-muted:#aaa4b8;
  --arde-orange:#ff5a22;
  --arde-orange-2:#ff7a18;
  --arde-green:#24d37d;
  --arde-red:#ff3b5f;
  --arde-shadow:0 24px 80px rgba(0,0,0,.42);
}
html{background:#050508!important;}
body{
  color:var(--arde-text)!important;
  background:
    radial-gradient(circle at 12% -10%, rgba(255,90,34,.24), transparent 31%),
    radial-gradient(circle at 92% -8%, rgba(36,211,125,.13), transparent 28%),
    linear-gradient(180deg,#0a0a0f 0%,#050508 100%)!important;
  -webkit-font-smoothing:antialiased;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 74%);
}
.app-shell,.wrap{max-width:1180px!important;margin:0 auto!important;}
.topbar,.top,header.top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:12px 14px!important;
  margin-bottom:18px!important;
  border:1px solid var(--arde-line)!important;
  border-radius:24px!important;
  background:rgba(9,9,14,.88)!important;
  box-shadow:var(--arde-shadow)!important;
  backdrop-filter:blur(16px)!important;
}
.brand{display:flex!important;align-items:center!important;gap:12px!important;color:#fff!important;min-width:0!important;}
.brand img{width:46px!important;height:46px!important;border-radius:15px!important;box-shadow:0 0 0 1px rgba(255,255,255,.14)!important;}
.brand-title strong,.brand b{font-size:19px!important;line-height:1!important;letter-spacing:-.05em!important;color:#fff!important;}
.brand-title span,.brand span span{color:var(--arde-muted)!important;font-size:12px!important;margin-top:4px!important;}

.nav-pills,.nav{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
.nav-pills::-webkit-scrollbar,.nav::-webkit-scrollbar{display:none!important;}
.nav-pills a,.nav a,.nav button,.logout-pill{
  flex:0 0 auto!important;
  color:#fff!important;
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:999px!important;
  padding:10px 13px!important;
  text-decoration:none!important;
  font-size:12.5px!important;
  font-weight:900!important;
  white-space:nowrap!important;
  font-family:inherit!important;
  cursor:pointer!important;
}
.nav-pills a.active,.nav a.active{
  color:#ffb199!important;
  background:rgba(255,90,34,.15)!important;
  border-color:rgba(255,90,34,.42)!important;
}
.logout-pill,.nav .danger{
  background:rgba(255,59,95,.11)!important;
  border-color:rgba(255,59,95,.32)!important;
  color:#ffd6de!important;
}

.card,.panel,.box,.notice,section.card,aside.card{
  background:linear-gradient(180deg,rgba(255,255,255,.068),rgba(255,255,255,.028))!important;
  border:1px solid var(--arde-line)!important;
  border-radius:30px!important;
  box-shadow:0 18px 60px rgba(0,0,0,.28)!important;
}
.card{padding:22px!important;}
.grid{gap:16px!important;}

h1{
  color:#fff!important;
  font-size:clamp(34px,5vw,58px)!important;
  line-height:.88!important;
  letter-spacing:-.09em!important;
  margin-top:0!important;
}
h2{
  font-size:clamp(24px,3vw,34px)!important;
  letter-spacing:-.065em!important;
  color:#fff!important;
}
h3{letter-spacing:-.045em!important;color:#fff!important;}
p,.muted,.hint,.small,label{color:var(--arde-muted)!important;}
label{
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
  font-size:11px!important;
}
input,select,textarea{
  width:100%;
  background:#08080d!important;
  border:1px solid rgba(255,255,255,.145)!important;
  color:#fff!important;
  border-radius:16px!important;
  padding:14px 15px!important;
  outline:none!important;
}
input:focus,select:focus,textarea:focus{
  border-color:rgba(255,90,34,.66)!important;
  box-shadow:0 0 0 3px rgba(255,90,34,.15)!important;
}
textarea{min-height:96px!important;}

.btn,button,a.btn{
  border-radius:16px!important;
  font-weight:950!important;
  text-decoration:none!important;
  transition:transform .14s ease, box-shadow .14s ease, border-color .14s ease!important;
}
.btn:hover,button:hover,a.btn:hover{transform:translateY(-1px)!important;}
.btn:not(.ghost):not(.secondary),button[type="submit"],.btn.primary,.primary{
  background:linear-gradient(135deg,var(--arde-orange),var(--arde-orange-2))!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 14px 34px rgba(255,90,34,.20)!important;
}
.btn.secondary,.secondary,.btn.ghost,.ghost{
  background:rgba(255,255,255,.085)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  color:#fff!important;
}
.btn.green,.green{
  background:rgba(36,211,125,.17)!important;
  border-color:rgba(36,211,125,.38)!important;
  color:#d7ffe8!important;
}
.btn.red,.danger,.red{
  background:rgba(255,59,95,.12)!important;
  border-color:rgba(255,59,95,.34)!important;
  color:#ffd6de!important;
}

.tanda-row{
  background:rgba(0,0,0,.24)!important;
  border:1px solid rgba(255,255,255,.105)!important;
  border-radius:18px!important;
  padding:10px!important;
  gap:10px!important;
}
#listaEventos > div,.evento-item,.event-row{
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  background:rgba(0,0,0,.22)!important;
}

table{border-collapse:separate!important;border-spacing:0 8px!important;}
th{
  font-size:11px!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  color:#d8d2e2!important;
}
td,th{border:0!important;}
tr{background:rgba(255,255,255,.045)!important;}

.ticket{border-color:rgba(255,255,255,.13)!important;}
.ticket:hover{border-color:rgba(255,90,34,.34)!important;}
.badge,.pill,.tag{
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:rgba(255,255,255,.075)!important;
  color:#e8e2f0!important;
}

.event-card .poster,.event-card .poster:after,.event-card .fallback{pointer-events:none!important;}
.event-card .event-content,.event-card .card-actions,.event-card .card-actions a{
  position:relative!important;
  z-index:10!important;
  pointer-events:auto!important;
}
.event-card:hover{transform:translateY(-2px)!important;}

.arde-mobile-bottom-final{
  position:fixed!important;
  left:10px!important;
  right:10px!important;
  bottom:10px!important;
  z-index:9999!important;
  display:none;
  grid-template-columns:repeat(4,1fr)!important;
  gap:6px!important;
  padding:8px!important;
  background:rgba(9,9,14,.92)!important;
  border:1px solid var(--arde-line)!important;
  border-radius:24px!important;
  box-shadow:0 18px 60px rgba(0,0,0,.45)!important;
  backdrop-filter:blur(16px)!important;
}
.arde-mobile-bottom-final a{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:4px!important;
  color:#aaa4b8!important;
  text-decoration:none!important;
  font-size:10.5px!important;
  font-weight:900!important;
  border-radius:16px!important;
  padding:7px 4px!important;
}
.arde-mobile-bottom-final a.active{
  background:rgba(255,90,34,.14)!important;
  color:#ffb199!important;
}
.arde-nav-svg svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

@media(max-width:760px){
  body{
    padding-left:10px!important;
    padding-right:10px!important;
    padding-bottom:86px!important;
  }
  .topbar,.top,header.top{
    align-items:flex-start!important;
    flex-direction:column!important;
    border-radius:22px!important;
  }
  .nav-pills,.nav{width:100%!important;}
  .card,.panel,.box,.notice{border-radius:22px!important;}
  .arde-mobile-bottom-final{display:grid!important;}
}