/* ============================================================
   DJ ALEX CORREIA — Press Kit Digital
   style.css
   ============================================================ */

/* ── Variáveis — Paleta Azul + Prata ───────────────────────── */
:root {
  --cor-primaria:       #4a8fd4;
  --cor-primaria-deep:  #2563a8;
  --cor-primaria-suave: rgba(74,143,212,0.45);
  --cor-prata:          #c0cfe0;
  --cor-prata-suave:    rgba(192,207,224,0.35);
  --cor-prata-dim:      rgba(192,207,224,0.18);
  --cor-fundo:          #07090d;
  --cor-card:           #0f1520;
  --cor-card-hover:     #16202e;
  --cor-texto:          #e8eef5;
  --cor-texto-suave:    rgba(232,238,245,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.18;
  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(7,9,13,0.02) 0%, rgba(7,9,13,0.08) 40%,
    rgba(7,9,13,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-prata) 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-prata-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-prata);
  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(74,143,212,0.65));
}

.hero__scroll {
  position: absolute; bottom: 1.5rem; left: 50%; transform: translateX(-50%);
  color: var(--cor-prata-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-prata) 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-prata-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-prata-dim);
}
.player-audio iframe { width:100%; height:300px; border:none; display:block; }

/* ── Seção Spotify (sem player) ─────────────────────────────── */
.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);
}

.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.35);
  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.2); }

.spotify-thumb__play {
  width: 72px; height: 72px;
  border-radius: 50%;
  background: rgba(255,255,255,0.15);
  backdrop-filter: blur(8px);
  border: 2px solid rgba(255,255,255,0.4);
  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(255,255,255,0.25);
}

.spotify-thumb__play svg {
  width: 28px; height: 28px;
  color: #fff;
  margin-left: 4px;
}

.link-plataforma { display:inline-flex; align-items:center; gap:0.5rem; font-size:0.75rem; font-weight:600; text-transform:uppercase; letter-spacing:0.4em; transition:opacity var(--transicao); }
.link-plataforma:hover { opacity:0.75; }
.link-plataforma--youtube    { color:#ef4444; }
.link-plataforma--soundcloud { color:#f97316; }
.link-plataforma svg { width:1.1rem; height:1.1rem; fill:currentColor; }
.link-plataforma-wrap { display:flex; justify-content:center; margin-top:1rem; }

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

.bio__bg {
  position:absolute; inset:0;
  background-image:url('../assets/images/bio-bg.webp');
  background-size:cover; background-position:center;
  transform:scale(1.08); opacity:0.08; 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-prata-dim); }
.btn-idioma.ativo { color:var(--cor-primaria); border-color:var(--cor-primaria-suave); background:rgba(74,143,212,0.08); }

.bio__texto { display:none; font-size:1rem; color:var(--cor-texto-suave); text-align:justify; line-height:1.85; padding:0 1.25rem; }
.bio__texto p { margin-bottom:1.25rem; }
.bio__texto p:last-child { margin-bottom:0; }
.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-prata-dim);
  font-size:0.72rem; font-weight:500; letter-spacing:0.08em;
  color:var(--cor-prata); background:rgba(192,207,224,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(74,143,212,0.18) 0%,rgba(192,207,224,0.08) 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.94); 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(74,143,212,0.25); }
.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-prata); }
.lightbox__fechar svg { width:2rem; height:2rem; }
.lightbox__nav { position:absolute; top:50%; transform:translateY(-50%); background:rgba(74,143,212,0.1); 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(74,143,212,0.25); color:var(--cor-prata); }
.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:url('../assets/images/footer-bg.webp'); background-size:cover; background-position:top center; transform:scale(1.08); opacity:0.08; 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:0.85rem 1.75rem; border-radius:999px;
  background:var(--cor-card); border:1px solid var(--cor-prata-dim);
  font-size:0.95rem; font-weight:500; margin-bottom:1rem;
  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.2rem; height:1.2rem; stroke:var(--cor-primaria); fill:none; flex-shrink:0; }

.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-prata-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__whatsapp {
  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-prata-dim);
  font-size:1rem; font-weight:500; margin-bottom:2.25rem;
  transition:background var(--transicao),transform var(--transicao),border-color var(--transicao);
}
.contato__whatsapp:hover { background:var(--cor-card-hover); transform:scale(1.03); border-color:var(--cor-primaria-suave); }
.contato__whatsapp svg { width:1.25rem; height:1.25rem; fill:var(--cor-primaria); 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:140px; background:var(--cor-card); border:1px solid var(--cor-prata-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 svg { width:2rem; height:2rem; fill:var(--cor-prata); transition:fill var(--transicao),filter var(--transicao); }
.card-rede:hover svg { fill:var(--cor-primaria); filter:drop-shadow(0 0 6px rgba(74,143,212,0.5)); }

.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-prata) 100%);
  color:#fff; font-size:0.85rem; font-weight:700; text-transform:uppercase; letter-spacing:0.15em;
  box-shadow:0 8px 30px rgba(74,143,212,0.35), 0 0 0 1px rgba(192,207,224,0.15);
  transition:transform var(--transicao),box-shadow var(--transicao);
}
.btn-download:hover { transform:scale(1.04); box-shadow:0 12px 40px rgba(74,143,212,0.55), 0 0 0 1px rgba(192,207,224,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-prata); }
.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; }
}

/* ══════════════════════════════════════════════════════════════
   NA MÍDIA — carrossel horizontal
══════════════════════════════════════════════════════════════ */
.secao--midia {
  position: relative;
  overflow: hidden;
  padding: 3.4rem 0 4rem;
  border-top: 1px solid var(--cor-prata-dim);
  border-bottom: 1px solid var(--cor-prata-dim);
  background:
    radial-gradient(circle at 50% 48%, rgba(74, 143, 212, 0.10), transparent 28rem),
    linear-gradient(180deg, rgba(7,9,13,0.98), rgba(7,9,13,1));
}

.midia__pretitle {
  text-align: center;
  color: var(--cor-primaria);
  text-transform: uppercase;
  letter-spacing: 0.5em;
  font-size: 0.72rem;
  margin-bottom: 0.7rem;
}

.midia__subtitulo {
  max-width: 620px;
  margin: -0.65rem auto 2.2rem;
  padding: 0 1.5rem;
  text-align: center;
  color: var(--cor-texto-suave);
  font-size: 0.92rem;
  line-height: 1.6;
}

.midia-carousel {
  position: relative;
  width: 100%;
  height: 430px;
  overflow: hidden;
  touch-action: pan-y;
}

.midia-carousel::before,
.midia-carousel::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 12vw;
  z-index: 6;
  pointer-events: none;
}

.midia-carousel::before {
  left: 0;
  background: linear-gradient(90deg, var(--cor-fundo), rgba(7,9,13,0));
}

.midia-carousel::after {
  right: 0;
  background: linear-gradient(270deg, var(--cor-fundo), rgba(7,9,13,0));
}

.midia-carousel__viewport {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  touch-action: pan-y;
}

.midia-carousel__viewport.arrastando { cursor: grabbing; }

.midia-card {
  position: absolute;
  left: 50%;
  top: 22px;
  width: 230px;
  height: 350px;
  border-radius: 1.05rem;
  overflow: hidden;
  background: var(--cor-card);
  border: 1px solid rgba(255,255,255,0.12);
  box-shadow: 0 18px 45px rgba(0,0,0,0.64);
  will-change: transform, opacity, filter;
  transition: transform 0.55s cubic-bezier(.22,.8,.22,1), opacity 0.55s ease, filter 0.55s ease, border-color 0.55s ease, box-shadow 0.55s ease;
}

.midia-carousel__viewport.arrastando .midia-card {
  transition: none;
}

.midia-card.ativo {
  border-color: var(--cor-primaria-suave);
  box-shadow: 0 24px 70px rgba(0,0,0,0.82), 0 0 34px rgba(74,143,212,0.42), 0 0 0 1px rgba(74,143,212,0.18);
}

.midia-card a {
  position: relative;
  display: block;
  height: 100%;
  color: var(--cor-texto);
  cursor: pointer;
  pointer-events: auto;
}

.midia-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  pointer-events: none;
}

.midia-card__info {
  position: absolute;
  inset: auto 0 0 0;
  padding: 1rem;
  background: linear-gradient(180deg, rgba(7,9,13,0), rgba(7,9,13,0.86) 24%, rgba(7,9,13,0.98));
}

.midia-card__info span {
  display: block;
  color: var(--cor-primaria);
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 0.65rem;
  font-weight: 700;
  margin-bottom: 0.35rem;
}

.midia-card__info h3 {
  font-size: 0.88rem;
  line-height: 1.35;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.midia-card__info p {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: var(--cor-prata);
  border: 1px solid var(--cor-prata-dim);
  border-radius: 999px;
  padding: 0.45rem 0.85rem;
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-weight: 700;
}

.midia-card__info p::after { content: '↗'; font-size: 0.8rem; }

.midia-carousel__btn {
  position: absolute;
  top: calc(50% - 18px);
  z-index: 10;
  width: 3rem;
  height: 3rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.20);
  background: rgba(7,9,13,0.72);
  color: var(--cor-prata);
  display: grid;
  place-items: center;
  transform: translateY(-50%);
  cursor: pointer;
  backdrop-filter: blur(10px);
  transition: transform var(--transicao), border-color var(--transicao), color var(--transicao), background var(--transicao);
}

.midia-carousel__btn:hover {
  transform: translateY(-50%) scale(1.06);
  border-color: var(--cor-primaria-suave);
  color: var(--cor-primaria);
  background: rgba(7,9,13,0.92);
}

.midia-carousel__btn svg { width: 1.35rem; height: 1.35rem; }
.midia-carousel__btn--prev { left: max(1rem, calc(50% - 230px)); }
.midia-carousel__btn--next { right: max(1rem, calc(50% - 230px)); }

.midia__hint {
  margin-top: -0.3rem;
  text-align: center;
  color: var(--cor-texto-suave);
  font-size: 0.63rem;
  text-transform: uppercase;
  letter-spacing: 0.45em;
}

@media (min-width: 920px) {
  .midia-card { width: 245px; height: 365px; }
  .midia-carousel { height: 455px; }
}

@media (max-width: 640px) {
  .secao--midia { padding: 2.7rem 0 3.3rem; }
  .midia__subtitulo { margin-bottom: 1.4rem; }
  .midia-carousel { height: 390px; }
  .midia-card {
    width: 205px;
    height: 318px;
    top: 18px;
  }
  .midia-card__info { padding: 0.85rem; }
  .midia-card__info h3 { font-size: 0.78rem; }
  .midia-carousel::before,
  .midia-carousel::after { width: 16vw; }
  .midia-carousel__btn { display: none; }
  .midia__hint { font-size: 0.56rem; letter-spacing: 0.32em; }
}