/* campanha.css · Landing Machine · base layer
   Modo campanha: tráfico que llega desde un anuncio ve una página de
   captura, sin salidas al resto del sitio. Todo lo que cambia respecto del
   modo normal vive acá y solo acá — antes estas reglas estaban escondidas
   al final del CSS de la sección de depoimentos, tocando nav, auditorio y
   footer desde ahí.

   Se emite SOLO si el proyecto tiene campanha activa, y siempre último en
   el <head>: varias de estas reglas ganan por orden de carga (ver la nota
   de .nav__venda más abajo), no por especificidad.

   Lo activa el body.modo-campanha que pone index.php cuando la visita
   llegó con ?origem=ads (ver Generator::generarHTML). */

/* Modo campanha: tráfico de anúncios, sem saída pro resto do site —
   ver detección en index.php ($modoCampanha). */
body.modo-campanha .nav__links,
body.modo-campanha .nav__toggle,
body.modo-campanha .nav__menu-mobile,
body.modo-campanha .nav__social {
  display: none;
}
/* "Comprar Álbum" — la única acción del nav en modo campanha. Ver base
   (.nav__venda display:none) en style.css. Si además se abre el panel
   demo, body suma también auditorio-ativo (que en auditorio.css oculta
   .nav__venda para licencias reales) — acá gana esta regla porque
   sobre-disco.css se carga último en el <head>, y es la intención: en
   modo campanha el botón sigue visible aunque el panel esté abierto. */
body.modo-campanha .nav__venda {
  display: flex;
}

/* Nav de venda con el mismo alto que la franja mini del reproductor —
   --nav-h-campanha lo mide y setea auditorio.js (ajustarEspacoRodape),
   con var(--nav-h) normal como fallback mientras el mini no cargó. */
body.modo-campanha nav#nav {
  height: var(--nav-h-campanha, var(--nav-h));
}
body.modo-campanha {
  padding-top: var(--nav-h-campanha, var(--nav-h));
}

/* El panel del Auditório normalmente tapa hasta el nav (inset:0, ver
   auditorio.css) — en modo campanha el nav es la barra de venta, así que
   el panel arranca justo debajo, sin taparlo. */
body.modo-campanha .auditorio-overlay {
  top: var(--nav-h-campanha, var(--nav-h));
}

/* Crédito Brote del footer — en modo campanha queda como texto plano (color
   verde sin cambios), sin salida de la página (pedido 2/9). El footer en sí
   siempre se renderiza (ver index.php) porque la política de privacidad
   tiene que estar disponible en cualquier modo. */
body.modo-campanha .footer-01__credito a {
  pointer-events: none;
  cursor:         default;
}

/* Redes del footer: en modo campanha se van solo las SALIDAS (los <a> a
   Instagram, WhatsApp, etc.), no el bloque entero — "Compartir" es un
   <button>, no lleva a ningún lado y ayuda a que la campaña circule, así
   que se queda. En el nav no hace falta: ahí .nav__social ya se esconde
   completo, más arriba en este mismo archivo. */
body.modo-campanha .footer-01__social a {
  display: none;
}

/* ── Franja de venda en mobile ───────────────────────────────────
   No entraban las dos piezas juntas: el logo es un SVG apaisado 4:1,
   así que a 44px de alto ocupa 176px de ancho, y el botón a 1.2rem
   con padding de 24px ocupa otros ~173px. Con el padding del nav
   suman ~405px, más de lo que mide una pantalla de 360px, y el logo
   quedaba cortado. Ceden los dos un poco: en modo campanha el logo
   es lo secundario (quien llega viene de un anuncio, no busca la
   marca) y el botón conserva presencia de CTA. Desde tablet, donde
   sobra lugar, los dos vuelven a su tamaño normal. */
body.modo-campanha .logo-img {
  height: 34px;
}
body.modo-campanha .nav__venda-btn {
  font-size:      1.05rem;
  padding-inline: 18px;
}

/* ── Tablet (768px) ── */
@media (min-width: 768px) {
  body.modo-campanha .logo-img {
    height: 44px;
  }
  body.modo-campanha .nav__venda-btn {
    font-size:      1.2rem;
    padding-inline: 24px;
  }
}