/* ============================================================
   NEGO JAZS — Press Kit Digital
   style.css — Paleta Amarelo & Preto
   ============================================================ */

/* ── Variáveis — Paleta Amarelo + Preto ────────────────────── */
:root {
  --cor-primaria:       #f5c800;
  --cor-primaria-deep:  #c9a200;
  --cor-primaria-suave: rgba(245,200,0,0.40);
  --cor-ouro:           #ffe566;
  --cor-ouro-suave:     rgba(255,229,102,0.35);
  --cor-ouro-dim:       rgba(255,229,102,0.15);
  --cor-fundo:          #080700;
  --cor-card:           #111000;
  --cor-card-hover:     #1c1a00;
  --cor-texto:          #f5f0d0;
  --cor-texto-suave:    rgba(245,240,208,0.52);
  --raio-card:  1.5rem;
  --raio-hero:  2.5rem;
  --largura-max: 720px;
  --transicao:  0.25s ease;
}

/* ── Reset & Base ───────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  background-color: var(--cor-fundo);
  color: var(--cor-texto);
  font-family: 'Montserrat', sans-serif;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
img { display: block; max-width: 100%; }
a   { color: inherit; text-decoration: none; }

/* ── Fundo desfocado fixo ───────────────────────────────────── */
.fundo-fixo {
  position: fixed; inset: 0;
  background-image: url('../assets/images/cover.webp');
  background-size: cover; background-position: center;
  filter: blur(60px); opacity: 0.15;
  transform: scale(1.1); z-index: -1; pointer-events: none;
}

.pagina {
  position: relative; min-height: 100vh;
  max-width: var(--largura-max); margin: 0 auto;
}

/* ══════════════════════════════════════════════════════════════
   HERO
══════════════════════════════════════════════════════════════ */
.hero {
  position: relative;
  height: 100svh; max-height: 950px; min-height: 800px;
  display: flex; flex-direction: column;
  align-items: center; justify-content: flex-end;
  margin-top: 1.25rem; padding-bottom: 2.5rem;
  overflow: hidden;
  border-radius: var(--raio-hero) var(--raio-hero) 0 0;
  background-color: var(--cor-card);
}

.hero__cover {
  position: absolute; inset: 0;
  background-image: url('../assets/images/cover.webp');
  background-size: cover; background-position: center top;
  border-radius: inherit;
  opacity: 0; transform: scale(1.06) translateY(22px);
  transition: opacity 1.2s cubic-bezier(0.22,1,0.36,1),
              transform 1.5s cubic-bezier(0.22,1,0.36,1);
}
.hero__cover.entrou { opacity: 0.9; transform: scale(1) translateY(0); }

.hero__cover::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(to bottom,
    rgba(8,7,0,0.02) 0%, rgba(8,7,0,0.08) 40%,
    rgba(8,7,0,0.82) 72%, var(--cor-fundo) 100%);
  border-radius: inherit;
}

.hero__conteudo {
  position: relative; z-index: 1;
  text-align: center; padding: 0 1.5rem;
}

.hero__logo {
  width: 100%; max-width: 340px; max-height: 340px; height: auto;
  margin: 0 auto 0.5rem;
  opacity: 0; transform: translateY(20px) scale(0.92);
  transition: opacity 0.8s cubic-bezier(0.22,1,0.36,1),
              transform 0.8s cubic-bezier(0.22,1,0.36,1);
  transition-delay: 0.7s;
}
.hero__logo.entrou { opacity: 1; transform: translateY(0) scale(1); }

.hero__titulo { position: absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }

/* Nome tipográfico — exibido enquanto não há logo real */
.hero__nome-wrap {
  opacity: 0; transform: translateY(20px) scale(0.92);
  transition: opacity 0.8s cubic-bezier(0.22,1,0.36,1),
              transform 0.8s cubic-bezier(0.22,1,0.36,1);
  transition-delay: 0.7s;
  margin-bottom: 0.25rem;
}
.hero__nome-wrap.entrou { opacity: 1; transform: translateY(0) scale(1); }

.hero__nome {
  font-size: clamp(1.9rem, 7vw, 3.2rem);
  font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; line-height: 1.1;
  background: linear-gradient(135deg, var(--cor-primaria) 0%, var(--cor-ouro) 55%, var(--cor-primaria) 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.hero__subtitulo {
  font-size: clamp(0.65rem, 2vw, 0.8rem);
  font-weight: 400; letter-spacing: 0.42em; text-transform: uppercase;
  color: var(--cor-ouro-suave); margin-top: 0.3rem;
}

.hero__redes {
  display: flex; justify-content: center; gap: 0.5rem; margin-top: 2rem;
  opacity: 0; transform: translateY(16px);
  transition: opacity 0.7s ease, transform 0.7s ease;
  transition-delay: 1.2s;
}
.hero__redes.entrou { opacity: 1; transform: translateY(0); }

.hero__redes a { display: block; padding: 0.5rem; transition: transform var(--transicao), opacity var(--transicao); }
.hero__redes a:hover { transform: scale(1.2); }

.hero__redes svg {
  width: 2.5rem; height: 2.5rem;
  fill: var(--cor-ouro);
  filter: drop-shadow(0 0 0 transparent);
  transition: fill var(--transicao), filter var(--transicao);
}
.hero__redes a:hover svg {
  fill: var(--cor-primaria);
  filter: drop-shadow(0 0 8px rgba(245,200,0,0.65));
}

.hero__scroll {
  position: absolute; bottom: 1.5rem; left: 50%; transform: translateX(-50%);
  color: var(--cor-ouro-suave); z-index: 1;
  opacity: 0; transition: opacity 0.6s ease; transition-delay: 1.65s;
}
.hero__scroll.entrou { opacity: 1; animation: pulsar 1.8s ease-in-out infinite; }
.hero__scroll svg { width: 2rem; height: 2rem; }

@keyframes pulsar {
  0%,100% { transform: translateX(-50%) translateY(0); }
  50%      { transform: translateX(-50%) translateY(7px); }
}

/* ══════════════════════════════════════════════════════════════
   CORPO
══════════════════════════════════════════════════════════════ */
.corpo { position: relative; background-color: var(--cor-fundo); border-radius: 0 0 var(--raio-hero) var(--raio-hero); }

.secao-titulo {
  font-size: clamp(1.1rem,3vw,1.5rem); font-weight: 300;
  text-align: center; text-transform: uppercase; letter-spacing: 0.6em; margin-bottom: 1.5rem;
  background: linear-gradient(135deg, var(--cor-primaria) 0%, var(--cor-ouro) 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}

.secao { padding: 2rem 1.5rem; }
@media (min-width:640px) { .secao { padding: 2rem 2.5rem; } }

/* ══════════════════════════════════════════════════════════════
   SETS & TRACKS
══════════════════════════════════════════════════════════════ */
.sets { display: flex; flex-direction: column; gap: 3.5rem; }

.player-video {
  border-radius: var(--raio-card); overflow: hidden;
  box-shadow: 0 20px 60px rgba(0,0,0,0.6), 0 0 0 1px var(--cor-ouro-dim);
  aspect-ratio: 16/9;
}
.player-video iframe { width:100%; height:100%; border:none; }

.player-audio {
  border-radius: var(--raio-card); overflow: hidden;
  box-shadow: 0 16px 48px rgba(0,0,0,0.5), 0 0 0 1px var(--cor-ouro-dim);
}
.player-audio iframe { width:100%; height:300px; border:none; display:block; }

/* ── Seção Spotify ──────────────────────────────────────────── */
.secao--spotify { padding-top: 2rem; padding-bottom: 2rem; }

.spotify-player { width: 100%; }

.spotify-thumb {
  display: block;
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: var(--raio-card);
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0,0,0,0.6), 0 0 0 1px var(--cor-ouro-dim);
}

.spotify-thumb__img {
  width: 100%; height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.spotify-thumb:hover .spotify-thumb__img { transform: scale(1.03); }

.spotify-thumb__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.38);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}

.spotify-thumb:hover .spotify-thumb__overlay { background: rgba(0,0,0,0.20); }

.spotify-thumb__play {
  width: 72px; height: 72px;
  border-radius: 50%;
  background: rgba(245,200,0,0.18);
  backdrop-filter: blur(8px);
  border: 2px solid rgba(245,200,0,0.5);
  display: flex; align-items: center; justify-content: center;
  transition: transform 0.3s ease, background 0.3s ease;
}

.spotify-thumb:hover .spotify-thumb__play {
  transform: scale(1.1);
  background: rgba(245,200,0,0.32);
}

.spotify-thumb__play svg {
  width: 28px; height: 28px;
  color: var(--cor-primaria);
  margin-left: 4px;
}

/* ══════════════════════════════════════════════════════════════
   BIOGRAFIA
══════════════════════════════════════════════════════════════ */
.bio { position:relative; overflow:hidden; padding-top:3rem; padding-bottom:3rem; }

.bio__bg {
  position:absolute; inset:0;
  background-image:linear-gradient(rgba(8,7,0,0.52), rgba(8,7,0,0.82)), url('../assets/images/gallery-4.webp');
  background-size:cover; background-position:center;
  transform:scale(1.08); opacity:0.36; z-index:0;
}

.bio__conteudo { position:relative; z-index:1; max-width:640px; margin:0 auto; }

.bio__idiomas { display:flex; justify-content:center; gap:0.5rem; margin-bottom:2rem; flex-wrap:wrap; }

.btn-idioma {
  padding:0.35rem 1rem; border-radius:999px; border:1px solid transparent;
  background:transparent; color:var(--cor-texto-suave);
  font-family:inherit; font-size:0.85rem; font-weight:500; cursor:pointer;
  transition:color var(--transicao),border-color var(--transicao),background var(--transicao);
}
.btn-idioma:hover { color:var(--cor-texto); border-color:var(--cor-ouro-dim); }
.btn-idioma.ativo { color:var(--cor-primaria); border-color:var(--cor-primaria-suave); background:rgba(245,200,0,0.08); }

.bio__texto { display:none; font-size:1rem; color:var(--cor-texto-suave); text-align:justify; white-space:pre-line; line-height:1.85; padding:0 1.25rem; }
.bio__texto.visivel { display:block; }

.bio__tags { display:flex; flex-wrap:wrap; gap:0.5rem; padding:0 1.25rem; margin-top:1.75rem; justify-content:center; }
.bio__tag {
  padding:0.25rem 0.85rem; border-radius:999px;
  border:1px solid var(--cor-ouro-dim);
  font-size:0.72rem; font-weight:500; letter-spacing:0.08em;
  color:var(--cor-ouro); background:rgba(245,200,0,0.05); white-space:nowrap;
}

/* ══════════════════════════════════════════════════════════════
   GALERIA
══════════════════════════════════════════════════════════════ */
.galeria { display:grid; grid-template-columns:repeat(3,1fr); }

.galeria__item {
  position:relative; aspect-ratio:1/1; overflow:hidden; cursor:pointer;
  opacity:0; transform:scale(0.88);
  transition:opacity 0.55s cubic-bezier(0.22,1,0.36,1), transform 0.55s cubic-bezier(0.22,1,0.36,1);
}
.galeria__item.entrou { opacity:0.7; transform:scale(1); }
.galeria__item:hover  { opacity:1 !important; }
.galeria__item:nth-child(1) { transition-delay:0.00s; }
.galeria__item:nth-child(2) { transition-delay:0.08s; }
.galeria__item:nth-child(3) { transition-delay:0.16s; }
.galeria__item:nth-child(4) { transition-delay:0.24s; }
.galeria__item:nth-child(5) { transition-delay:0.32s; }
.galeria__item:nth-child(6) { transition-delay:0.40s; }
.galeria__item:nth-child(7) { transition-delay:0.48s; }
.galeria__item:nth-child(8) { transition-delay:0.56s; }
.galeria__item:nth-child(9) { transition-delay:0.64s; }

.galeria__item img { width:100%; height:100%; object-fit:cover; transition:transform 0.4s ease; }
.galeria__item:hover img { transform:scale(1.06); }

.galeria__item::after {
  content:''; position:absolute; inset:0;
  background:linear-gradient(135deg,rgba(245,200,0,0.18) 0%,rgba(255,229,102,0.06) 100%);
  opacity:0; transition:opacity 0.3s ease; pointer-events:none;
}
.galeria__item:hover::after { opacity:1; }

/* Lightbox */
.lightbox { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.96); z-index:9999; align-items:center; justify-content:center; padding:1rem; }
.lightbox.aberto { display:flex; }
.lightbox__img { max-width:90vw; max-height:90vh; border-radius:0.75rem; object-fit:contain; box-shadow:0 0 80px rgba(245,200,0,0.20); }
.lightbox__fechar { position:absolute; top:1.25rem; right:1.25rem; background:transparent; border:none; color:rgba(255,255,255,0.6); cursor:pointer; padding:0.25rem; line-height:0; transition:color var(--transicao); }
.lightbox__fechar:hover { color:var(--cor-ouro); }
.lightbox__fechar svg { width:2rem; height:2rem; }
.lightbox__nav { position:absolute; top:50%; transform:translateY(-50%); background:rgba(245,200,0,0.10); border:none; color:rgba(255,255,255,0.6); cursor:pointer; padding:0.75rem; line-height:0; border-radius:999px; transition:background var(--transicao),color var(--transicao); }
.lightbox__nav:hover { background:rgba(245,200,0,0.25); color:var(--cor-ouro); }
.lightbox__nav svg { width:1.5rem; height:1.5rem; }
.lightbox__nav--prev { left:1rem; }
.lightbox__nav--next { right:1rem; }

/* ══════════════════════════════════════════════════════════════
   CONTATO
══════════════════════════════════════════════════════════════ */
.contato { position:relative; overflow:hidden; padding-top:3rem; padding-bottom:3rem; border-radius:0 0 var(--raio-hero) var(--raio-hero); text-align:center; }
.contato__bg { position:absolute; inset:0; background-image:linear-gradient(rgba(8,7,0,0.62), rgba(8,7,0,0.9)), url('../assets/images/gallery-8.webp'); background-size:cover; background-position:center; transform:scale(1.08); opacity:0.34; z-index:0; }
.contato__conteudo { position:relative; z-index:1; max-width:600px; margin:0 auto; }

.contato-item { opacity:0; transform:translateY(24px) scale(0.96); transition:opacity 0.75s cubic-bezier(0.22,1,0.36,1), transform 0.75s cubic-bezier(0.22,1,0.36,1); }
.contato-item.entrou { opacity:1; transform:translateY(0) scale(1); }
.contato-item:nth-child(1) { transition-delay:0.00s; }
.contato-item:nth-child(2) { transition-delay:0.14s; }
.contato-item:nth-child(3) { transition-delay:0.28s; }
.contato-item:nth-child(4) { transition-delay:0.42s; }

.contato__email {
  display:inline-flex; align-items:center; gap:0.6rem;
  padding:1rem 1.75rem; border-radius:999px;
  background:var(--cor-card); border:1px solid var(--cor-ouro-dim);
  font-size:1rem; font-weight:500; margin-bottom:1.25rem;
  transition:background var(--transicao),transform var(--transicao),border-color var(--transicao);
}
.contato__email:hover { background:var(--cor-card-hover); transform:scale(1.03); border-color:var(--cor-primaria-suave); }
.contato__email svg { width:1.25rem; height:1.25rem; stroke:var(--cor-primaria); fill:none; flex-shrink:0; }

.contato__redes { display:flex; flex-wrap:wrap; justify-content:center; gap:1rem; margin-bottom:2.5rem; }

.card-rede { display:flex; flex-direction:column; align-items:center; gap:0.5rem; padding:1.5rem 1.25rem; min-width:120px; background:var(--cor-card); border:1px solid var(--cor-ouro-dim); border-radius:var(--raio-card); font-size:0.85rem; font-weight:500; transition:background var(--transicao),transform var(--transicao),border-color var(--transicao); }
.card-rede:hover { background:var(--cor-card-hover); transform:scale(1.04); border-color:var(--cor-primaria-suave); }
.card-rede img { filter: brightness(0.85) saturate(0.8); transition: filter var(--transicao); }
.card-rede:hover img { filter: brightness(1.1) saturate(1.2) drop-shadow(0 0 6px rgba(245,200,0,0.45)); }

.btn-download {
  display:inline-flex; align-items:center; gap:0.6rem;
  padding:1.1rem 2.5rem; border-radius:999px;
  background:linear-gradient(135deg, var(--cor-primaria-deep) 0%, var(--cor-primaria) 50%, var(--cor-ouro) 100%);
  color:#080700; font-size:0.85rem; font-weight:700; text-transform:uppercase; letter-spacing:0.15em;
  box-shadow:0 8px 30px rgba(245,200,0,0.30), 0 0 0 1px rgba(255,229,102,0.15);
  transition:transform var(--transicao),box-shadow var(--transicao);
}
.btn-download:hover { transform:scale(1.04); box-shadow:0 12px 40px rgba(245,200,0,0.50), 0 0 0 1px rgba(255,229,102,0.25); }
.btn-download svg { width:1.1rem; height:1.1rem; stroke:currentColor; fill:none; flex-shrink:0; }

/* ══════════════════════════════════════════════════════════════
   RODAPÉ
══════════════════════════════════════════════════════════════ */
.rodape { padding:1.5rem 1rem 2rem; text-align:center; }
.rodape__marca { font-size:0.75rem; color:var(--cor-texto-suave); letter-spacing:0.05em; margin-bottom:0.75rem; }
.rodape__links { display:flex; justify-content:center; gap:1.25rem; font-size:0.72rem; color:var(--cor-texto-suave); flex-wrap:wrap; }
.rodape__links a { transition:color var(--transicao); }
.rodape__links a:hover { color:var(--cor-ouro); }
.rodape__sep { opacity:0.35; }

/* ── Scroll animations ──────────────────────────────────────── */
.animar { opacity:0; transform:translateY(24px) scale(0.97); transition:opacity 0.65s ease,transform 0.65s ease; }
.animar.visivel { opacity:1; transform:translateY(0) scale(1); }
.delay-1 { transition-delay:0.10s; }
.delay-2 { transition-delay:0.20s; }
.delay-3 { transition-delay:0.30s; }
.delay-4 { transition-delay:0.40s; }

/* ── Responsivo ─────────────────────────────────────────────── */
@media (max-width:480px) {
  .hero { margin-top:0.5rem; }
  .hero__nome { font-size:1.9rem; }
  .secao-titulo { letter-spacing:0.3em; }
  .player-audio iframe { height:240px; }
  .lightbox__nav--prev { left:0.25rem; }
  .lightbox__nav--next { right:0.25rem; }
}
@media (min-width:640px) {
  .hero { margin-top:2rem; }
  .player-audio iframe { height:360px; }
}

/* LOADING PREMIUM */
body.loading{overflow:hidden;}
.loading-screen{position:fixed;inset:0;background:#070707;display:flex;align-items:center;justify-content:center;z-index:99999;transition:opacity .8s ease,visibility .8s ease;}
.loading-screen.hidden{opacity:0;visibility:hidden;}
.loading-logo{display:flex;flex-direction:column;align-items:center;gap:18px;}
.loading-logo img{width:140px;filter:drop-shadow(0 0 18px rgba(255,208,0,.35));animation:pulse 1.8s infinite;}
.loading-bar{width:160px;height:3px;background:rgba(255,208,0,.12);border-radius:999px;overflow:hidden;}
.loading-bar span{display:block;height:100%;width:0;background:#ffd000;animation:loadingBar 2.3s ease forwards;}
@keyframes loadingBar{to{width:100%;}}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.05);opacity:.8;}}