*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#080808;
  --surface:#111;
  --surface2:#181818;
  --accent:#e8b400;
  --accent2:#e63c2f;
  --text:#f0ece0;
  --muted:#888;
  --border:#2a2a2a;
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:'Space Mono',monospace;overflow-x:hidden}

/* NAV */
nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;
  padding:.9rem 2rem;
  background:rgba(8,8,8,0.95);
  border-bottom:1px solid var(--border);
  backdrop-filter:blur(10px);
  gap:1rem;
}
.nav-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none}
.nav-logo img{width:42px;height:42px;border-radius:50%;object-fit:cover}
.nav-logo-text{font-family:'Bebas Neue',sans-serif;font-size:1.1rem;letter-spacing:3px;color:var(--accent);line-height:1}
.nav-links{display:flex;gap:1.5rem;flex-wrap:wrap}
.nav-links a{color:var(--muted);text-decoration:none;font-size:.65rem;letter-spacing:2px;text-transform:uppercase;transition:color .2s}
.nav-links a:hover{color:var(--text)}

/* HERO */
.hero{
  min-height:100vh;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:7rem 2rem 4rem;
  position:relative;overflow:hidden;
}
.hero-grid{
  position:absolute;inset:0;
  background:
    repeating-linear-gradient(0deg,transparent,transparent 49px,#181818 49px,#181818 50px),
    repeating-linear-gradient(90deg,transparent,transparent 49px,#181818 49px,#181818 50px);
  opacity:.25;
}
.hero-glow{
  position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);
  width:700px;height:700px;border-radius:50%;
  background:radial-gradient(circle,rgba(232,180,0,.12) 0%,transparent 70%);
  pointer-events:none;
}
.hero-logos{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:2rem;position:relative;z-index:1;flex-wrap:wrap}
.hero-logo-img{width:90px;height:90px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}
.hero-x{font-family:'Bebas Neue',sans-serif;font-size:2rem;color:var(--muted)}
.hero-logo-circulo{
  width:90px;height:90px;border-radius:50%;border:2px solid var(--border);
  background:#111;display:flex;align-items:center;justify-content:center;
  overflow:hidden;
}
.hero-logo-circulo svg{width:70px;height:70px}

.badge{
  display:inline-block;font-size:.62rem;letter-spacing:3px;text-transform:uppercase;
  padding:.35rem 1rem;border:1px solid var(--accent);color:var(--accent);
  margin-bottom:1.25rem;position:relative;z-index:1;
}
h1{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(3.5rem,12vw,9rem);
  line-height:.9;letter-spacing:-1px;
  position:relative;z-index:1;
}
h1 .l1{display:block;color:var(--text)}
h1 .l2{display:block;color:var(--accent)}
h1 .l3{display:block;color:var(--accent2);font-size:clamp(2rem,6vw,5rem)}
.hero-sub{
  font-size:.75rem;letter-spacing:2px;color:var(--muted);
  margin-top:1rem;position:relative;z-index:1;text-transform:uppercase;
}
.hero-meta{
  display:flex;gap:2.5rem;margin-top:2rem;position:relative;z-index:1;
  flex-wrap:wrap;justify-content:center;
}
.hero-meta-item .label{font-size:.55rem;letter-spacing:3px;color:var(--muted);text-transform:uppercase;margin-bottom:.2rem}
.hero-meta-item .value{font-family:'Bebas Neue',sans-serif;font-size:1.3rem;letter-spacing:2px;color:var(--text)}
.cta-group{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap;justify-content:center;position:relative;z-index:1}
.btn-primary{
  background:var(--accent);color:#000;padding:.8rem 2rem;
  font-family:'Space Mono',monospace;font-size:.7rem;letter-spacing:2px;text-transform:uppercase;
  border:none;cursor:pointer;text-decoration:none;display:inline-block;
  clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
  transition:background .2s;font-weight:700;
}
.btn-primary:hover{background:#c99c00}
.btn-outline{
  background:transparent;color:var(--text);padding:.8rem 2rem;
  font-family:'Space Mono',monospace;font-size:.7rem;letter-spacing:2px;text-transform:uppercase;
  border:1px solid var(--border);cursor:pointer;text-decoration:none;display:inline-block;
  clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
  transition:border-color .2s;
}
.btn-outline:hover{border-color:var(--accent)}

/* DIVIDER */
.divider{display:flex;align-items:center;gap:1rem;padding:0 2rem}
.divider-line{flex:1;height:1px;background:var(--border)}
.divider-dot{color:var(--accent);font-size:1rem}

/* SECTIONS */
.section-wrap{padding:5rem 2rem;max-width:1100px;margin:0 auto}
.section-label{font-size:.58rem;letter-spacing:4px;text-transform:uppercase;color:var(--accent);margin-bottom:.4rem}
.section-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.2rem,5vw,4rem);letter-spacing:2px;line-height:1;margin-bottom:2rem}

/* COMUNICADO */
.comunicado-wrap{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}
.comunicado-img{width:100%;border:1px solid var(--border);display:block}
.comunicado-text{}
.comunicado-text p{font-size:.78rem;line-height:1.9;color:var(--muted);margin-bottom:1rem}
.comunicado-text strong{color:var(--accent)}
.comunicado-text .insta-link{
  display:inline-flex;align-items:center;gap:.5rem;
  color:var(--accent2);font-size:.65rem;letter-spacing:2px;text-transform:uppercase;
  text-decoration:none;border-bottom:1px solid var(--accent2);padding-bottom:2px;
  transition:opacity .2s;
}
.comunicado-text .insta-link:hover{opacity:.7}

/* VIDEO */
.video-wrap{
  width:100%;max-width:500px;margin:0 auto;
  border:1px solid var(--border);
  display:block;
}
.video-wrap video{width:100%;display:block}
.video-caption{font-size:.65rem;color:var(--muted);letter-spacing:2px;text-align:center;margin-top:.75rem;text-transform:uppercase}

/* BANDAS */
.bands-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;background:var(--border)}
.band-card{
  background:var(--surface);padding:0;
  transition:background .2s;overflow:hidden;
}
.band-card:hover{background:var(--surface2)}
.band-photo{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:top;display:block;filter:grayscale(20%)}
.band-photo-placeholder{
  width:100%;aspect-ratio:4/3;background:var(--surface2);
  display:flex;align-items:center;justify-content:center;
  font-size:3rem;border-bottom:1px solid var(--border);
}
.band-info{padding:1.5rem}
.band-slot{font-size:.55rem;letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin-bottom:.4rem}
.band-name{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;letter-spacing:1px;line-height:1;margin-bottom:.3rem}
.band-genre{font-size:.6rem;letter-spacing:2px;color:var(--accent);text-transform:uppercase;margin-bottom:.8rem}
.band-desc{font-size:.68rem;line-height:1.75;color:var(--muted)}
.add-band-card{
  background:var(--surface);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:3rem 2rem;gap:1rem;border:1px dashed var(--border);
  color:var(--muted);font-size:.65rem;letter-spacing:2px;text-transform:uppercase;text-align:center;
  min-height:300px;
}
.add-band-card .plus{font-size:2.5rem;color:var(--border)}

/* INFO */
.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1.5rem}
.info-card{padding:1.75rem;border:1px solid var(--border);background:var(--surface)}
.info-icon{font-size:1.4rem;margin-bottom:.9rem}
.info-title{font-family:'Bebas Neue',sans-serif;font-size:1.2rem;letter-spacing:2px;margin-bottom:.5rem}
.info-text{font-size:.67rem;line-height:1.9;color:var(--muted)}
.info-text a{color:var(--accent);text-decoration:none}
.info-text a:hover{text-decoration:underline}

/* PARCEIROS */
.parceiros-row{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}
.parceiro-tag{
  font-size:.65rem;letter-spacing:2px;text-transform:uppercase;
  padding:.4rem 1rem;border:1px solid var(--border);color:var(--muted);
}

/* FOOTER */
footer{
  border-top:1px solid var(--border);padding:2.5rem 2rem;
  display:flex;flex-direction:column;align-items:center;gap:1rem;
  text-align:center;
}
.footer-logo{display:flex;align-items:center;gap:1rem}
.footer-logo img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.footer-logo-text{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;letter-spacing:3px;color:var(--accent)}
footer p{font-size:.6rem;letter-spacing:2px;color:var(--muted)}
footer a{color:var(--accent2);text-decoration:none}

@media(max-width:700px){
  .comunicado-wrap{grid-template-columns:1fr}
  .nav-links{display:none}
  .hero-logos .hero-logo-circulo,.hero-logos .hero-x{display:none}
}

/* ACESSIBILIDADE E NAVEGAÇÃO */
.skip-link{
  position:fixed;top:.75rem;left:.75rem;z-index:1000;
  transform:translateY(-180%);
  background:var(--accent);color:#000;
  padding:.75rem 1rem;font-size:.75rem;font-weight:700;
  text-decoration:none;
}
.skip-link:focus{transform:translateY(0)}

.nav-toggle{
  display:none;align-items:center;gap:.55rem;
  min-height:44px;padding:.65rem .85rem;
  border:1px solid var(--border);background:var(--surface);
  color:var(--text);font-family:'Space Mono',monospace;
  font-size:.72rem;font-weight:700;letter-spacing:1px;
  text-transform:uppercase;cursor:pointer;
}
.nav-toggle-icon{font-size:1rem;line-height:1}

a:focus-visible,
button:focus-visible,
video:focus-visible{
  outline:3px solid var(--accent);
  outline-offset:4px;
}

.nav-links a{font-size:.72rem}
.hero-meta-item .label{font-size:.62rem}
.section-label{font-size:.66rem}
.band-slot{font-size:.62rem}
.band-genre{font-size:.67rem}
.band-desc,.info-text{font-size:.74rem}
footer p{font-size:.67rem}

/* BOTÕES */
.btn-ticket{
  background:var(--accent2);color:#fff;padding:.8rem 2rem;
  font-family:'Space Mono',monospace;font-size:.7rem;font-weight:700;
  letter-spacing:2px;text-transform:uppercase;text-decoration:none;
  display:inline-block;
  clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);
  transition:filter .2s,transform .2s;
}
.btn-ticket:hover{filter:brightness(1.12);transform:translateY(-2px)}

/* INGRESSOS */
.tickets-card{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);
  gap:clamp(2rem,6vw,5rem);align-items:center;
  padding:clamp(1.5rem,4vw,3.5rem);
  border:1px solid var(--accent);
  background:
    linear-gradient(135deg,rgba(232,180,0,.10),transparent 45%),
    var(--surface);
  position:relative;overflow:hidden;
}
.tickets-card::after{
  content:"";
  position:absolute;right:-100px;bottom:-100px;
  width:280px;height:280px;border-radius:50%;
  background:rgba(230,60,47,.08);
  pointer-events:none;
}
.tickets-copy,.tickets-qr{position:relative;z-index:1}
.tickets-kicker{
  color:var(--accent2);font-size:.68rem;font-weight:700;
  letter-spacing:4px;text-transform:uppercase;margin-bottom:.6rem;
}
.tickets-title{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(2.5rem,6vw,4.8rem);
  line-height:.95;letter-spacing:2px;
  margin-bottom:1rem;
}
.tickets-text{
  max-width:620px;color:var(--muted);
  font-size:.78rem;line-height:1.9;
}
.tickets-actions{
  display:flex;align-items:center;gap:1rem;flex-wrap:wrap;
  margin-top:1.5rem;
}
.tickets-note{
  display:block;margin-top:1rem;
  color:var(--muted);font-size:.64rem;line-height:1.6;
}
.tickets-qr{
  display:block;color:var(--text);text-decoration:none;
  text-align:center;
}
.tickets-qr img{
  display:block;width:100%;height:auto;
  padding:.75rem;background:#fff;
  border:8px solid #fff;
  box-shadow:0 0 0 1px var(--border);
}
.tickets-qr span{
  display:block;margin-top:.8rem;
  font-size:.62rem;letter-spacing:2px;
  text-transform:uppercase;color:var(--muted);
}
.info-ticket-link{
  display:inline-block;margin-top:.8rem;
  color:var(--accent);font-weight:700;
  text-decoration:underline;text-underline-offset:4px;
}

/* MELHORIAS DE MÍDIA */
.comunicado-img,.band-photo{height:auto}
.video-wrap video{background:#000}

/* MENU MOBILE */
@media(max-width:700px){
  nav{padding:.75rem 1rem}
  .nav-logo img{width:38px;height:38px}
  .nav-logo-text{font-size:1rem}
  .nav-toggle{display:inline-flex}

  .nav-links{
    display:flex;
    position:absolute;top:100%;left:0;right:0;
    flex-direction:column;gap:0;
    padding:.5rem 1rem 1rem;
    background:rgba(8,8,8,.98);
    border-bottom:1px solid var(--border);
  }
  html.js .nav-links{display:none}
  html.js .nav-links.is-open{display:flex}
  .nav-links a{
    display:flex;align-items:center;
    min-height:46px;padding:.65rem .25rem;
    border-bottom:1px solid var(--border);
    font-size:.78rem;
  }
  .nav-links a:last-child{border-bottom:0}

  .hero{padding:8rem 1.25rem 3.5rem}
  .hero-meta{gap:1.3rem}
  .cta-group{width:100%}
  .cta-group a{width:100%;max-width:320px}

  .tickets-card{grid-template-columns:1fr}
  .tickets-qr{width:min(100%,280px);margin:0 auto}
  .section-wrap{padding:4rem 1.25rem}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    scroll-behavior:auto!important;
    transition:none!important;
    animation:none!important;
  }
}

/* BANDAS: links e identidades */
.section-intro{
  max-width:760px;
  margin:-1rem 0 2rem;
  color:var(--muted);
  font-size:.78rem;
  line-height:1.8;
}
.band-card{display:flex;flex-direction:column;min-width:0}
.band-media{position:relative;overflow:hidden;background:#090909}
.band-photo-odiad{object-position:center 25%}
.band-photo-mitsein{object-position:center 34%}
.band-photo-a-drink{object-position:center 52%}
.band-photo-naught-dog{object-position:center 44%}
.band-photo-ghon{object-position:center 40%}
.band-photo-walk-again{object-position:center 46%}
.band-photo-asgard{object-position:center 48%}
.band-media::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:42%;
  background:linear-gradient(to top,rgba(8,8,8,.94),transparent);
  pointer-events:none;
}
.band-info{display:flex;flex:1;flex-direction:column}
.band-desc{margin:0}
.band-links{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:auto;padding-top:1.15rem}
.band-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:.65rem .9rem;
  border:1px solid var(--border);
  color:var(--text);
  text-decoration:none;
  font-size:.62rem;
  font-weight:700;
  letter-spacing:1.5px;
  text-transform:uppercase;
  transition:border-color .2s,background .2s,color .2s,transform .2s;
}
.band-link:hover,.band-link:focus-visible{
  border-color:var(--accent);
  background:rgba(232,180,0,.08);
  color:var(--accent);
  transform:translateY(-2px);
}
.band-link-spotify::before{content:"●";margin-right:.45rem;color:#1ed760;font-size:.8rem}
.band-link-instagram::before{content:"◎";margin-right:.45rem;color:#f05;font-size:.85rem}

/* Assinatura visual das organizações */
.organizers-showcase{
  max-width:1100px;
  margin:0 auto;
  padding:1rem 2rem 5rem;
  text-align:center;
}
.organizers-title{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(2rem,5vw,4rem);
  letter-spacing:3px;
  margin:.3rem 0 1.5rem;
}
.organizers-showcase img{
  display:block;
  width:100%;
  height:auto;
  max-width:920px;
  margin:0 auto;
  object-fit:contain;
  border:1px solid var(--border);
  background:#000;
}

@media(max-width:700px){
  .section-intro{font-size:.74rem;margin-top:-.6rem}
  .organizers-showcase{padding:1rem 1rem 3.5rem}
}

/* ALINHAMENTO FINAL DO LINE-UP COM 7 BANDAS */
@media (min-width: 901px) {
  .bands-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 1px;
    background: transparent;
  }

  .bands-grid .band-card {
    grid-column: span 2;
    border: 1px solid var(--border);
  }

  .bands-grid .band-card:last-child {
    grid-column: 3 / span 2;
  }
}

@media (min-width: 701px) and (max-width: 900px) {
  .bands-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    background: transparent;
  }

  .bands-grid .band-card {
    grid-column: span 2;
    border: 1px solid var(--border);
  }

  .bands-grid .band-card:last-child {
    grid-column: 2 / span 2;
  }
}

@media (max-width: 700px) {
  .bands-grid {
    grid-template-columns: 1fr;
    background: transparent;
  }

  .bands-grid .band-card {
    grid-column: auto;
    border: 1px solid var(--border);
  }
}