/* Web Rádio - Tema escuro com vermelho */

/* Tema no estilo Sound PRO / Hoost - cor de destaque #c4242a */

/* Tokens de identidade visual emitidos pelo painel em includes/header.php. */
:root {
  --site-base: #000000;
  --accent: #c4242a;
  --accent-hover: #a01d22;
  --site-light: #ffffff;
  --whatsapp: #25d366;
}

/* Player popup - janela lateral */
.player-popup-page {

  display: flex;

  justify-content: flex-end;

}

.radio-player-popup {

  width: 100%;

  max-width: 360px;

  min-height: 100vh;

  background: var(--bg-darker);

  border-left: 1px solid var(--border);

  box-shadow: -8px 0 32px rgba(0,0,0,0.5);

}

.radio-player-popup .radio-panel-header {

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 1rem 1.25rem;

  border-bottom: 1px solid var(--border);

}

.radio-player-popup .radio-panel-body {

  padding: 1.5rem 1.25rem;

}



/* App shell - player persistente, música continua ao navegar */

body.app-shell {

  margin: 0;

  padding: 0;

  overflow: hidden;

  background: #1a1a1a;

}

.app-iframe {

  display: block;

  width: 100%;

  height: 100vh;

  border: none;

}



:root {

  --bg-dark: #1a1a1a;

  --bg-darker: #0d0d0d;

  --accent: #c4242a;

  --accent-hover: #a01d22;

  --text: #f0f0f0;

  --text-muted: rgba(255,255,255,0.6);

  --border: #333;

}



* {

  box-sizing: border-box;

}



body {

  background: #fff;
  color: var(--text);

  font-family: 'Poppins', 'Segoe UI', system-ui, sans-serif;

  min-height: 100vh;

  overflow-x: hidden;

}



/* Títulos e descrições - Poppins */

h1, h2, h3, h4, h5, h6,

.section-title,

.card-title,

.lead,

p {

  font-family: 'Poppins', 'Segoe UI', system-ui, sans-serif;

}



/* Coluna central 1170px - formato do print */

.site-wrap {
  max-width: 1170px;
  margin: 0 auto;
  background: transparent;
  min-height: 100vh;
  box-shadow: none;
}

.site-wrap .site-main {
  background: transparent;
}


a {

  color: var(--accent);

}

a:hover {

  color: var(--accent-hover);

}



/* Header - não fixo, rola com a página */

.site-header {
  position: relative;
  z-index: 12;
}



/* Top bar (logo + redes) - fora do site-wrap, totalmente transparente, sem fundo */

.top-bar.header-top {

  background: transparent !important;

  border-bottom: none;

}

.top-bar.header-top .container {

  max-width: 1170px;

}

.header-top-inner {

  padding: 1.25rem 0;

  min-height: 110px;

  align-items: center;

}



.logo-block {

  display: inline-flex;

  align-items: center;

  gap: 0;

  text-decoration: none;

  color: #fff;

}

.site-logo-img {

  max-height: 90px;

  width: auto;

  object-fit: contain;

  display: block;

}



.logo-pick {

  width: 48px;

  height: 48px;

  background: var(--accent);

  border-radius: 50% 50% 8px 50%;

  transform: rotate(-45deg);

  display: inline-flex;

  align-items: center;

  justify-content: center;

  flex-shrink: 0;

  margin-right: 4px;

}

.logo-pick i {

  color: #fff;

  font-size: 1.4rem;

  transform: rotate(45deg);

}



.logo-freq-tag {

  background: var(--accent);

  color: #fff;

  font-weight: 700;

  font-size: 0.85rem;

  padding: 3px 8px;

  margin-left: -6px;

  margin-right: 10px;

  align-self: flex-end;

  margin-bottom: 0;

}



.logo-name {

  font-weight: 700;

  font-size: 1.35rem;

  color: #fff;

  text-transform: uppercase;

  letter-spacing: 0.02em;

}



.logo-fm {

  font-weight: 700;

  color: #fff;

  margin-left: 2px;

}



.logo-by {

  font-size: 0.7rem;

  color: var(--accent);

  margin-left: 6px;

  align-self: flex-end;

  margin-bottom: 4px;

  font-weight: 600;

  text-transform: lowercase;

}



.logo-block:hover {

  color: #fff;

}

.logo-block:hover .logo-name,

.logo-block:hover .logo-fm { color: #fff; }

.logo-block:hover .logo-by { color: var(--accent-hover); }



.social-links {

  display: flex;

  align-items: center;

  gap: 1rem;

}

.social-links a {

  color: #fff;

  font-size: 1.25rem;

  opacity: 0.9;

}

.social-links a:hover {

  color: #fff;

  opacity: 1;

}



/* Barra de navegação - fundo #1c1c1c */

.main-nav {

  background: #1c1c1c !important;

  padding: 0;

  border: none;

  min-height: 46px;

}

.main-nav .container {

  display: flex;

  align-items: stretch;

  flex-wrap: wrap;

  padding-right: 0;

}

.main-nav .navbar-collapse {

  flex-grow: 1;

  align-items: stretch;

  justify-content: space-between;

}

.main-nav .navbar-collapse.show {

  display: flex;

}

.main-nav .navbar-nav {

  gap: 0;

  align-items: stretch;

  flex-wrap: wrap;

}

.main-nav .nav-link {

  color: #fff !important;

  padding: 0.6rem 0.85rem;

  text-transform: uppercase;

  font-family: 'Bebas Neue', sans-serif;

  font-size: 1.25rem;

  font-weight: 400;

  letter-spacing: 0.02em;

  border: none;

  border-top: 3px solid transparent;

  display: flex;

  align-items: center;

  transition: background 0.2s, color 0.2s, border-color 0.2s;

  outline: none !important;

  box-shadow: none !important;

}

.main-nav .nav-link:hover,

.main-nav .nav-link:focus,

.main-nav .nav-link:focus-visible,

.main-nav .nav-item.dropdown.show .nav-link {

  color: #fff !important;

  background: rgba(255,255,255,0.06);

  border-top-color: var(--accent);

  outline: none !important;

  box-shadow: none !important;

}

.main-nav .dropdown-toggle::after {

  margin-left: 0.35em;

  vertical-align: middle;

}

.main-nav .dropdown-toggle:focus,

.main-nav .dropdown-toggle:focus-visible {

  outline: none !important;

  box-shadow: none !important;

}



/* Submenu dropdown - fundo escuro, linha vermelha em cima */

.main-nav .dropdown-menu-nav {

  background: #1c1c1c;

  border: none;

  border-top: 3px solid var(--accent);

  border-radius: 0;

  padding: 0.5rem 0;

  margin-top: 0;

}

.main-nav .dropdown-menu-nav .dropdown-item {

  color: #fff;

  text-transform: uppercase;

  font-family: 'Bebas Neue', sans-serif;

  font-size: 1.15rem;

  font-weight: 400;

  padding: 0.5rem 1.25rem;

  outline: none !important;

  box-shadow: none !important;

}

.main-nav .dropdown-menu-nav .dropdown-item:hover,

.main-nav .dropdown-menu-nav .dropdown-item:focus,

.main-nav .dropdown-menu-nav .dropdown-item:focus-visible {

  background: rgba(255,255,255,0.08);

  color: #fff;

  outline: none !important;

  box-shadow: none !important;

}



/* Botão Abrir Player - vermelho, colado na borda direita do menu */

.btn-player-block {

  display: inline-flex;

  align-items: stretch;

  background: var(--accent);

  color: #fff !important;

  text-decoration: none;

  border: none;

  padding: 0 1rem 0 1.25rem;

  margin-left: 0;

  margin-right: 0;

  margin-top: -2px;

  margin-bottom: -2px;

  min-height: 50px;

  align-self: stretch;

  transition: background 0.2s;

  border-radius: 0;

}

.btn-player-block:hover {

  background: var(--accent-hover);

  color: #fff !important;

}



.btn-player-inner {

  display: inline-flex;

  align-items: center;

  gap: 0.75rem;

}



.btn-player-text {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  justify-content: center;

  line-height: 1.2;

}

.btn-player-text strong {

  font-size: 0.82rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.02em;

  display: block;

}

.btn-player-sub {

  font-size: 0.68rem;

  font-weight: 500;

  opacity: 0.95;

  margin-top: 1px;

}

.btn-player-inner i {

  font-size: 1.4rem;

  opacity: 0.95;

}



/* Hero Slider - somente imagem, setas em chevron branco */

.hero-slider {

  margin-bottom: 0;

  position: relative;

}

.hero-slider .carousel-inner {

  border-radius: 0;

}

.hero-slide {

  min-height: var(--hero-height, 520px);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  display: block;

}

.hero-slide-img {

  min-height: var(--hero-height, 520px);

}

.hero-slide-link {

  display: block;

  width: 100%;

  height: 100%;

  min-height: var(--hero-height, 520px);

}

.hero-slide-placeholder {

  background: linear-gradient(135deg, var(--accent) 0%, #8b0000 100%);

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 2rem;

}

.hero-placeholder-text {

  color: #fff;

  font-size: 1.25rem;

  font-weight: 700;

  text-transform: uppercase;

  text-align: center;

}



/* Setas de navegação - Bootstrap Icons chevron (finas) */

.hero-slider .hero-arrow {

  width: 80px;

  opacity: 1;

  background: transparent;

  border: none;

  top: 50%;

  transform: translateY(-50%);

  bottom: auto;

  padding: 0;

  margin: 0;

  z-index: 2;

}

.hero-slider .carousel-control-prev,

.hero-slider .carousel-control-next {

  width: 80px;

  height: 100px;

  margin-top: -50px;

  opacity: 0.9;

}

.hero-slider .carousel-control-prev {

  left: 15px;

}

.hero-slider .carousel-control-next {

  right: 15px;

}

.hero-slider .hero-arrow .bi-chevron-left,

.hero-slider .hero-arrow .bi-chevron-right {

  color: #fff;

  font-size: 4rem;

  font-weight: 300;

}

.hero-slider .hero-arrow:hover .bi-chevron-left,

.hero-slider .hero-arrow:hover .bi-chevron-right {

  opacity: 0.95;

}



/* Últimas Notícias - largura fixa 1160px, 3 colunas, imagem em cima texto embaixo */

.news-section {

  background: var(--bg-darker);

  padding: 50px 0;

}

.news-container {

  max-width: 1160px;

  margin: 0 auto;

  padding: 0 15px;

}

.news-section-title {

  font-family: 'Bebas Neue', sans-serif;

  font-size: 2.5rem;

  font-weight: 400;

  color: #fff;

  text-transform: uppercase;

  text-align: center;

  letter-spacing: 0.02em;

  margin-bottom: 1.5rem;

  padding-bottom: 0.5rem;

  position: relative;

  display: inline-block;

}

.news-section .news-container {

  text-align: center;

}

.news-section-title::after {

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  width: 100%;

  height: 3px;

  background: var(--accent);

}

/* Slider: 3 cards por página, setas navegam */

.news-slider-wrapper {

  overflow: hidden;

  width: 100%;

  margin-top: 1.5rem;

  margin-bottom: 1.5rem;

}

.news-slider-track {

  display: flex;

  transition: transform 0.35s ease;

  will-change: transform;

}

.news-slide {

  flex: 0 0 100%;

  width: 100%;

  min-width: 0;

}

/* Desktop: 3 colunas | Mobile: escondido, usa .news-mobile */

.news-section .news-desktop { display: block; }

.news-section .news-mobile { display: none; }

.news-section .news-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }

.news-carousel-mobile { position: relative; margin-top: 0.5rem; }

.news-carousel-mobile .carousel-inner { border-radius: 8px; overflow: hidden; }

.news-carousel-mobile .news-card-v { background: rgba(40,40,40,0.8); }

.news-carousel-control {

  width: 40px; height: 40px;

  top: 50%; margin-top: -20px;

  background: rgba(0,0,0,0.6); border-radius: 50%;

  opacity: 1; border: none;

}

.news-carousel-control i { color: #fff; font-size: 1.25rem; }

@media (max-width: 767px) {

  .news-section .news-desktop { display: none !important; }

  .news-section .news-mobile { display: block !important; }

}

@media (min-width: 768px) {

  .news-section .news-mobile { display: none !important; }

}

/* Apenas 3 colunas, 3 cards por linha (em qualquer largura de tela) */

.news-section .news-grid,

.news-section .news-slide .news-slider,

.news-section .news-slider {

  display: grid !important;

  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

  grid-template-rows: auto !important;

  gap: 20px;

  width: 100%;

  max-width: 100%;

  margin-top: 1.5rem;

  margin-bottom: 1.5rem;

}

.news-section .news-grid .news-card-wrap,

.news-section .news-slider .news-card-wrap {

  max-width: 100%;

}

.news-card-wrap {

  display: flex;

  min-width: 0;

}

.news-card-wrap .news-card-v {

  flex: 1;

  width: 100%;

  min-width: 0;

}

/* Card: imagem sempre mesmo tamanho (aspect-ratio); título em cima ou embaixo alternado */

.news-card-v {

  display: flex;

  flex-direction: column;

  background: rgba(40,40,40,0.8);

  text-decoration: none;

  color: #fff;

  overflow: hidden;

  transition: background 0.2s;

  height: 100%;

}

.news-card-v:hover {

  background: rgba(50,50,50,0.9);

  color: #fff;

}

/* Imagem sempre mesmo tamanho, independente do upload (altura menor: 16/9) */

.news-card-v-img {

  display: block;

  width: 100%;

  aspect-ratio: 16 / 9;

  overflow: hidden;

  background: rgba(0,0,0,0.3);

  flex-shrink: 0;

  order: 1;

}

.news-card-v-img img {

  width: 100%;

  height: 100%;

  min-width: 100%;

  min-height: 100%;

  object-fit: cover;

  object-position: center;

  display: block;

  transition: transform 0.4s ease;

}

.news-card-v:hover .news-card-v-img img {

  transform: scale(1.08);

}

.news-card-v-placeholder {

  width: 100%;

  aspect-ratio: 16 / 9;

  display: flex;

  align-items: center;

  justify-content: center;

  background: rgba(0,0,0,0.4);

  font-size: 2rem;

  color: var(--text-muted);

}

.news-card-v-body {

  padding: 1rem 1rem;

  flex-shrink: 0;

  order: 2;

}

/* Alternado: 1º título em cima, 2º embaixo, 3º em cima... */

.news-card-wrap:nth-child(odd) .news-card-v .news-card-v-body {

  order: 0;

}

.news-card-wrap:nth-child(odd) .news-card-v .news-card-v-img {

  order: 1;

}

.news-card-v-title {

  font-family: 'Bebas Neue', sans-serif;

  font-size: 1.1rem;

  font-weight: 400;

  color: #fff;

  text-transform: uppercase;

  letter-spacing: 0.02em;

  line-height: 1.3;

  margin: 0 0 0.35rem 0;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.news-card-v-date {

  font-family: 'Poppins', sans-serif;

  font-size: 0.8rem;

  color: var(--text-muted);

  margin: 0;

}

.news-footer {

  display: flex;

  align-items: center;

  justify-content: space-between;

  flex-wrap: wrap;

  gap: 1rem;

  padding-top: 1.25rem;

  padding-bottom: 0.5rem;

}

.news-link-all {

  flex: 1;

  text-align: center;

  font-family: 'Poppins', sans-serif;

  color: #fff;

  text-decoration: none;

  font-size: 0.9rem;

}

.news-link-all:hover {

  color: var(--accent);

}

.news-nav-arrows {

  display: flex;

  gap: 0.5rem;

}

.news-nav-btn {

  width: 36px;

  height: 36px;

  border: none;

  background: rgba(255,255,255,0.1);

  color: #fff;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 1rem;

  cursor: pointer;

  transition: background 0.2s, color 0.2s;

}

.news-nav-btn:hover {

  background: rgba(255,255,255,0.2);

  color: #fff;

}



/* Seção 3 colunas abaixo das notícias (Peça música | Vídeo | Enquete + Segue lá) */

.home-three-cols .home-block-title {

  font-family: 'Bebas Neue', sans-serif;

  font-size: 1.35rem;

  font-weight: 400;

  color: #fff;

  text-transform: uppercase;

  letter-spacing: 0.02em;

  margin-bottom: 1rem;

  padding-bottom: 0.4rem;

  position: relative;

  display: inline-block;

}

.home-three-cols .home-block-title::after {

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  width: 100%;

  height: 2px;

  background: var(--accent);

}

.home-cta-pedido {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 0.75rem;

  width: 100%;

  padding: 1rem 1.25rem;

  background: var(--accent);

  color: #fff !important;

  text-decoration: none !important;

  font-size: 0.95rem;

  text-transform: uppercase;

  letter-spacing: 0.03em;

  border-radius: 4px;

  transition: background 0.2s;

}

.home-cta-pedido:hover {

  background: var(--accent-hover);

  color: #fff !important;

}

.home-cta-pedido i {

  font-size: 1.5rem;

}

.home-block-mural .mural-item {

  display: flex;

  gap: 0.75rem;

  padding: 0.75rem 0;

  border-bottom: 1px solid var(--border);

}

.home-block-mural .mural-item:last-of-type {

  border-bottom: none;

}

.btn-mural-recado {

  display: block;

  width: 100%;

  padding: 1rem 1.25rem;

  background: var(--accent);

  color: #fff;

  border: none;

  border-radius: 6px;

  font-size: 1rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.04em;

  cursor: pointer;

  transition: background 0.2s;

  text-shadow: 0 1px 0 rgba(0,0,0,0.2);

}

.btn-mural-recado:hover {

  background: var(--accent-hover);

  color: #fff;

}

.mural-form-wrap[hidden] {

  display: none !important;

}

.mural-form .mural-input {

  background: rgba(60,60,60,0.8) !important;

  border: 1px solid var(--border);

  color: #fff;

}

.mural-form .mural-input::placeholder {

  color: var(--text-muted);

}

.mural-form .mural-textarea {

  background: #fff !important;

  border: 1px solid #dee2e6;

  color: #212529;

  resize: vertical;

}

.mural-form .mural-textarea::placeholder {

  color: #6c757d;

}

.mural-form-footer {

  margin-top: 0.75rem;

}

.mural-btn-enviar {

  background: var(--accent) !important;

  color: #fff !important;

  border: none;

  padding: 0.5rem 1.25rem;

  font-size: 0.9rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.05em;

  border-radius: 4px;

  transition: background 0.2s;

}

.mural-btn-enviar:hover {

  background: var(--accent-hover) !important;

  color: #fff !important;

}

.link-mural-ver-todos {

  display: inline-block;

  margin-top: 0.5rem;

  font-size: 0.85rem;

  color: var(--text-muted) !important;

  text-decoration: none !important;

  border: none !important;

  background: none !important;

  padding: 0;

}

.link-mural-ver-todos:hover {

  color: var(--accent) !important;

}

.mural-paginacao .pagination {

  gap: 0.25rem;

}

.mural-page-link {

  background: rgba(255,255,255,0.06) !important;

  border: none !important;

  color: var(--text-muted) !important;

  padding: 0.3rem 0.5rem;

  font-size: 0.8rem;

}

.mural-page-link:hover {

  background: rgba(255,255,255,0.12) !important;

  color: #fff !important;

}

.mural-paginacao .page-item.active .page-link {

  background: var(--accent) !important;

  color: #fff !important;

}



/* Publicidade abaixo do mural */

.publicidade-mural .carousel-inner {

  border-radius: 6px;

  overflow: hidden;

}

.pub-mural-img {

  display: block;

  width: 100%;

  aspect-ratio: 3 / 4;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}

.publicidade-mural .carousel-control-prev,

.publicidade-mural .carousel-control-next {

  width: 40px;

  background: transparent !important;

  border: none;

  opacity: 0.7;

  top: 50%;

  transform: translateY(-50%);

}

.publicidade-mural .carousel-control-prev { left: 8px; }

.publicidade-mural .carousel-control-next { right: 8px; }

.publicidade-mural .carousel-control-prev i,

.publicidade-mural .carousel-control-next i {

  font-size: 1.75rem;

}

.publicidade-mural .carousel-control-prev:hover,

.publicidade-mural .carousel-control-next:hover {

  opacity: 1;

}

.pub-mural-label {

  font-size: 0.65rem;

  color: var(--text-muted);

  text-align: right;

  margin: 0.35rem 0 0 0;

  opacity: 0.7;

}



/* Galeria de fotos (preview na home) */

.galeria-preview-section {

  background: rgba(0,0,0,0.2);

}

.galeria-preview-section .container {

  max-width: 900px;

}

.section-title-galeria {

  font-family: 'Bebas Neue', sans-serif;

  font-size: 2.5rem;

  font-weight: 400;

  color: #fff;

  text-transform: uppercase;

  letter-spacing: 0.02em;

  margin-bottom: 1.5rem;

  padding-bottom: 0.5rem;

  position: relative;

  display: inline-block;

}

.section-title-galeria::after {

  content: '';

  position: absolute;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

  width: 100%;

  max-width: 280px;

  height: 3px;

  background: var(--accent);

}

.galeria-mosaico {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 8px;

  justify-content: center;

}

@media (min-width: 768px) {

  .galeria-mosaico { grid-template-columns: repeat(6, 1fr); }

}

@media (min-width: 992px) {

  .galeria-mosaico { grid-template-columns: repeat(6, 1fr); gap: 10px; }

}

.galeria-mosaico-item {

  display: block;

  overflow: hidden;

  border-radius: 6px;

  aspect-ratio: 1;

}

.galeria-mosaico-item img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: transform 0.3s ease, filter 0.3s ease;

  filter: grayscale(100%);

}

.galeria-mosaico-item:hover img {

  transform: scale(1.05);

  filter: grayscale(0%);

}

.galeria-ver-todas-wrap {

  text-align: left;

}

.galeria-ver-todas {

  color: #fff;

  text-decoration: none;

  font-size: 0.9rem;

  border: none;

  background: none;

  transition: color 0.2s;

}

.galeria-ver-todas:hover {

  color: var(--accent);

}



/* Página Galeria única - mosaico */

.galeria-mosaico-pagina {

  grid-template-columns: repeat(2, 1fr);

  gap: 10px;

}

@media (min-width: 576px) {

  .galeria-mosaico-pagina { grid-template-columns: repeat(3, 1fr); }

}

@media (min-width: 768px) {

  .galeria-mosaico-pagina { grid-template-columns: repeat(4, 1fr); gap: 12px; }

}

@media (min-width: 992px) {

  .galeria-mosaico-pagina { grid-template-columns: repeat(5, 1fr); gap: 14px; }

}



/* Compartilhar galeria - Facebook, Twitter, WhatsApp */

.galeria-compartilhar {

  padding-top: 1.5rem;

  border-top: 1px solid var(--border);

}

.share-buttons {

  display: flex;

  flex-wrap: wrap;

  gap: 0.5rem;

}

.share-btn {

  display: flex;

  align-items: center;

  gap: 0.75rem;

  padding: 0.6rem 1rem;

  border-radius: 6px;

  text-decoration: none;

  color: #fff !important;

  font-weight: 600;

  font-size: 0.9rem;

  transition: opacity 0.2s, transform 0.15s;

}

.share-btn:hover {

  opacity: 0.92;

  transform: translateY(-1px);

}

.share-btn-icon {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 36px;

  height: 36px;

  background: rgba(255,255,255,0.25);

  border-radius: 6px;

  font-size: 1.1rem;

  flex-shrink: 0;

}

.share-btn-text {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  line-height: 1.2;

}

.share-btn-pre {

  font-size: 0.7rem;

  font-weight: 400;

  opacity: 0.95;

}

.share-btn-plataforma {

  font-size: 1rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.03em;

}

.share-facebook {

  background: #1877f2;

}

.share-twitter {

  background: #1da1f2;

}

.share-whatsapp {

  background: #25d366;

}

@media (max-width: 575px) {
  .share-buttons {

    gap: 0.4rem;

  }

  .share-btn {

    padding: 0.45rem 0.7rem;

    gap: 0.5rem;

    font-size: 0.8rem;

  }

  .share-btn-icon {

    width: 28px;

    height: 28px;

    font-size: 0.95rem;

  }

  .share-btn-pre {

    display: none;

  }

  .share-btn-plataforma {

    font-size: 0.85rem;

  }

}



/* Página Galerias - capas com hover efeito câmera */

.galeria-capa-link {

  display: block;

  text-decoration: none;

  color: inherit;

}

.galeria-capa {

  position: relative;

  background: rgba(0,0,0,0.5);

  border-radius: 8px;

  overflow: hidden;

  transition: transform 0.2s;

}

.galeria-capa:hover {

  transform: translateY(-2px);

}

.galeria-capa-img {

  position: relative;

  width: 100%;

  aspect-ratio: 1;

  overflow: hidden;

}

.galeria-capa-img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  filter: grayscale(100%);

  transition: filter 0.3s, transform 0.3s;

}

.galeria-capa:hover .galeria-capa-img img {

  filter: grayscale(60%);

  transform: scale(1.05);

}

.galeria-capa-placeholder {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  height: 100%;

  background: rgba(255,255,255,0.08);

  font-size: 3rem;

  color: rgba(255,255,255,0.4);

}

.galeria-capa-overlay {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  opacity: 0;

  transition: opacity 0.3s;

  background: rgba(0,0,0,0.5);

}

.galeria-capa:hover .galeria-capa-overlay {

  opacity: 1;

}

.galeria-capa-overlay-icon {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 64px;

  height: 64px;

  background: var(--accent);

  border-radius: 50%;

  color: #fff;

  font-size: 1.6rem;

}

.galeria-capa-info {

  padding: 1rem;

  text-align: center;

}

.galeria-capa-titulo {

  display: block;

  font-size: 0.95rem;

  font-weight: 700;

  color: #fff;

  text-transform: uppercase;

  letter-spacing: 0.05em;

}

.galeria-capa-data {

  display: block;

  font-size: 0.75rem;

  color: var(--text-muted);

  margin-top: 0.25rem;

}

/* Lightbox galeria home: imagem colorida com borda branca */

.galeria-lightbox img,

.fslightbox-container.galeria-lightbox img {

  border: 4px solid #fff !important;

  box-shadow: 0 0 30px rgba(0,0,0,0.5);

}

.mural-avatar {

  flex-shrink: 0;

  width: 40px;

  height: 40px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: rgba(255,255,255,0.08);

  border-radius: 50%;

  color: var(--text-muted);

  font-size: 1.25rem;

}

.mural-content {

  flex: 1;

  min-width: 0;

}

.home-segue-la {

  margin-bottom: 0;

}

.segue-la-link {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  padding: 2rem 1.5rem;

  background: var(--accent);

  color: #fff !important;

  text-decoration: none !important;

  border-radius: 6px;

  transition: background 0.2s;

  min-height: 180px;

}

.segue-la-link:hover {

  background: var(--accent-hover);

  color: #fff !important;

}

.segue-la-link i {

  font-size: 2.5rem;

  margin-bottom: 0.5rem;

  opacity: 0.9;

}

.segue-la-label {

  font-size: 0.85rem;

  text-transform: uppercase;

  letter-spacing: 0.05em;

  opacity: 0.95;

}

.segue-la-count {

  font-family: 'Bebas Neue', sans-serif;

  font-size: 3rem;

  line-height: 1;

  margin: 0.15rem 0;

}

.segue-la-cta {

  font-size: 0.9rem;

  text-transform: uppercase;

  letter-spacing: 0.05em;

  margin-top: 0.25rem;

}

.home-block-video .home-block-title,

.home-block-noticias .home-block-title {

  font-size: 2.5rem;

}

.home-block-mural .home-block-title {

  font-size: 2rem;

}

/* Botões da home usando cor principal (Configurações) */

.home-block .btn-outline-danger,

.home-block-noticias .btn-outline-danger,

.news-section .btn-outline-danger {

  border-color: var(--accent);

  color: var(--accent);

}

.home-block .btn-outline-danger:hover,

.home-block-noticias .btn-outline-danger:hover,

.news-section .btn-outline-danger:hover {

  background-color: var(--accent);

  border-color: var(--accent);

  color: #fff;

}

.home-block .btn-danger,

.home-block-noticias .btn-danger {

  background-color: var(--accent);

  border-color: var(--accent);

}

.home-block .btn-danger:hover,

.home-block-noticias .btn-danger:hover {

  background-color: var(--accent-hover);

  border-color: var(--accent-hover);

}



/* Páginas estáticas em duas colunas (texto + imagem) */

.page-static-row {

  margin-top: 1rem;

}

.page-static-content {

  font-size: 0.95rem;

}

.page-static-img-wrap {

  display: flex;

  justify-content: center;

  align-items: flex-start;

}

.page-static-img {

  border-radius: 12px;

  box-shadow: 0 10px 30px rgba(0,0,0,0.35);

  max-height: 420px;

  width: 100%;

  object-fit: cover;

}



/* Lista de vídeos */

.pagina-videos .video-card {

  border-radius: 8px;

  overflow: hidden;

  transition: transform 0.2s, box-shadow 0.2s;

}

.pagina-videos .video-card:hover {

  transform: translateY(-3px);

  box-shadow: 0 12px 30px rgba(0,0,0,0.6);

}

.video-thumb {

  position: relative;

  border-radius: 6px;

  overflow: hidden;

}

.video-thumb-inner iframe {

  width: 100%;

  height: 100%;

}

.video-thumb-inner img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

}

.video-thumb-overlay {

  position: absolute;

  inset: 0;

  background: linear-gradient(180deg, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.8) 100%);

  display: flex;

  align-items: center;

  justify-content: center;

  opacity: 0;

  transition: opacity 0.2s;

}

.video-thumb-play {

  margin-bottom: 0.7rem;

  width: 48px;

  height: 48px;

  border-radius: 50%;

  background: rgba(0,0,0,0.8);

  display: flex;

  align-items: center;

  justify-content: center;

  color: var(--accent);

  font-size: 1.8rem;

}

.video-thumb:hover .video-thumb-overlay {

  opacity: 1;

}

.video-title {

  font-family: 'Bebas Neue', sans-serif;

  font-size: 1.2rem;

  text-transform: uppercase;

}

.video-desc {

  font-size: 0.8rem;

}



/* Página de vídeo - player maior e espaçamento melhor */

.pagina-video .video-detail {

  padding: 0;

  border-radius: 8px;

  overflow: hidden;

  background: rgba(0,0,0,0.4);

}

.pagina-video .video-detail-ratio {

  margin-bottom: 1.25rem;

}

.pagina-video .video-detail-embed iframe {

  width: 100%;

  height: 100%;

}

.pagina-video .video-detail-desc {

  padding: 0 1rem 1.25rem 1rem;

  font-size: 0.95rem;

}



/* Equipe - cards modernos */

.pagina-equipe .row {

  padding-top: 5rem; /* espaço para a foto circular flutuante não sobrepor o título */

}

.pagina-equipe .row > .col-md-6.col-lg-4 {

  display: flex;

}

.team-card {

  position: relative;

  background: linear-gradient(145deg, rgba(255,255,255,0.03), rgba(0,0,0,0.6));

  border-radius: 18px;

  padding: 2.75rem 1.5rem 1.75rem;

  box-shadow: 0 18px 45px rgba(0,0,0,0.5);

  border: 1px solid rgba(255,255,255,0.04);

  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;

  width: 100%;

}

.team-card:hover {

  transform: translateY(-6px);

  box-shadow: 0 26px 60px color-mix(in srgb, var(--accent) 16%, transparent);

  border-color: color-mix(in srgb, var(--accent) 40%, transparent);

}

.team-photo-wrap {

  position: absolute;

  inset-inline: 0;

  top: -52px;

  display: flex;

  justify-content: center;

}

.team-photo,

.team-photo-placeholder {

  width: 136px;

  height: 136px;

  border-radius: 50%;

  border: 4px solid rgba(0,0,0,0.7);

  outline: 3px solid color-mix(in srgb, var(--accent) 40%, transparent);

  object-fit: cover;

  background: radial-gradient(circle at 30% 20%, rgba(255,255,255,0.18), transparent 55%), rgba(0,0,0,0.8);

  box-shadow: 0 18px 45px rgba(0,0,0,0.7);

  color: rgba(255,255,255,0.7);

  font-size: 3rem;

}

.team-body {

  padding-top: 4.25rem;

}

.team-name {

  font-family: 'Bebas Neue', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  letter-spacing: .06em;

  font-size: 1.8rem;

  margin-bottom: .15rem;

  text-transform: uppercase;

}

.team-role {

  font-size: .85rem;

  text-transform: uppercase;

  letter-spacing: .14em;

  color: rgba(255,255,255,0.6);

  margin-bottom: .6rem;

}

.team-bio {

  font-size: .9rem;

  color: rgba(255,255,255,0.78);

  margin-bottom: 0;

}

.team-social .btn {

  width: 36px;

  height: 36px;

  border-radius: 999px;

  border-color: rgba(255,255,255,0.4);

  color: rgba(255,255,255,0.9);

  background: rgba(0,0,0,0.5);

  backdrop-filter: blur(6px);

  -webkit-backdrop-filter: blur(6px);

  transition: background-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease, border-color .2s ease;

}

.team-social .btn:hover {

  background: var(--accent);

  border-color: var(--accent);

  color: #fff;

  transform: translateY(-2px);

  box-shadow: 0 10px 25px color-mix(in srgb, var(--accent) 45%, transparent);

}



.prog-filter-nav .prog-filter-btn {

  border-radius: 100px;

  padding: 0.4rem 0.9rem;

  font-size: 0.9rem;

  background: transparent;

  border: 1px solid var(--border);

  color: #fff;

}

.prog-filter-nav .prog-filter-btn.active {

  background: var(--accent);

  border-color: var(--accent);

}

.prog-filter-nav .prog-filter-btn:not(.active):hover {

  border-color: var(--accent);

  color: var(--accent);

}

.prog-filter-nav {

  justify-content: center;

}

.prog-card-wrap {

  display: flex;

}

.prog-card {

  position: relative;

  width: 100%;

  min-height: 420px;

  border-radius: 16px;

  background-size: cover;

  background-position: center;

  overflow: hidden;

  display: flex;

  align-items: flex-end;

  box-shadow: 0 16px 40px rgba(0,0,0,0.45);

}

.prog-card-overlay {

  position: absolute;

  inset: 0;

  background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.85) 100%);

}

.prog-card-inner {

  position: relative;

  padding: 1rem 1.25rem 1.4rem;

  width: 100%;

  color: #fff;

  font-family: 'Poppins', sans-serif;

}

.prog-card-hour {

  display: block;

  font-size: 0.75rem;

  font-weight: 600;

  letter-spacing: 0.08em;

  text-transform: uppercase;

  margin-bottom: 0.35rem;

}

.prog-card-title {

  font-family: 'Bebas Neue', sans-serif;

  font-size: 2.2rem;

  line-height: 1;

  text-transform: uppercase;

  margin: 0.1rem 0 0.3rem;

}

.prog-card-host {

  font-size: 0.85rem;

  text-transform: uppercase;

  letter-spacing: 0.08em;

  margin-bottom: 0.3rem;

}

.prog-card-desc {

  font-size: 0.85rem;

  color: rgba(255,255,255,0.85);

  margin-bottom: 0.4rem;

}

.prog-card-day {

  font-size: 0.75rem;

  font-weight: 600;

  text-transform: uppercase;

  letter-spacing: 0.1em;

  opacity: 0.9;

}

.prog-empty-msg {

  text-align: center;

  margin-top: 3rem;

  margin-bottom: 3rem;

  font-size: 1.05rem;

}



/* Página de evento */

.pagina-evento .card-img-top {

  max-height: 360px;

  object-fit: cover;

}

.evento-map-date {

  margin-top: 0.5rem;

  font-size: 0.95rem;

  font-weight: 600;

  color: var(--accent);

  text-transform: uppercase;

  letter-spacing: 0.06em;

}



/* Listagem de eventos */

.pagina-eventos .evento-card-link:hover .evento-card-modern {

  transform: translateY(-4px);

  box-shadow: 0 10px 30px rgba(0,0,0,0.6);

}

.evento-card-modern {

  transition: transform 0.2s, box-shadow 0.2s;

}

.evento-card-img-wrap {

  position: relative;

  overflow: hidden;

}

.evento-card-img-wrap img {

  max-height: 220px;

  object-fit: cover;

}

.evento-card-date {

  position: absolute;

  left: 0.75rem;

  top: 0.75rem;

  background: rgba(220, 38, 38, 0.9);

  color: #fff;

  padding: 0.25rem 0.6rem;

  border-radius: 999px;

  font-size: 0.75rem;

  font-weight: 600;

  letter-spacing: 0.06em;

  text-transform: uppercase;

}

.evento-card-title {

  font-family: 'Bebas Neue', sans-serif;

  font-size: 1.4rem;

  text-transform: uppercase;

}

.evento-card-hour {

  color: var(--accent);

}

.evento-card-local i {

  color: var(--accent);

}

.eventos-sidebar .eventos-search-form .form-control {

  border-radius: 999px 0 0 999px;

}

.eventos-sidebar .eventos-search-form .btn {

  border-radius: 0 999px 999px 0;

}



/* Promoções - cards e página de detalhe */

.promocao-card-link:hover .promocao-card {

  transform: translateY(-4px);

  box-shadow: 0 12px 30px rgba(0,0,0,0.5);

  border-color: color-mix(in srgb, var(--accent) 50%, transparent) !important;

}

.promocao-card {

  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;

  border: 1px solid rgba(255,255,255,0.06);

}

.promocao-card-link:hover .card-title {

  color: var(--accent) !important;

}

.pagina-promocao .promocao-validade {

  color: var(--accent);

  font-size: 0.95rem;

}

.pagina-promocao .promocao-regulamento {

  background: rgba(0,0,0,0.3);

  border-radius: 8px;

  padding: 1rem 1.25rem;

}

.pagina-promocao .promocao-regulamento h3 {

  color: var(--accent);

}

.pagina-promocao a.hover-text-white:hover {

  color: #fff !important;

}



/* Top 10 - estilo card com capa circular */

.top10-title {

  font-family: 'Bebas Neue', sans-serif;

  font-size: 2rem;

  font-weight: 400;

  color: #fff;

  text-transform: uppercase;

  letter-spacing: 0.05em;

  margin-bottom: 1rem;

  padding-bottom: 0.5rem;

  border-bottom: 3px solid var(--accent);

  display: inline-block;

}

.top10-list {

  display: flex;

  flex-direction: column;

  gap: 0.5rem;

}

.top10-item {

  display: flex;

  align-items: center;

  gap: 0.75rem;

  padding: 0.5rem 0.75rem;

  background: rgba(255,255,255,0.05);

  border-radius: 8px;

}

.top10-capa {

  flex-shrink: 0;

  width: 48px;

  height: 48px;

  border-radius: 50%;

  overflow: hidden;

  border: 2px solid var(--accent);

  background: rgba(0,0,0,0.3);

}

.top10-capa img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.top10-capa-placeholder {

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  color: var(--text-muted);

  font-size: 1.25rem;

}

.top10-info {

  flex: 1;

  min-width: 0;

  display: flex;

  flex-direction: column;

  gap: 0.1rem;

}

.top10-pos {

  font-weight: 700;

  color: var(--accent);

  font-size: 0.85rem;

}

.top10-artista {

  color: #fff;

  font-size: 0.85rem;

  text-transform: uppercase;

  letter-spacing: 0.02em;

}

.top10-musica {

  color: var(--text-muted);

  font-size: 0.75rem;

}

.home-block-video .card-body {

  padding: 1.25rem;

}

.home-block-video .video-destaque-wrap {

  min-height: 260px;

}

@media (min-width: 992px) {

  .home-block-video .video-destaque-wrap {

    min-height: 320px;

  }

}

/* Cards Últimas noticias abaixo do vídeo - imagem em cima, categoria + título + data embaixo */

.noticias-grid-video {

  margin-top: 0.5rem;

}

.noticia-card-video {

  display: block;

  background: rgba(40,40,40,0.8);

  text-decoration: none;

  color: #fff;

  overflow: hidden;

  border-radius: 6px;

  transition: background 0.2s;

}

.noticia-card-video:hover {

  background: rgba(50,50,50,0.9);

  color: #fff;

}

.noticia-card-video-img {

  aspect-ratio: 16 / 9;

  overflow: hidden;

  background: rgba(0,0,0,0.3);

}

.noticia-card-video-img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

}

.noticia-card-video-placeholder {

  width: 100%;

  height: 100%;

  min-height: 100px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: rgba(0,0,0,0.4);

  font-size: 1.5rem;

  color: var(--text-muted);

}

.noticia-card-video-body {

  padding: 0.75rem 1rem;

}

.noticia-card-video-cat {

  font-size: 0.7rem;

  font-weight: 600;

  color: var(--accent);

  text-transform: uppercase;

  letter-spacing: 0.05em;

  display: block;

  margin-bottom: 0.25rem;

}

.noticia-card-video-titulo {

  font-size: 0.9rem;

  font-weight: 700;

  color: #fff;

  line-height: 1.3;

  margin: 0 0 0.35rem 0;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.noticia-card-video-date {

  font-size: 0.75rem;

  color: var(--text-muted);

  margin: 0;

}



/* Banners */

.banners-section {

  background: rgba(0,0,0,0.3);

  border-top: 1px solid var(--border);

  border-bottom: 1px solid var(--border);

}

.banners-section.banners-rodape {

  margin-bottom: 0;

  border-bottom: none;

}

/* Banner posição 2 - largura total */

.banners-section.banners-pos2-fullwidth {

  width: 100%;

  max-width: 100%;

  overflow: hidden;

}

.banners-pos2-inner {

  width: 100%;

  max-width: 100%;

}

.banners-pos2-fullwidth .banner-img-wrap-fullwidth {

  width: 100%;

  max-width: 100%;

}

.banners-pos2-fullwidth .banner-img-wrap-fullwidth .banner-box {

  width: 100%;

}

.banners-pos2-fullwidth .banner-img-wrap-fullwidth img {

  width: 100%;

  max-width: 100%;

  height: auto;

  display: block;

}

/* Banner posição 3 - tamanho real da imagem */

.banners-section.banners-pos3-natural .banners-pos3-inner {

  display: flex;

  flex-direction: column;

  align-items: center;

}

.banners-pos3-natural .banner-img-wrap-natural {

  display: inline-block;

}

.banners-pos3-natural .banner-img-wrap-natural .banner-box {

  display: inline-block;

}

.banners-pos3-natural .banner-img-wrap-natural img {

  width: auto;

  height: auto;

  max-width: 100%;

  max-height: none;

  display: block;

  vertical-align: top;

}

/* Banner tamanho real (rodapé notícias, etc.) */

.banners-section.banners-natural .banners-natural-inner {

  display: flex;

  flex-direction: column;

  align-items: center;

}

.banners-natural .banner-img-wrap-natural {

  display: inline-block;

}

.banners-natural .banner-img-wrap-natural .banner-box {

  display: inline-block;

}

.banners-natural .banner-img-wrap-natural img {

  width: auto;

  height: auto;

  max-width: 100%;

  max-height: none;

  display: block;

  vertical-align: top;

}

.section-title {

  font-size: 1.1rem;

  font-weight: 700;

  text-transform: uppercase;

}

.banner-box {

  min-height: 80px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: rgba(255,255,255,0.05);

  border-radius: 4px;

  overflow: hidden;

}

.banner-box img {

  max-height: 130px;

  object-fit: contain;

}

.banner-img-wrap {

  display: block;

  width: 100%;

  text-align: right;

}

.banner-img-wrap .banner-box {

  margin-bottom: 4px;

}

.banner-pub-label {

  display: inline-block;

  font-size: 0.6rem;

  color: rgba(255,255,255,0.55);

  background: rgba(255,255,255,0.12);

  padding: 4px 12px;

  border-radius: 2px;

}



/* Cards e listas */

.card.bg-dark {

  background: rgba(0,0,0,0.4) !important;

  border-radius: 6px;

}

.list-group-item.bg-transparent {

  background: transparent !important;

}

.news-list .list-group-item {

  padding: 0.75rem 0;

}



/* Footer - transparente para o fundo do site aparecer */

.site-footer {

  background: transparent !important;

  margin-top: 3rem;

  color: var(--text-muted);

  font-size: 0.9rem;

}

.site-footer .container {

  max-width: 1170px;

  margin-left: auto;

  margin-right: auto;

}

.site-footer .container,

.footer-columns,

.footer-section-wrap,

.footer-bottom {

  background: transparent !important;

}

.footer-section-wrap {

  padding-left: 50px;

  padding-right: 50px;

  max-width: none;

}

@media (max-width: 767px) {

  .footer-section-wrap {

    padding-left: 15px;

    padding-right: 15px;

  }

}

.footer-columns {

  border-bottom: 1px solid var(--border);

}

.footer-cols-row {

  justify-content: center;

}

.footer-title {

  font-family: 'Bebas Neue', sans-serif;

  font-size: 1.5rem;

  font-weight: 400;

  color: #fff;

  text-transform: uppercase;

  letter-spacing: 0.05em;

  margin-bottom: 1rem;

  padding-bottom: 0.5rem;

  border-bottom: 3px solid var(--accent);

  display: inline-block;

}

.footer-menu li {

  margin-bottom: 0.4rem;

}

.footer-menu a {

  color: var(--text-muted);

  text-decoration: none;

  font-size: 0.9rem;

  transition: color 0.2s;

}

.footer-menu a:hover {

  color: var(--accent);

}

.footer-social a {

  color: #fff;

  font-size: 1.5rem;

  opacity: 0.8;

  transition: opacity 0.2s, color 0.2s;

}

.footer-social a:hover {

  opacity: 1;

  color: var(--accent);

}

.footer-texto {

  font-size: 0.85rem;

  line-height: 1.6;

}

.footer-contato a:hover {

  color: var(--accent) !important;

}

.footer-bottom a:hover {

  color: var(--accent) !important;

}

.footer-col-logo {

  max-height: 60px;

  width: auto;

  object-fit: contain;

}

.footer-logo {

  max-height: 36px;

  width: auto;

  object-fit: contain;

  opacity: 0.8;

}



/* Footer - contador de visitas e ouvintes online */

.footer-stats {

  border-top: 1px solid var(--border);

  background: rgba(0,0,0,0.25);

}

.footer-stats-row {

  gap: 1rem;

}

.footer-stat-item {

  display: flex;

  align-items: center;

  gap: 0.5rem;

  font-size: 0.9rem;

}

.footer-stat-icon {

  color: var(--accent);

  font-size: 1.1rem;

}

.footer-stat-num {

  font-weight: 700;

  font-size: 1.1rem;

  color: #fff;

}

.footer-stat-label {

  color: var(--text-muted);

  font-size: 0.85rem;

}

.footer-stat-divider {

  width: 1px;

  height: 24px;

  background: var(--border);

}



/* Footer Estatísticas – card premium */

.footer-stats-card {

  display: inline-flex;

  align-items: center;

  gap: 0.75rem;

  padding: 0.6rem 1rem;

  background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.03) 100%);

  border: 1px solid rgba(255,255,255,0.12);

  border-radius: 12px;

  backdrop-filter: blur(8px);

}

.footer-stats-card-icon {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 40px;

  height: 40px;

  background: linear-gradient(135deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 70%, #000) 100%);

  border-radius: 10px;

  color: #fff;

  font-size: 1.1rem;

}

.footer-stats-card-content {

  display: flex;

  flex-direction: column;

  gap: 0.1rem;

}

.footer-stats-card-num {

  font-family: 'Bebas Neue', sans-serif;

  font-size: 1.5rem;

  font-weight: 400;

  line-height: 1;

  letter-spacing: 0.02em;

  color: #fff;

}

.footer-stats-card-label {

  font-size: 0.75rem;

  text-transform: uppercase;

  letter-spacing: 0.08em;

  color: rgba(255,255,255,0.65);

  font-weight: 500;

}



/* Formulários no tema escuro */

.form-control.bg-dark,

.form-select.bg-dark {

  background: rgba(0,0,0,0.5) !important;

  color: var(--text);

  border-color: var(--border);

}

.form-control.bg-dark:focus {

  background: rgba(0,0,0,0.6) !important;

  border-color: var(--accent);

  color: var(--text);

}

.form-check-input:checked {

  background-color: var(--accent);

  border-color: var(--accent);

}



/* Páginas internas */

.page-title {

  font-size: 1.75rem;

  font-weight: 700;

  color: var(--accent);

  margin-bottom: 1.5rem;

  padding-bottom: 0.5rem;

  border-bottom: 2px solid var(--accent);

}



/* Título de página - banner vermelho (todas as páginas) */

.page-title-banner-wrap {

  width: 100%;

  margin: 0;

  padding: 0;

}

.page-title-banner {

  font-family: 'Bebas Neue', sans-serif;

  font-size: 2.5rem;

  font-weight: 700;

  color: #fff;

  background: var(--accent);

  padding: 1.75rem 1.5rem;

  margin: 0;

  text-transform: uppercase;

  letter-spacing: 0.05em;

}

main.site-main:has(.page-title-banner-wrap) {

  padding-top: 0;

}

.banners-topo-noticias {

  margin-top: 0;

}

.banners-topo-noticias .banner-topo-noticias {

  overflow: hidden;

  border-radius: 4px;

}

.noticia-card-pagina {

  background: rgba(0,0,0,0.4);

  border-radius: 6px;

  overflow: hidden;

  transition: background 0.2s;

}

.noticia-card-pagina:hover {

  background: rgba(40,40,40,0.6);

}

.noticia-card-pagina-link {

  display: block;

  padding-bottom: 1rem;

  text-decoration: none;

  color: inherit;

}

.noticia-card-pagina-img {

  display: block;

  width: 100%;

  aspect-ratio: 16 / 10;

  overflow: hidden;

  background: rgba(255,255,255,0.05);

}

.noticia-card-pagina-img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

}

.noticia-card-pagina-placeholder {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  height: 100%;

  background: rgba(255,255,255,0.08);

  font-size: 2rem;

  color: rgba(255,255,255,0.4);

}

.noticia-card-pagina-cat {

  display: block;

  font-size: 0.7rem;

  font-weight: 600;

  color: var(--accent);

  text-transform: uppercase;

  padding: 0.5rem 1rem 0;

}

.noticia-card-pagina-titulo {

  font-size: 0.95rem;

  font-weight: 700;

  color: #fff;

  padding: 0.35rem 1rem 0;

  margin: 0;

  line-height: 1.3;

  -webkit-line-clamp: 2;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.noticia-card-pagina-date {

  display: block;

  font-size: 0.75rem;

  color: var(--text-muted);

  padding: 0.25rem 1rem 0;

}

.sidebar-block-title {

  font-family: 'Bebas Neue', sans-serif;

  font-size: 1.25rem;

  font-weight: 700;

  color: #fff;

  text-transform: uppercase;

  letter-spacing: 0.05em;

  margin-bottom: 1rem;

  padding-bottom: 0.5rem;

  border-bottom: 2px solid var(--accent);

}

.sidebar-categorias .sidebar-cat-item {

  display: block;

  padding: 0.5rem 0.75rem;

  background: rgba(255,255,255,0.06);

  border-radius: 4px;

  margin-bottom: 0.5rem;

  color: var(--text-muted);

  text-decoration: none;

  transition: background 0.2s, color 0.2s;

}

.sidebar-categorias .sidebar-cat-item:hover,

.sidebar-categorias .sidebar-cat-item.active {

  background: rgba(255,255,255,0.12);

  color: #fff;

}

.sidebar-segue-la {

  text-decoration: none;

  transition: opacity 0.2s;

}

.sidebar-segue-la:hover {

  opacity: 0.9;

}

.sidebar-segue-la-icon {

  font-size: 2rem;

  color: var(--accent);

}



/* Formulário de comentários - notícia */

/* Alinhamento do editor Quill - notícia, post, páginas */

.ql-align-center { text-align: center; }

.ql-align-right { text-align: right; }

.ql-align-justify { text-align: justify; }



/* Notícias importadas (RSS) - texto formatado e justificado */

.content.noticia-importada p {

  text-align: justify;

  line-height: 1.7;

  margin-bottom: 1rem;

}

.content.noticia-importada p:last-child { margin-bottom: 0; }

.content.noticia-importada p.noticia-fonte {

  text-align: left;

  margin-top: 1.5rem;

  margin-bottom: 0;

}

.content.noticia-importada p.noticia-fonte a {

  color: var(--accent);

  font-weight: 600;

}



.noticia-comentarios {

  border-top: 1px solid var(--border);

}

.noticia-comentarios-titulo {

  font-family: 'Bebas Neue', sans-serif;

  font-size: 1.5rem;

  font-weight: 700;

  color: #fff;

  margin-bottom: 1.25rem;

  padding-bottom: 0.5rem;

  border-bottom: 2px solid var(--accent);

}

.noticia-comentarios-titulo .comentarios-count {

  color: var(--accent);

  font-weight: 400;

  margin-left: 0.25rem;

}

.form-comentario {

  background: rgba(0,0,0,0.4);

  border-radius: 8px;

  padding: 1.5rem;

  margin-top: 2rem;

  margin-bottom: 1.5rem;

  border: 1px solid var(--border);

}

.form-comentario-intro {

  font-size: 0.9rem;

  color: var(--text-muted);

  margin-bottom: 1rem;

}

.form-comentario-row {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 0.75rem;

  margin-bottom: 0.75rem;

}

@media (max-width: 575px) {

  .form-comentario-row { grid-template-columns: 1fr; }

}

.form-comentario-input {

  width: 100%;

  padding: 0.6rem 1rem;

  font-size: 0.9rem;

  background: rgba(255,255,255,0.06);

  border: 1px solid var(--border);

  border-radius: 6px;

  color: #fff;

  transition: border-color 0.2s;

}

.form-comentario-input:focus {

  outline: none;

  border-color: var(--accent);

}

.form-comentario-input::placeholder {

  color: rgba(255,255,255,0.4);

}

.form-comentario-textarea {

  width: 100%;

  padding: 0.75rem 1rem;

  font-size: 0.9rem;

  font-family: inherit;

  background: rgba(255,255,255,0.06);

  border: 1px solid var(--border);

  border-radius: 6px;

  color: #fff;

  resize: vertical;

  min-height: 100px;

  margin-bottom: 1rem;

  transition: border-color 0.2s;

}

.form-comentario-textarea:focus {

  outline: none;

  border-color: var(--accent);

}

.form-comentario-textarea::placeholder {

  color: rgba(255,255,255,0.4);

}

.form-comentario-btn {

  padding: 0.6rem 1.5rem;

  font-size: 0.9rem;

  font-weight: 600;

  background: var(--accent);

  color: #fff;

  border: none;

  border-radius: 6px;

  cursor: pointer;

  transition: background 0.2s;

}

.form-comentario-btn:hover {

  background: var(--accent-hover);

}

.form-comentario-result {

  margin-top: 0.75rem;

  font-size: 0.85rem;

}

.lista-comentarios {

  display: flex;

  flex-direction: column;

  gap: 0.75rem;

}

.comentario-item {

  background: rgba(0,0,0,0.35);

  border-radius: 8px;

  padding: 1rem 1.25rem;

  border-left: 3px solid var(--accent);

}

.comentario-item-header {

  display: flex;

  align-items: baseline;

  gap: 0.75rem;

  margin-bottom: 0.5rem;

}

.comentario-item-nome {

  color: var(--accent);

  font-size: 0.95rem;

}

.comentario-item-data {

  font-size: 0.75rem;

  color: var(--text-muted);

}

.comentario-item-texto {

  font-size: 0.9rem;

  color: rgba(255,255,255,0.9);

  line-height: 1.5;

  margin: 0;

}



/* Admin */

.admin-sidebar {

  background: var(--bg-darker);

  min-height: calc(100vh - 56px);

  border-right: 1px solid var(--border);

}

.admin-sidebar .nav-link {

  color: var(--text-muted);

  padding: 0.6rem 1rem;

}

.admin-sidebar .nav-link:hover,

.admin-sidebar .nav-link.active {

  color: var(--accent);

  background: rgba(196, 30, 58, 0.1);

}

.table-dark {

  --bs-table-bg: rgba(0,0,0,0.3);

  --bs-table-border-color: var(--border);

}



/* ===== Botão WhatsApp flutuante ===== */

.whatsapp-float-btn {

  position: fixed;

  bottom: 24px;

  left: 24px;

  width: 56px;

  height: 56px;

  border-radius: 50%;

  background: #25d366;

  color: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 9997;

  box-shadow: 0 4px 20px rgba(37, 211, 102, 0.5);

  transition: transform 0.2s, background 0.2s;

  font-size: 1.75rem;

  text-decoration: none;

}

.whatsapp-float-btn:hover {

  background: #20ba5a;

  color: #fff;

  transform: scale(1.05);

}



/* ===== Player flutuante + painel ===== */

.radio-float-btn {

  position: fixed;

  bottom: 24px;

  right: 24px;

  width: 56px;

  height: 56px;

  border-radius: 12px;

  background: var(--accent);

  border: none;

  color: #fff;

  cursor: pointer;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 9998;

  box-shadow: 0 4px 20px color-mix(in srgb, var(--accent) 50%, transparent);

  transition: transform 0.2s, background 0.2s;

}

.radio-float-btn:hover {

  background: var(--accent-hover);

  transform: scale(1.05);

}



/* Equalizador animado - 4 barras */

.radio-eq {

  display: flex;

  align-items: flex-end;

  gap: 4px;

  height: 24px;

}

.radio-eq-bar {

  width: 5px;

  background: #fff;

  border-radius: 2px;

  animation: radio-eq-pulse 0.6s ease-in-out infinite alternate;

}

.radio-eq-bar:nth-child(1) { height: 8px; animation-delay: 0s; }

.radio-eq-bar:nth-child(2) { height: 18px; animation-delay: 0.1s; }

.radio-eq-bar:nth-child(3) { height: 12px; animation-delay: 0.2s; }

.radio-eq-bar:nth-child(4) { height: 14px; animation-delay: 0.3s; }

@keyframes radio-eq-pulse {

  from { transform: scaleY(0.4); }

  to { transform: scaleY(1); }

}



/* Painel deslizante - overlay não bloqueia cliques para permitir navegar */

.radio-player-overlay {

  position: fixed;

  inset: 0;

  background: rgba(0,0,0,0.25);

  z-index: 9999;

  opacity: 0;

  visibility: hidden;

  transition: opacity 0.3s ease, visibility 0.3s ease;

  pointer-events: none;

}

.radio-player-overlay.visible {

  opacity: 1;

  visibility: visible;

}



.radio-player-panel {

  position: fixed;

  top: 0;

  right: 0;

  width: 100%;

  max-width: 340px;

  height: 100vh;

  background: var(--bg-darker);

  border-left: 1px solid var(--border);

  z-index: 10000;

  display: flex;

  flex-direction: column;

  transform: translateX(100%);

  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);

  box-shadow: -8px 0 32px rgba(0,0,0,0.5);

}

.radio-player-panel.visible {

  transform: translateX(0);

}

.radio-player-panel .radio-panel-header {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 1rem 1.25rem;

  border-bottom: 1px solid var(--border);

}

.radio-panel-close {

  width: 36px;

  height: 36px;

  border-radius: 4px;

  background: var(--accent);

  border: none;

  color: #fff;

  cursor: pointer;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: background 0.2s;

}

.radio-panel-close:hover {

  background: var(--accent-hover);

}

.radio-panel-title {

  font-family: 'Bebas Neue', sans-serif;

  font-size: 1.25rem;

  font-weight: 400;

  color: #fff;

  margin: 0;

  letter-spacing: 0.05em;

}

.radio-player-panel .radio-panel-body {

  flex: 1;

  overflow-y: auto;

  padding: 1.5rem 1.25rem;

}

/* Disco (atrás) + capa (na frente) - estilo toca-disco */

.radio-disco-wrap {

  position: relative;

  width: 260px;

  height: 285px;

  margin: 0 auto;

}

.radio-disco {

  position: absolute;

  bottom: -25px;

  left: 50%;

  transform: translateX(-50%);

  width: 200px;

  height: 200px;

  border-radius: 50%;

  overflow: hidden;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 1;

}

.radio-disco-wrap.playing .radio-disco {

  animation: radio-disk-spin 3s linear infinite;

}

.radio-disco-img {

  width: 100%;

  height: 100%;

  object-fit: contain;

}

@keyframes radio-disk-spin {

  from { transform: translateX(-50%) rotate(0deg); }

  to { transform: translateX(-50%) rotate(360deg); }

}

.radio-capa {

  position: absolute;

  top: 0;

  left: 50%;

  transform: translateX(-50%);

  width: 230px;

  height: 230px;

  border-radius: 12px;

  overflow: hidden;

  background: var(--bg-darker);

  display: flex;

  align-items: center;

  justify-content: center;

  box-shadow: 0 4px 20px rgba(0,0,0,0.4);

  z-index: 2;

}

.radio-capa img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.radio-capa-placeholder {

  color: var(--text-muted);

  font-size: 2.5rem;

}



.radio-panel-logo img {

  max-width: 100%;

  max-height: 80px;

  object-fit: contain;

}

.radio-logo-placeholder {

  display: flex;

  align-items: center;

  gap: 0.5rem;

  color: #fff;

  font-weight: 700;

}

.radio-logo-placeholder i {

  font-size: 2rem;

  color: var(--accent);

}

.radio-play-wrap {

  display: flex;

  flex-direction: column;

  align-items: center;

  margin-top: 2rem;

  margin-bottom: 0.5rem;

}

.radio-btn-play {

  width: 58px;

  height: 58px;

  border-radius: 50%;

  background: var(--accent);

  border: none;

  color: #fff;

  font-size: 1.6rem;

  cursor: pointer;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: background 0.2s, transform 0.2s;

}

.radio-btn-play:hover {

  background: var(--accent-hover);

  transform: scale(1.05);

}

.radio-btn-play.playing {

  box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 40%, transparent);

}

.radio-recent-title {

  font-family: 'Bebas Neue', sans-serif;

  font-size: 1rem;

  color: #fff;

  margin-bottom: 0.75rem;

  text-align: center;

}

.radio-recent-desc {

  margin-bottom: 1rem;

}

.radio-recent-list {

  max-height: 200px;

  overflow-y: auto;

  display: flex;

  flex-direction: column;

  gap: 0.5rem;

  scrollbar-width: none;

  -ms-overflow-style: none;

}

.radio-recent-list::-webkit-scrollbar {

  display: none;

}

.radio-recent-item {

  display: flex;

  gap: 0.75rem;

  padding: 0.6rem 0.75rem;

  background: rgba(255,255,255,0.06);

  border-radius: 8px;

  align-items: flex-start;

}

.radio-recent-item.radio-recent-empty {

  background: transparent;

  padding: 0.5rem 0;

}

.radio-recent-capa {

  width: 40px;

  height: 40px;

  flex-shrink: 0;

  background: rgba(255,255,255,0.08);

  border-radius: 6px;

  overflow: hidden;

  display: flex;

  align-items: center;

  justify-content: center;

  border: 1px solid rgba(255,255,255,0.15);

}

.radio-recent-capa img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.radio-recent-capa span {

  color: var(--text-muted);

  font-size: 1.5rem;

}

.radio-recent-info {

  flex: 1;

  min-width: 0;

  font-size: 0.875rem;

  display: flex;

  flex-direction: column;

  gap: 0.15rem;

}

.radio-recent-titulo {

  color: #fff;

  display: block;

  font-weight: 600;

}

.radio-recent-artista {

  color: rgba(255,255,255,0.6);

  font-size: 0.8rem;

}

.radio-volume {

  padding: 0 0.25rem;

  width: 100%;

}

.radio-volume .d-flex {

  width: 100%;

}

.radio-volume-icon {

  color: var(--accent);

  font-size: 1.1rem;

}

.radio-volume-slider {

  flex: 1;

  width: 100%;

  min-width: 0;

  height: 6px;

  --bs-form-range-thumb-bg: var(--accent);

  --bs-form-range-thumb-border: 0;

  --bs-form-range-track-bg: rgba(255,255,255,0.2);

  accent-color: var(--accent);

}

.radio-volume-slider::-webkit-slider-thumb {

  background: var(--accent) !important;

}

.radio-volume-slider::-moz-range-thumb {

  background: var(--accent) !important;

}

.radio-app-icon {

  width: 38px;

  height: 38px;

  border-radius: 50%;

  background: rgba(255,255,255,0.1);

  color: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

  text-decoration: none;

  transition: background 0.2s, color 0.2s;

}

.radio-app-icon:hover {

  background: var(--accent);

  color: #fff;

}



/* Toggle menu mobile - sem borda, ícone branco (3 traços visíveis em fundo escuro) */

.menu-toggle-mobile.navbar-toggler,

.navbar-toggler.border-0 {

  border: none !important;

  box-shadow: none !important;

  outline: none;

  padding: 0.5rem;

}

.menu-toggle-mobile.navbar-toggler:focus {

  box-shadow: none !important;

  outline: none;

}

.menu-toggle-mobile .navbar-toggler-icon {

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

}



/* ===== Refinamentos Mobile ===== */

.header-top.header-top,
.site-header,
.main-nav {
  background: #000 !important;
}

.home-hero {
  position: relative;
  width: 100vw;
  min-height: calc(100svh - 96px);
  height: calc(100svh - 96px);
  margin-left: calc((100% - 100vw) / 2);
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #090909 var(--hero-image) center center / cover no-repeat;
}
.home-hero__overlay { position: absolute; inset: 0; background: transparent; pointer-events: none; }
.home-hero__video { position: absolute; inset: 0; z-index: 0; opacity: 0; transition: opacity 1.2s ease; pointer-events: none; }
.home-hero__video iframe { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; min-width: 177.78vh; min-height: 56.25vw; border: 0; transform: translate(-50%, -50%) scale(1.02); }
.home-hero--video .home-hero__video { opacity: 1; }
.home-hero__content { position: relative; z-index: 1; width: min(100% - 40px, 1100px); min-height: 280px; display: grid; place-items: center; text-align: center; color: #fff; }
.home-hero__content h1 { margin: 0; font-size: clamp(2rem, 5vw, 4.5rem); font-weight: 700; text-shadow: 0 3px 18px rgba(0,0,0,.65); }
.home-hero__logo { display: block; width: auto; max-width: min(72vw, 460px); max-height: 190px; object-fit: contain; filter: drop-shadow(0 3px 18px rgba(0,0,0,.65)); }

.clean-footer { width: 100vw; max-width: none; margin-left: 50%; transform: translateX(-50%); background: #000 !important; background-color: #000 !important; color: #fff; display: block; position: relative; isolation: isolate; }
.site-footer { margin-top: 0 !important; }
.clean-footer__inner { display: grid; grid-template-columns: 1.4fr 1fr 1.2fr; gap: 64px; width: calc(100% - 60px); max-width: none; margin: 0 auto; padding: 56px 0 42px; }
.clean-footer__column { min-width: 0; }
.clean-footer__logo { display: inline-block; margin-left: 40px; color: #fff; text-decoration: none; }
.clean-footer__logo img { display: block; width: auto; max-width: 220px; max-height: 72px; object-fit: contain; }
.clean-footer__logo span { font-size: 1.5rem; font-weight: 700; text-transform: uppercase; }
.clean-footer__brand p { max-width: 360px; margin: 20px 0 0 40px; color: #aaa; line-height: 1.7; }
.clean-footer h2 { margin: 0 0 18px; color: #fff; font-size: 1.05rem; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.clean-footer__menu { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; column-gap: 24px; row-gap: 9px; }
.clean-footer__menu h2 { grid-column: 1 / -1; }
.clean-footer__menu a { color: #aaa; text-decoration: none; transition: color .2s ease; }
.clean-footer__menu a:hover { color: #fff; }
.clean-footer__contact { display: flex; flex-direction: column; align-items: flex-start; gap: 13px; }
.clean-footer__contact-link { display: flex; align-items: flex-start; gap: 11px; color: #aaa; text-decoration: none; line-height: 1.4; }
.clean-footer__contact-link i { width: 20px; color: #999; font-size: 1.1rem; text-align: center; }
.clean-footer__contact-link.clean-footer__whatsapp, .clean-footer__contact-link.clean-footer__whatsapp i { color: #25d366; }
.clean-footer__bottom { padding: 16px 30px; border-top: 1px solid #222; color: #777; font-size: .8rem; text-align: center; }
.clean-footer__bottom a { color: #aaa; text-decoration: none; }
.clean-footer__bottom a:hover { color: #fff; }
.videos-section { position: relative; isolation: isolate; width: 100vw; margin: 0 0 0 calc((100% - 100vw) / 2); padding: 42px 0 64px; overflow: hidden; background: #090909 var(--videos-background) center / cover no-repeat; }
.videos-section::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(rgba(0,0,0,.56), rgba(0,0,0,.86)); }
.videos-section__content { position: relative; z-index: 1; width: min(1200px, calc(100% - 30px)); margin: 0 auto; }
.videos-section__title, .videos-section__subtitle { color: #fff; text-align: center; text-transform: uppercase; letter-spacing: .08em; }
.videos-section__title { margin: 0 0 30px; font-size: clamp(2rem, 4vw, 4rem); font-weight: 800; }
.videos-section__subtitle { margin: 24px 0 20px; font-size: clamp(1.1rem, 2vw, 1.7rem); }
.videos-section__main { width: min(850px, 100%); aspect-ratio: 16 / 9; margin: 0 auto; background: #000; box-shadow: 0 14px 40px rgba(0,0,0,.45); }
.videos-section__player { display: block; width: 100%; height: 100%; border: 0; }
.videos-section__poster { position: relative; display: block; width: 100%; height: 100%; padding: 0; border: 0; background: #000; cursor: pointer; overflow: hidden; }
.videos-section__poster img { display: block; width: 100%; height: 100%; object-fit: cover; }
.videos-section__poster-play { position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; transform: translate(-50%, -50%); background: rgba(0,0,0,.7); color: #fff; font-size: 1rem; }
.public-events { background: #fff; color: #171717; padding: 72px 30px 88px; }
.upcoming-shows { width: 100vw; margin-left: calc((100% - 100vw) / 2); background: #303030; color: #fff; padding: 58px 30px 72px; }
.upcoming-shows__inner { width: min(1180px, 100%); margin: 0 auto; }.upcoming-shows h2 { margin: 0 0 38px; color: #fff; font-size: clamp(2.2rem, 5vw, 4.4rem); font-weight: 800; }.upcoming-shows__list { display: grid; gap: 16px; }.upcoming-show { display: grid; grid-template-columns: 90px minmax(0, 1fr) auto; align-items: center; gap: 26px; padding: 24px 28px; border: 1px solid #3a2c22; border-radius: 14px; background: rgba(27,21,17,.72); }.upcoming-show__date { display: grid; color: #ff9000; text-align: center; }.upcoming-show__date strong { font-size: 2.45rem; font-weight: 400; line-height: 1; }.upcoming-show__date span { margin-top: 8px; color: #a89b8b; font-size: .78rem; letter-spacing: .18em; }.upcoming-show__details h3 { margin: 0 0 8px; color: #fff; font-size: 1.35rem; }.upcoming-show__details p { margin: 0; color: #a89b8b; }.upcoming-show__details i { margin-right: 7px; }.upcoming-show__actions { display: flex; align-items: center; gap: 16px; }.upcoming-show__status { padding: 10px 18px; border: 1px solid #9c8c78; border-radius: 999px; color: #b9ab9a; font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; white-space: nowrap; }.upcoming-show__status.is-confirmed { border-color: #ff9000; color: #ff9000; }.upcoming-show__tickets { display: inline-flex; align-items: center; gap: 12px; padding: 13px 25px; border-radius: 8px; background: linear-gradient(100deg,#ff7c21,#ff00c8); color: #1d1210; font-size: .78rem; font-weight: 800; letter-spacing: .16em; text-decoration: none; text-transform: uppercase; white-space: nowrap; box-shadow: 0 10px 25px rgba(255,96,0,.24); }.upcoming-show__tickets:hover { color: #000; filter: brightness(1.08); }
.public-events__inner { width: min(1180px, 100%); margin: 0 auto; }
.public-events__header { max-width: 680px; margin: 0 auto 42px; text-align: center; }
.public-events__eyebrow { color: var(--accent, #c4242a); font-size: .78rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.public-events__header h1 { margin: 8px 0 10px; color: #111; font-size: clamp(2rem, 4vw, 3.4rem); font-weight: 800; }
.public-events__header p { margin: 0; color: #6f6f6f; }
.public-events__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; }
.public-event-card { overflow: hidden; border: 1px solid #e8e8e8; border-radius: 14px; background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,.07); transition: transform .2s ease, box-shadow .2s ease; }
.public-event-card:hover { transform: translateY(-4px); box-shadow: 0 16px 38px rgba(0,0,0,.12); }
.public-event-card__image { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #171717; }
.public-event-card__image img { width: 100%; height: 100%; display: block; object-fit: cover; }
.public-event-card__image > span { display: grid; width: 100%; height: 100%; place-items: center; color: #fff; font-size: 3rem; }
.public-event-card__image time { position: absolute; top: 14px; left: 14px; display: grid; min-width: 58px; padding: 7px 9px; border-radius: 8px; background: #fff; color: #171717; text-align: center; box-shadow: 0 5px 15px rgba(0,0,0,.2); }
.public-event-card__image time strong { font-size: 1.35rem; line-height: 1; }.public-event-card__image time small { margin-top: 3px; color: #c4242a; font-size: .65rem; font-weight: 800; }
.public-event-card__body { padding: 22px; }.public-event-card__body h2 { margin: 0 0 12px; color: #171717; font-size: 1.18rem; }.public-event-card__meta { margin: 0 0 12px; color: #777; font-size: .88rem; }.public-event-card__meta i { margin-right: 6px; color: #c4242a; }.public-event-card__description { margin: 0; color: #666; font-size: .92rem; line-height: 1.65; }.public-event-card__button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; width: 100%; margin-top: 18px; padding: 11px 16px; border-radius: 7px; background: var(--accent, #c4242a); color: #fff; font-size: .88rem; font-weight: 700; text-decoration: none; transition: filter .2s ease, transform .2s ease; }.public-event-card__button:hover { color: #fff; filter: brightness(.88); transform: translateY(-1px); }.public-events__empty { padding: 50px 20px; border: 1px dashed #d5d5d5; color: #777; text-align: center; }
 .upcoming-shows h2 { text-align: center; } .public-event-card__tickets { width: 100%; justify-content: center; margin-top: 18px; } .upcoming-shows__more { margin-top: 30px; text-align: center; }.upcoming-shows__more a { display: inline-flex; align-items: center; gap: 10px; padding: 13px 24px; border: 1px solid #ff9000; border-radius: 8px; color: #ff9000; font-size: .82rem; font-weight: 700; text-decoration: none; text-transform: uppercase; letter-spacing: .08em; transition: background .2s ease, color .2s ease; }.upcoming-shows__more a:hover { background: #ff9000; color: #1b1511; }
@media (max-width: 991px) { .public-event-card__body { padding: 18px; }.public-events__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575px) { .public-events { padding: 50px 20px 64px; }.public-events__grid { grid-template-columns: 1fr; gap: 20px; } }
@media (max-width: 767px) { .upcoming-shows { padding: 42px 20px 54px; }.upcoming-show { grid-template-columns: 62px minmax(0, 1fr); gap: 16px; padding: 20px 16px; }.upcoming-show__date strong { font-size: 2rem; }.upcoming-show__details h3 { font-size: 1.05rem; }.upcoming-show__actions { grid-column: 1 / -1; justify-content: stretch; align-items: center; flex-wrap: nowrap; gap: 8px; }.upcoming-show__status { flex: 0 1 auto; padding: 8px 10px; font-size: .62rem; letter-spacing: .08em; }.upcoming-show__tickets { flex: 1 1 auto; justify-content: center; min-width: 0; padding: 11px 9px; font-size: .62rem; letter-spacing: .08em; } }
.upcoming-shows .upcoming-show__tickets { background: var(--accent, #c4242a); color: #fff; box-shadow: none; }
.upcoming-shows .upcoming-show__tickets:hover { background: var(--accent, #c4242a); color: #fff; filter: brightness(.88); }
.upcoming-shows .upcoming-show__date { color: var(--accent, #c4242a); }
.upcoming-shows .upcoming-shows__more a { border-color: var(--accent, #c4242a); color: var(--accent, #c4242a); }
.upcoming-shows .upcoming-shows__more a:hover { background: var(--accent, #c4242a); color: #fff; }

/* Próximos shows — apresentação editorial e responsiva */
.upcoming-shows { position: relative; overflow: hidden; padding: 78px 30px 86px; background: linear-gradient(145deg, #242424 0%, #303030 52%, #242424 100%); }
.upcoming-shows::before { content: ''; position: absolute; width: 420px; height: 420px; right: -150px; top: -190px; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; box-shadow: 0 0 0 36px rgba(255,255,255,.025), 0 0 0 72px rgba(255,255,255,.018); pointer-events: none; }
.upcoming-shows__inner { position: relative; z-index: 1; width: min(1180px, 100%); }
.upcoming-shows h2 { margin-bottom: 42px; font-size: clamp(2rem, 4vw, 3.7rem); letter-spacing: .08em; text-shadow: 0 8px 24px rgba(0,0,0,.28); }
.upcoming-shows__list { gap: 14px; }
.upcoming-show { position: relative; grid-template-columns: 104px minmax(0, 1fr) auto; gap: 28px; padding: 22px 24px; border: 1px solid rgba(255,255,255,.12); border-radius: 20px; background: rgba(18,18,18,.55); box-shadow: 0 10px 28px rgba(0,0,0,.16); transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease; }
.upcoming-show::before { content: ''; position: absolute; left: 0; top: 18px; bottom: 18px; width: 3px; border-radius: 0 5px 5px 0; background: var(--accent, #c4242a); opacity: .8; }
.upcoming-show:hover { transform: translateY(-3px); border-color: rgba(255,255,255,.25); background: rgba(22,22,22,.78); box-shadow: 0 16px 34px rgba(0,0,0,.26); }
.upcoming-show__date { align-content: center; min-height: 76px; padding-right: 22px; border-right: 1px solid rgba(255,255,255,.13); }
.upcoming-show__date strong { font-size: 2.8rem; font-weight: 800; letter-spacing: -.04em; }
.upcoming-show__date span { margin-top: 7px; font-size: .72rem; font-weight: 700; letter-spacing: .24em; }
.upcoming-show__details { align-self: center; }
.upcoming-show__details h3 { margin-bottom: 7px; font-size: clamp(1.05rem, 2vw, 1.35rem); letter-spacing: .01em; }
.upcoming-show__details p { font-size: .92rem; }
.upcoming-show__details i { color: rgba(255,255,255,.7); }
.upcoming-show__actions { gap: 9px; }
.upcoming-show__status { padding: 9px 14px; border-color: rgba(255,255,255,.3); background: rgba(255,255,255,.035); font-size: .68rem; font-weight: 700; }
.upcoming-show__status.is-confirmed { border-color: var(--accent, #c4242a); color: #fff; background: color-mix(in srgb, var(--accent, #c4242a) 18%, transparent); }
.upcoming-show__tickets { padding: 11px 17px; border-radius: 999px; background: var(--accent, #c4242a); box-shadow: 0 8px 18px rgba(196,36,42,.22); font-size: .68rem; letter-spacing: .1em; }
.upcoming-show__tickets:hover { background: var(--accent, #c4242a); color: #fff; filter: brightness(1.12); }
.upcoming-shows__more { margin-top: 34px; }
.upcoming-shows__more a { padding: 12px 22px; border-radius: 999px; background: transparent; font-size: .74rem; letter-spacing: .12em; }

@media (max-width: 767px) {
  .upcoming-shows { padding: 54px 16px 62px; }
  .upcoming-shows h2 { margin-bottom: 28px; font-size: 2rem; letter-spacing: .04em; }
  .upcoming-show { grid-template-columns: 68px minmax(0, 1fr); gap: 16px; padding: 18px 15px 16px; border-radius: 16px; }
  .upcoming-show::before { top: 14px; bottom: 14px; }
  .upcoming-show__date { min-height: 64px; padding-right: 14px; }
  .upcoming-show__date strong { font-size: 2.15rem; }
  .upcoming-show__date span { font-size: .64rem; letter-spacing: .16em; }
  .upcoming-show__details h3 { margin-bottom: 5px; font-size: 1rem; }
  .upcoming-show__details p { font-size: .78rem; line-height: 1.45; }
  .upcoming-show__actions { grid-column: 1 / -1; gap: 7px; margin-top: 2px; }
  .upcoming-show__status, .upcoming-show__tickets { padding: 9px 10px; font-size: .59rem; letter-spacing: .06em; }
  .upcoming-shows__more { margin-top: 26px; }
}

/* Biografia: imagem mais clara, seguindo a leitura visual da página Sobre */
.biografia-section__content::before { background: linear-gradient(90deg, rgba(23,3,14,.28), rgba(71,5,20,.16), rgba(18,2,13,.24)); }
.biografia-section__panel { border: 0; background: rgba(9,6,8,.28); box-shadow: none; }
@media (max-width: 767px) {
  .biografia-section__content::before { background: linear-gradient(180deg, rgba(23,3,14,.14), rgba(18,2,13,.3)); }
}

/* Biografia da Paula Luiza — destaque editorial */
.biografia-section { position: relative; min-height: 640px; padding: 34px 30px; background: #171717; overflow: hidden; }
.biografia-section__content { min-height: 572px; justify-content: center; padding: clamp(28px, 6vw, 84px); border-radius: 26px; background-position: center; box-shadow: 0 24px 60px rgba(0,0,0,.3); }
.biografia-section__content::before { background: linear-gradient(90deg, rgba(8,4,8,.78) 0%, rgba(8,4,8,.48) 48%, rgba(8,4,8,.12) 100%); }
.biografia-section__panel { max-width: 720px; padding: clamp(28px, 4vw, 52px); border: 1px solid rgba(255,255,255,.2); border-radius: 24px; background: rgba(13,8,12,.46); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); box-shadow: 0 20px 50px rgba(0,0,0,.26); }
.biografia-section__content h2 { margin-bottom: 20px; font-size: clamp(2.2rem, 5vw, 4.8rem); line-height: 1.02; letter-spacing: -.05em; text-wrap: balance; }
.biografia-section__text { max-width: 620px; color: rgba(255,255,255,.86); font-size: clamp(1rem, 1.5vw, 1.15rem); line-height: 1.8; }
.biografia-section__button { margin-top: 32px; padding: 13px 22px; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; background: var(--accent, #c4242a); box-shadow: 0 10px 24px rgba(196,36,42,.25); transition: transform .2s ease, filter .2s ease, box-shadow .2s ease; }
.biografia-section__button:hover { transform: translateY(-2px); filter: brightness(1.1); box-shadow: 0 14px 28px rgba(196,36,42,.34); }
@media (max-width: 767px) {
  .biografia-section { min-height: 0; padding: 14px 12px 28px; }
  .biografia-section__content { min-height: 540px; padding: 24px 14px; border-radius: 20px; }
  .biografia-section__content::before { background: linear-gradient(180deg, rgba(8,4,8,.34), rgba(8,4,8,.8)); }
  .biografia-section__panel { padding: 26px 20px; border-radius: 18px; }
  .biografia-section__content h2 { font-size: 2.35rem; }
  .biografia-section__text { font-size: .96rem; line-height: 1.7; }
  .biografia-section__button { width: 100%; justify-content: center; margin-top: 24px; }
}
.biografia-section { display: grid; grid-template-columns: 1fr; width: 100vw; margin-left: calc((100% - 100vw) / 2); min-height: 720px; background: #171717; color: #fff; }
.biografia-section__image { min-height: 620px; background: #242424; }.biografia-section__image img { display: block; width: 100%; height: 100%; min-height: 620px; object-fit: cover; object-position: center; }
.biografia-section__content { order: 1; display: flex; flex-direction: column; justify-content: center; min-height: 720px; padding: clamp(42px, 7vw, 110px); background: #171717 var(--biografia-background) center / cover no-repeat; position: relative; isolation: isolate; }.biografia-section__content::before { content: ''; position: absolute; inset: 0; z-index: -1; background: rgba(0,0,0,.46); }.biografia-section__content h2, .biografia-section__text, .biografia-section__button { position: relative; z-index: 1; }.biografia-section__content h2 { margin: 0 0 24px; color: #fff; font-size: clamp(2rem, 4vw, 4.2rem); font-weight: 800; letter-spacing: -.04em; }.biografia-section__text { max-width: 620px; color: rgba(255,255,255,.92); font-size: 1rem; line-height: 1.8; }.biografia-section__button { display: inline-flex; align-items: center; gap: 9px; align-self: flex-start; margin-top: 30px; padding: 13px 22px; border-radius: 7px; background: var(--accent, #c4242a); color: #fff; font-size: .8rem; font-weight: 700; text-decoration: none; text-transform: uppercase; letter-spacing: .08em; }.biografia-section__button:hover { color: #fff; filter: brightness(.88); }
.biografia-section__image { display: none; }
.biografia-section__panel { max-width: 760px; padding: clamp(28px, 4vw, 54px); border: 1px solid rgba(255,255,255,.18); border-radius: 24px; background: rgba(18,5,12,.48); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); box-shadow: 0 18px 45px rgba(0,0,0,.24); }
.biografia-timeline { width: 100vw; margin-left: calc((100% - 100vw) / 2); padding: 72px 30px 90px; background: #fff; color: #1c1c1c; }.biografia-timeline__inner { width: min(1080px, 100%); margin: 0 auto; }.biografia-timeline h2 { margin: 0 0 48px; text-align: center; font-size: clamp(2rem, 4vw, 3.4rem); }.biografia-timeline__list { position: relative; }.biografia-timeline__list::before { content: ''; position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; background: #d9d9d9; transform: translateX(-50%); }.biografia-timeline__item { position: relative; display: grid; grid-template-columns: 1fr 42px 1fr; align-items: center; min-height: 150px; }.biografia-timeline__year { color: var(--accent, #c4242a); font-size: clamp(2rem, 4vw, 3.5rem); font-weight: 800; text-align: right; }.biografia-timeline__dot { z-index: 1; width: 16px; height: 16px; margin: auto; border: 4px solid #fff; border-radius: 50%; background: var(--accent, #c4242a); box-shadow: 0 0 0 2px var(--accent, #c4242a); }.biografia-timeline__card { margin: 16px 0; padding: 22px 26px; border: 1px solid #e4e4e4; border-radius: 12px; background: #fafafa; box-shadow: 0 8px 20px rgba(0,0,0,.05); }.biografia-timeline__card h3 { margin: 0 0 8px; font-size: 1.2rem; }.biografia-timeline__card h4 { margin: 0 0 10px; color: #777; font-size: .92rem; font-weight: 500; }.biografia-timeline__card p { margin: 0; color: #666; line-height: 1.65; }
@media (max-width: 767px) { .biografia-section { grid-template-columns: 1fr; min-height: 560px; }.biografia-section__image, .biografia-section__image img { min-height: 320px; height: 52vw; max-height: 430px; }.biografia-section__content { min-height: 560px; padding: 48px 24px 58px; }.biografia-section__content h2 { font-size: 2.35rem; }.biografia-timeline { padding: 54px 20px 68px; }.biografia-timeline__list::before { left: 10px; transform: none; }.biografia-timeline__item { grid-template-columns: 28px 1fr; align-items: start; min-height: 0; }.biografia-timeline__year { grid-column: 2; text-align: left; font-size: 2rem; }.biografia-timeline__dot { grid-column: 1; grid-row: 1 / span 2; margin-top: 12px; }.biografia-timeline__card { grid-column: 2; margin: 0 0 28px; padding: 18px; } }

/* Ajuste final da Biografia: esta regra precisa ficar após os estilos legados. */
.biografia-section__content::before { background: linear-gradient(90deg, rgba(23,3,14,.12), rgba(71,5,20,.08), rgba(18,2,13,.12)) !important; }
.biografia-section__panel { border: 0 !important; background: rgba(9,6,8,.16) !important; box-shadow: none !important; backdrop-filter: none; -webkit-backdrop-filter: none; }
@media (max-width: 767px) { .biografia-section__content::before { background: linear-gradient(180deg, rgba(23,3,14,.08), rgba(18,2,13,.16)) !important; } }

/* O background da Biografia deve ocupar toda a largura, sem moldura externa. */
.biografia-section { padding: 0 !important; background: transparent !important; }
.biografia-section__content { border-radius: 0 !important; box-shadow: none !important; }
.biografia-section__panel { background: rgba(9, 6, 8, .46) !important; }
@media (max-width: 767px) { .biografia-section { padding: 0 !important; } .biografia-section__content { border-radius: 0 !important; } }
.public-events { padding: 86px 30px 104px; background: #fff; }
.public-galleries-page,.public-gallery-page { width: 100%; padding: 78px 30px 96px; background: #fff; color: #171717; }.public-galleries-page__inner,.public-gallery-page__inner { width: min(1180px,100%); margin: 0 auto; }.public-galleries-page__header,.public-gallery-page__header { margin: 0 auto 44px; text-align: center; }.public-galleries-page__header span,.public-gallery-page__header span { display:inline-block; padding:10px 18px; border:1px solid rgba(196,36,42,.28); border-radius:999px; color:var(--accent,#c4242a); font-size:.75rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }.public-galleries-page__header h1,.public-gallery-page__header h1 { margin:12px 0; font-size:clamp(2.3rem,5vw,4rem); font-weight:800; }.public-galleries-page__header p,.public-gallery-page__header p { color:#777; }.public-galleries-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }.public-gallery-card { overflow:hidden; border:1px solid #e5e5e5; border-radius:16px; background:#fff; box-shadow:0 10px 25px rgba(0,0,0,.06); }.public-gallery-card__cover { aspect-ratio:16/9; overflow:hidden; background:#171717; }.public-gallery-card__cover img { width:100%; height:100%; object-fit:cover; transition:transform .3s ease; }.public-gallery-card:hover .public-gallery-card__cover img { transform:scale(1.05); }.public-gallery-card__cover span { display:grid; height:100%; place-items:center; color:#fff; font-size:3rem; }.public-gallery-card__body { padding:20px; }.public-gallery-card__body h2 { margin:0 0 9px; font-size:1.2rem; }.public-gallery-card__body p { min-height:2.8em; color:#777; font-size:.9rem; }.public-gallery-card__button,.public-gallery-page__back { display:inline-flex; align-items:center; gap:8px; color:var(--accent,#c4242a); font-weight:700; text-decoration:none; }.public-gallery-card__button { margin-top:8px; padding:11px 15px; border-radius:8px; background:var(--accent,#c4242a); color:#fff; font-size:.82rem; }.public-gallery-card__button:hover { color:#fff; filter:brightness(.88); }.public-gallery-page__back { margin-bottom:30px; }.public-photos-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }.public-photo-card { aspect-ratio:1; padding:0; overflow:hidden; border:0; border-radius:12px; background:#111; cursor:pointer; }.public-photo-card img { width:100%; height:100%; object-fit:cover; transition:transform .3s ease,opacity .3s ease; }.public-photo-card:hover img { transform:scale(1.04); opacity:.86; }.public-galleries-page__empty { padding:50px 20px; text-align:center; color:#777; }.public-galleries-page__empty a { color:var(--accent,#c4242a); font-weight:700; }
@media(max-width:767px){.public-galleries-page,.public-gallery-page{padding:54px 20px 70px}.public-galleries-grid,.public-photos-grid{grid-template-columns:1fr;gap:20px}}
.public-videos-page { width: 100%; padding: 78px 30px 96px; background: #fff; color: #171717; }.public-videos-page__inner { width: min(1180px, 100%); margin: 0 auto; }.public-videos-page__header { margin: 0 auto 44px; text-align: center; }.public-videos-page__header span { color: var(--accent, #c4242a); font-size: .75rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }.public-videos-page__header h1 { margin: 10px 0; font-size: clamp(2.3rem, 5vw, 4rem); font-weight: 800; }.public-videos-page__header p { color: #777; }.public-videos-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }.public-video-card { overflow: hidden; border: 1px solid #e5e5e5; border-radius: 16px; background: #fff; box-shadow: 0 10px 25px rgba(0,0,0,.06); }.public-video-card__thumb { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; background: #111; }.public-video-card__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }.public-video-card__thumb:hover img { transform: scale(1.05); }.public-video-card__thumb span { position: absolute; top: 50%; left: 50%; display: grid; width: 44px; height: 44px; place-items: center; border-radius: 50%; transform: translate(-50%,-50%); background: rgba(0,0,0,.7); color: #fff; }.public-video-card__body { padding: 20px; }.public-video-card__body h2 { min-height: 2.8em; margin: 0; color: #171717; font-size: 1.1rem; }.public-video-card__button { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; padding: 10px 15px; border-radius: 7px; background: var(--accent, #c4242a); color: #fff; font-size: .8rem; font-weight: 700; text-decoration: none; }.public-video-card__button:hover { color: #fff; filter: brightness(.88); }.public-videos-page__empty { padding: 50px; text-align: center; color: #777; }
@media (max-width: 767px) { .public-videos-page { padding: 54px 20px 70px; }.public-videos-grid { grid-template-columns: 1fr; gap: 20px; } }
.public-video-card__button { display: flex; align-items: center; justify-content: center; width: 100%; margin-top: 20px; padding: 13px 18px; border-radius: 9px; font-size: .86rem; transition: filter .2s ease, transform .2s ease; }.public-video-card__button:hover { transform: translateY(-1px); }
.public-videos-page__header span { display: inline-block; padding: 10px 18px; border: 1px solid rgba(196,36,42,.28); border-radius: 999px; background: rgba(196,36,42,.04); color: var(--accent, #c4242a); font-size: .75rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.public-events__header { margin-bottom: 50px; }
.public-events__eyebrow { display: inline-block; padding: 7px 12px; border: 1px solid rgba(196,36,42,.22); border-radius: 999px; background: rgba(196,36,42,.06); font-size: .7rem; letter-spacing: .18em; }
.public-events__header h1 { margin-top: 16px; font-size: clamp(2.3rem, 5vw, 4rem); letter-spacing: -.04em; }
.public-events__header p { font-size: 1rem; }
.public-events__grid { gap: 30px; }
.public-event-card { border: 1px solid #e5e5e1; border-radius: 18px; background: #fff; box-shadow: 0 8px 24px rgba(24,24,20,.05); }
.public-event-card:hover { transform: translateY(-5px); box-shadow: 0 18px 38px rgba(24,24,20,.11); }
.public-event-card__image { background: #242424; }
.public-event-card__image img { transition: transform .45s ease; }
.public-event-card:hover .public-event-card__image img { transform: scale(1.035); }
.public-event-card__image time { top: 16px; left: 16px; min-width: 62px; padding: 9px 10px; border-radius: 10px; }
.public-event-card__body { padding: 24px; }
.public-event-card__body h2 { font-size: 1.25rem; letter-spacing: -.015em; }
.public-event-card__meta { display: flex; align-items: center; gap: 2px; font-size: .84rem; }
.public-event-card__description { min-height: 3.1em; font-size: .9rem; }
.public-event-card__tickets { width: 100%; margin-top: 22px; justify-content: center; border: 0; border-radius: 9px; background: var(--accent, #c4242a); color: #fff; font-size: .75rem; letter-spacing: .12em; box-shadow: none; }
.public-event-card__tickets:hover { background: var(--accent, #c4242a); color: #fff; filter: brightness(.88); }
.public-events__empty { border-radius: 14px; background: #fff; }
@media (max-width: 575px) { .public-events { padding: 58px 18px 76px; }.public-events__header { margin-bottom: 34px; }.public-events__header h1 { font-size: 2.45rem; }.public-event-card__body { padding: 21px; } }
.videos-section__carousel { display: grid; grid-template-columns: 54px minmax(0, 1fr) 54px; align-items: center; gap: 14px; }
.videos-section__track { display: flex; gap: 16px; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; padding: 4px; }
.videos-section__track::-webkit-scrollbar { display: none; }
.videos-section__card { flex: 0 0 clamp(190px, 22vw, 250px); padding: 0; border: 0; background: transparent; cursor: pointer; }
.videos-section__thumb { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; background: #111; }
.videos-section__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease, opacity .25s ease; }
.videos-section__card:hover img { transform: scale(1.04); opacity: .85; }
.videos-section__card.is-active { outline: 2px solid #fff; outline-offset: 3px; }
.videos-section__play { position: absolute; inset: 50% auto auto 50%; transform: translate(-50%, -50%); display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: rgba(0,0,0,.7); color: #fff; font-size: 1rem; }
.videos-section__arrow { width: 52px; height: 52px; border: 0; border-radius: 50%; background: #fff; color: #111; font-size: 2.3rem; line-height: 1; cursor: pointer; }
.videos-section__arrow:disabled { opacity: .35; cursor: default; }
@media (max-width: 767px) { .videos-section { padding: 32px 0 44px; } .videos-section__carousel { grid-template-columns: 36px minmax(0, 1fr) 36px; gap: 6px; } .videos-section__arrow { width: 36px; height: 36px; font-size: 1.7rem; } .videos-section__card { flex-basis: 72vw; } }
@media (max-width: 767px) { .clean-footer__inner { grid-template-columns: 1fr; gap: 34px; width: calc(100% - 40px); padding: 40px 0 30px; } .clean-footer__logo, .clean-footer__brand p { margin-left: 0; } .clean-footer__brand p { max-width: none; } .clean-footer__menu { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .home-hero { min-height: 320px; } .home-hero__content { min-height: 220px; } }
@media (max-width: 767px) {
  .home-hero { min-height: clamp(420px, 72svh, 640px); height: clamp(420px, 72svh, 640px); background-position: center center; }
  .home-hero__video iframe { min-width: 177.78vh; min-height: 56.25vw; transform: translate(-50%, -50%) scale(1.01); }
  .home-hero__content { width: calc(100% - 32px); min-height: 100%; padding: 24px 0; }
  .home-hero__logo { max-width: 78vw; max-height: 120px; }
}

@media (min-width: 992px) {
  .reference-header { position: sticky; top: 0; }
}

@media (max-width: 991px) {
  .home-hero { min-height: calc(100svh - 76px); height: calc(100svh - 76px); }
  .home-hero__content { min-height: 60vh; }
}

.top-bar.header-top {
  min-height: 95px;
  padding: 0;
  position: relative;
  z-index: 11;
}

.header-top .container,
.site-header .container {
  max-width: none;
  width: 100%;
}

.header-top-inner {
  min-height: 95px;
  padding: 0 30px;
  display: grid !important;
  grid-template-columns: 1fr auto 1fr;
  width: 100%;
}

.header-top-inner .logo-block { grid-column: 1; justify-self: start; }
.header-top-inner .header-social { grid-column: 3; justify-self: end; }
.header-top-inner .menu-toggle-mobile { grid-column: 3; justify-self: end; }

.site-logo-img {
  max-width: 240px;
  max-height: 78px;
}

.header-social {
  flex-direction: column;
  align-items: center;
  gap: 5px;
  min-width: 190px;
}

.header-social-title {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}

.header-social a {
  font-size: 1.7rem;
  line-height: 1;
  opacity: 1;
}

.header-social-title + a,
.header-social-title ~ a { margin: 0 6px; }

.header-social-title ~ a { display: inline-block; }

.header-social-icons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.main-nav {
  min-height: 0;
  padding: 0;
  width: 100%;
  margin-left: 0;
  background: transparent !important;
}

.site-header {
  width: 100vw;
  margin-left: calc((100% - 100vw) / 2);
}

.main-nav .container {
  justify-content: center;
  padding: 0;
}

.main-nav .navbar-collapse {
  justify-content: center;
}

.main-nav .navbar-nav {
  gap: 22px;
  align-items: center;
}

.main-nav .nav-link {
  padding: 0;
  color: #fff !important;
  font-family: 'Poppins', Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  border: 0;
  white-space: nowrap;
}

.main-nav .nav-link:hover,
.main-nav .nav-link:focus,
.main-nav .nav-link:focus-visible {
  opacity: .7;
  background: transparent;
}

.main-nav .dropdown-menu {
  background: #000;
  border: 1px solid #222;
}

@media (min-width: 992px) {
  .site-header { margin-top: -95px; }
  .main-nav .container { min-height: 95px; }
}

@media (max-width: 991px) {
  .top-bar.header-top { min-height: 76px; }
  .header-top-inner { min-height: 76px; padding: 0 20px; display: flex !important; }
  .site-logo-img { max-width: 190px; max-height: 58px; }
  .header-social { display: none; }
  .site-header, .main-nav { width: 100%; margin-left: 0; }
  .main-nav .container { padding: 0 20px; justify-content: flex-end; }
  .site-header { margin-top: 0; }
  .main-nav .navbar-collapse { justify-content: flex-start; }
  .main-nav .navbar-nav { gap: 0; align-items: stretch; }
  .main-nav .nav-link { padding: .65rem 1rem; font-size: 1.05rem; }
}

@media (max-width: 575px) {
  .header-top-inner { padding: 0 14px; }
  .site-logo-img { max-width: 160px; max-height: 50px; }
}

@media (max-width: 991px) {
  .header-top-inner {

    padding: 0.85rem 0;

    min-height: auto;

    flex-wrap: wrap;

    gap: 0.5rem;

  }

  .logo-pick { width: 40px; height: 40px; font-size: 1.05rem; }

  .logo-name { font-size: 1.1rem; }

  .logo-freq-tag { font-size: 0.75rem; padding: 2px 6px; }

  .logo-by { font-size: 0.58rem; }

  .site-logo-img { max-height: 56px; }

  .social-links a { font-size: 1rem; }

  .social-links { gap: 0.75rem; }

  .main-nav .container { padding-left: 12px; padding-right: 12px; }

  .main-nav:not(:has(.navbar-collapse.show)) {

    min-height: 0;

    padding: 0;

  }

  .main-nav:not(:has(.navbar-collapse.show)) .container {

    padding-top: 0;

    padding-bottom: 0;

    min-height: 0;

  }

  .main-nav .nav-link { padding: 0.5rem 0.6rem; font-size: 1.1rem; }

  .main-nav .navbar-collapse {

    flex-direction: column;

    align-items: stretch;

    padding: 0.5rem 0;

    padding-bottom: max(1rem, env(safe-area-inset-bottom, 1rem));

  }

  .main-nav .navbar-nav { flex-direction: column; }

  .main-nav .navbar-nav .nav-item { width: 100%; }

  .main-nav .navbar-nav .nav-link { border-top: none; border-left: 3px solid transparent; padding: 0.65rem 1rem; }

  .main-nav .navbar-nav .nav-link:hover,

  .main-nav .navbar-nav .nav-item.dropdown.show .nav-link { border-left-color: var(--accent); }

  .main-nav .dropdown-menu { position: static !important; }

  /* Oculta botão \"Abrir Player\" apenas no mobile */

  .btn-player-block {

    display: none !important;

  }

  .btn-player-text strong { font-size: 0.7rem; }

  .btn-player-sub { font-size: 0.55rem; }

  .btn-player-inner i { font-size: 1rem; }

  .news-section { padding: 35px 0; }

  .news-section-title { font-size: 2rem; }

  .section-title-galeria { font-size: 2rem; }

  .hero-slide,

  .hero-slide-img,

  .hero-slide-link { min-height: 220px; }

  .hero-slide-img {

    background-size: contain;

    background-position: top center;

    background-color: #0d0d0d;

  }

  .radio-player-panel { max-width: 100%; }

  .radio-disco-wrap { width: 200px; height: 230px; }

  .radio-disco { width: 160px; height: 160px; bottom: -20px; }

  .radio-capa { width: 170px; height: 170px; }

  .footer-section-wrap { padding-left: 15px; padding-right: 15px; }

  .footer-col-logo { max-height: 50px; }

  .footer-title { font-size: 1.25rem; }

}



@media (max-width: 767px) {

  .galeria-mosaico-pagina { grid-template-columns: repeat(4, 1fr); gap: 8px; }

  .site-wrap .container { padding-left: 15px; padding-right: 15px; }

  .header-top-inner { padding: 0.6rem 0; }

  .logo-block { flex-wrap: wrap; }

  .logo-pick { width: 36px; height: 36px; font-size: 0.95rem; }

  .logo-name { font-size: 1.05rem; }

  .logo-freq-tag { font-size: 0.7rem; padding: 2px 5px; }

  .logo-by { font-size: 0.52rem; }

  .site-logo-img { max-height: 50px; }

  .social-links { gap: 0.5rem; }

  .social-links a { font-size: 0.95rem; }

  .news-section { padding-top: 12px; }

  .news-section .news-grid,

  .news-section .news-slider,

  .news-section .news-slide .news-slider {

    grid-template-columns: 1fr !important;

    gap: 16px;

  }

  .news-slider-track { flex-direction: column; }

  .news-slide { flex: 0 0 100%; }

  .home-three-cols .home-block-title { font-size: 1.15rem; }

  .home-block-video .video-destaque-wrap { min-height: 200px; }

  .galeria-mosaico { grid-template-columns: repeat(3, 1fr); gap: 6px; }

  .section-title-galeria { font-size: 1.75rem; margin-bottom: 1rem; }

  .top10-block .top10-item { flex-direction: row; }

  .top10-capa { width: 44px; height: 44px; flex-shrink: 0; }

  .top10-info { font-size: 0.85rem; }

  .footer-cols-row .col-6 { flex: 0 0 100%; max-width: 100%; }

  .footer-bottom .container { flex-direction: column; text-align: center; }

  .radio-float-btn {

    bottom: max(16px, env(safe-area-inset-bottom, 16px));

    right: max(16px, env(safe-area-inset-right, 16px));

    width: 52px;

    height: 52px;

  }

  .whatsapp-float-btn {

    bottom: max(16px, env(safe-area-inset-bottom, 16px));

    left: max(16px, env(safe-area-inset-left, 16px));

    width: 52px;

    height: 52px;

    font-size: 1.6rem;

  }

  .radio-eq-bar { width: 4px; }

  .radio-player-panel .radio-panel-body { padding: 1rem 1rem; }

  .radio-disco-wrap { width: 160px; height: 200px; }

  .radio-disco { width: 140px; height: 140px; bottom: -15px; }

  .radio-capa { width: 140px; height: 140px; }

  .radio-btn-play { width: 50px; height: 50px; font-size: 1.4rem; }

  .radio-recent-capa { width: 36px; height: 36px; }

  .radio-recent-capa span { font-size: 1rem; }

  .radio-recent-item { padding: 0.5rem 0.6rem; gap: 0.5rem; }

  .radio-recent-titulo { font-size: 0.8rem; }

  .radio-recent-artista { font-size: 0.75rem; }

  .page-title { font-size: 1.5rem; }

  .hero-slider .carousel-control-prev,

  .hero-slider .carousel-control-next { width: 50px; }

  .hero-slider .hero-arrow .bi-chevron-left,

  .hero-slider .hero-arrow .bi-chevron-right { font-size: 2.5rem; }

  .btn-player-block { padding: 0.45rem 0.75rem; }

  .btn-player-text strong { font-size: 0.65rem; }

  .btn-player-inner i { font-size: 0.95rem; }

}



@media (max-width: 575px) {

  .galeria-mosaico-pagina { grid-template-columns: repeat(3, 1fr); gap: 6px; }

  .header-top .container { padding-left: 12px; padding-right: 12px; }

  .logo-pick { width: 32px; height: 32px; font-size: 0.9rem; }

  .logo-name { font-size: 0.95rem; }

  .logo-fm { font-size: 0.85rem; }

  .logo-freq-tag { font-size: 0.65rem; padding: 2px 4px; }

  .logo-by { font-size: 0.5rem; }

  .site-logo-img { max-height: 44px; }

  .social-links a { font-size: 0.9rem; }

  .social-links { gap: 0.45rem; }

  .btn-player-block { min-height: 36px; padding: 0.4rem 0.65rem; }

  .btn-player-inner { gap: 0.4rem; }

  .btn-player-text strong { font-size: 0.65rem; }

  .btn-player-sub { display: none; }

  .btn-player-inner i { font-size: 0.9rem; }

  .news-section { padding: 28px 0; }

  .news-section-title { font-size: 1.75rem; }

  .news-card-v-body { padding: 0.85rem; }

  .news-card-v-title { font-size: 1rem; -webkit-line-clamp: 2; }

  .galeria-mosaico { grid-template-columns: repeat(2, 1fr); gap: 6px; }

  .galeria-ver-todas { font-size: 0.9rem; }

  .radio-disco-wrap { width: 140px; height: 180px; }

  .radio-disco { width: 120px; height: 120px; }

  .radio-capa { width: 120px; height: 120px; }

  .radio-capa-placeholder { font-size: 1.8rem; }

  .radio-float-btn { bottom: 12px; right: 12px; width: 48px; height: 48px; }

  .whatsapp-float-btn {

    bottom: max(12px, env(safe-area-inset-bottom, 12px));

    left: max(12px, env(safe-area-inset-left, 12px));

    width: 48px;

    height: 48px;

    font-size: 1.5rem;

  }

  .radio-recent-list { max-height: 160px; }

  .radio-app-icon { width: 34px; height: 34px; font-size: 1rem; }

  .radio-float-btn {

    bottom: max(12px, env(safe-area-inset-bottom, 12px));

    right: max(12px, env(safe-area-inset-right, 12px));

  }

}

.public-gallery-card__button { width: 100%; justify-content: center; box-sizing: border-box; }
.public-gallery-card__count { display: block; margin: 0 0 4px; color: #777; font-size: .86rem; }
.public-gallery-modal .modal-content { background: #000; color: #fff; }
.public-gallery-modal .modal-header { border-bottom: 1px solid rgba(255,255,255,.14); }
.public-gallery-modal .modal-body { position: relative; display: flex; align-items: center; justify-content: center; min-height: 0; padding: 28px 90px; }
.public-gallery-modal .modal-body > img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.public-gallery-modal__arrow { position: absolute; top: 50%; z-index: 2; display: grid; width: 52px; height: 52px; transform: translateY(-50%); place-items: center; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; background: rgba(255,255,255,.12); color: #fff; font-size: 1.5rem; cursor: pointer; transition: background .2s ease, transform .2s ease; }
.public-gallery-modal__arrow:hover { background: rgba(255,255,255,.28); transform: translateY(-50%) scale(1.06); }
.public-gallery-modal__prev { left: 24px; }
.public-gallery-modal__next { right: 24px; }
@media (max-width: 767px) { .public-gallery-modal .modal-body { padding: 20px 58px; } .public-gallery-modal__arrow { width: 42px; height: 42px; } .public-gallery-modal__prev { left: 12px; } .public-gallery-modal__next { right: 12px; } }
.public-photos-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 991px) { .public-photos-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .public-photos-grid { grid-template-columns: 1fr; } }
.public-photos-grid { width: min(980px, 100%); margin-inline: auto; gap: 12px; }
.public-contact-page { padding: 78px 30px 96px; background: #fff; color: #171717; }
.public-contact-page__inner { width: min(1180px,100%); margin: 0 auto; }
.public-contact-page__header { margin: 0 auto 44px; text-align: center; }
.public-contact-page__header span { display:inline-block; padding:10px 18px; border:1px solid rgba(196,36,42,.28); border-radius:999px; color:var(--accent,#c4242a); font-size:.75rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.public-contact-page__header h1 { margin:12px 0; font-size:clamp(2.3rem,5vw,4rem); font-weight:800; }
.public-contact-page__header p,.public-contact-form-card > p,.public-contact-info > p { color:#777; }
.public-contact-layout { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr); gap:28px; align-items:stretch; }
.public-contact-form-card,.public-contact-info { padding:32px; border:1px solid #e6e6e6; border-radius:20px; background:#fff; box-shadow:0 12px 30px rgba(0,0,0,.06); }
.public-contact-form-card h2,.public-contact-info h2 { margin:0; font-size:1.55rem; }.public-contact-form-card > p { margin:8px 0 24px; }
.public-contact-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.public-contact-form-card label { display:block; margin-bottom:18px; color:#333; font-size:.82rem; font-weight:700; }.public-contact-form-card input,.public-contact-form-card textarea { display:block; width:100%; box-sizing:border-box; margin-top:8px; padding:13px 15px; border:1px solid #ddd; border-radius:10px; background:#fafafa; color:#222; font:inherit; resize:vertical; }.public-contact-form-card input:focus,.public-contact-form-card textarea:focus { outline:2px solid rgba(196,36,42,.2); border-color:var(--accent,#c4242a); }
.public-contact-submit { display:inline-flex; align-items:center; justify-content:center; gap:9px; width:100%; padding:14px 18px; border:0; border-radius:10px; background:var(--accent,#c4242a); color:#fff; font-weight:700; cursor:pointer; }.public-contact-submit:hover { filter:brightness(.9); }
.public-contact-info { background:#171717; color:#fff; }.public-contact-info > p { color:#b7b7b7; margin-bottom:24px; }.public-contact-info__item { display:flex; align-items:center; gap:14px; margin:0 0 18px; color:#ddd; text-decoration:none; }.public-contact-info__item > i { width:40px; color:#aaa; font-size:1.35rem; text-align:center; }.public-contact-info__item small { display:block; margin-bottom:3px; color:#999; font-size:.72rem; text-transform:uppercase; letter-spacing:.1em; }.public-contact-info__whatsapp > i { color:#25d366; }.public-contact-socials { margin-top:30px; padding-top:24px; border-top:1px solid #333; }.public-contact-socials h3 { margin:0 0 14px; font-size:1rem; }.public-contact-socials a { display:inline-grid; width:38px; height:38px; margin-right:8px; place-items:center; border-radius:50%; background:#2b2b2b; color:#fff; font-size:1.1rem; text-decoration:none; }.public-contact-socials a:hover { background:var(--accent,#c4242a); }.public-contact-alert { margin-bottom:18px; padding:12px 14px; border-radius:10px; font-size:.9rem; }.public-contact-alert--success { background:#e9f8ef; color:#20733d; }.public-contact-alert--error { background:#fff0f0; color:#a52d2d; }
@media (max-width: 800px) { .public-contact-page { padding:54px 20px 70px; }.public-contact-layout { grid-template-columns:1fr; }.public-contact-form-card,.public-contact-info { padding:24px; } }
@media (max-width: 520px) { .public-contact-form-grid { grid-template-columns:1fr; gap:0; } }
.public-contact-form-card select { display:block; width:100%; box-sizing:border-box; margin-top:8px; padding:13px 15px; border:1px solid #ddd; border-radius:10px; background:#fafafa; color:#222; font:inherit; }
.public-contact-form-card select { appearance: none; -webkit-appearance: none; border-radius: 14px; min-height: 50px; padding-right: 42px; background-color: #fafafa; background-image: linear-gradient(45deg, transparent 50%, #555 50%), linear-gradient(135deg, #555 50%, transparent 50%); background-position: calc(100% - 19px) 22px, calc(100% - 13px) 22px; background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; cursor: pointer; }
.public-contact-form-card select:focus { background-color: #fff; }
.public-contact-select { position: relative; margin-top: 8px; }
.public-contact-select__trigger { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:50px; padding:13px 15px; border:1px solid #ddd; border-radius:14px; background:#fafafa; color:#222; font:inherit; text-align:left; cursor:pointer; }
.public-contact-select__trigger i { color:#555; transition:transform .2s ease; }.public-contact-select.is-open .public-contact-select__trigger i { transform:rotate(180deg); }
.public-contact-select__options { position:absolute; z-index:20; top:calc(100% + 7px); left:0; right:0; display:none; padding:6px; border:1px solid #e4e4e4; border-radius:14px; background:#fff; box-shadow:0 12px 28px rgba(0,0,0,.14); }
.public-contact-select.is-open .public-contact-select__options { display:grid; gap:2px; }.public-contact-select__options button { padding:11px 12px; border:0; border-radius:9px; background:transparent; color:#222; font:inherit; text-align:left; cursor:pointer; }.public-contact-select__options button:hover { background:#f4eaea; color:var(--accent,#c4242a); }
.public-news-page { width:100%; padding:78px 30px 96px; background:#fff; color:#171717; }.public-news-page__inner { width:min(1180px,100%); margin:0 auto; }.public-news-page__header { margin:0 auto 44px; text-align:center; }.public-news-page__header span { display:inline-block; padding:10px 18px; border:1px solid rgba(196,36,42,.28); border-radius:999px; color:var(--accent,#c4242a); font-size:.75rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }.public-news-page__header h1 { margin:12px 0; font-size:clamp(2.3rem,5vw,4rem); font-weight:800; }.public-news-page__header p { color:#777; }.public-news-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }.public-news-card { overflow:hidden; border:1px solid #e5e5e5; border-radius:16px; background:#fff; box-shadow:0 10px 25px rgba(0,0,0,.06); transition:transform .2s ease,box-shadow .2s ease; }.public-news-card:hover { transform:translateY(-4px); box-shadow:0 16px 30px rgba(0,0,0,.1); }.public-news-card__image { aspect-ratio:16/9; overflow:hidden; background:#171717; }.public-news-card__image img { width:100%; height:100%; object-fit:cover; transition:transform .3s ease; }.public-news-card:hover .public-news-card__image img { transform:scale(1.04); }.public-news-card__image span { display:grid; height:100%; place-items:center; color:#fff; font-size:3rem; }.public-news-card__body { padding:20px; }.public-news-card__body h2 { min-height:2.8em; margin:0; font-size:1.15rem; line-height:1.4; }.public-news-card__button { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; box-sizing:border-box; margin-top:20px; padding:12px 16px; border-radius:9px; background:var(--accent,#c4242a); color:#fff; font-size:.84rem; font-weight:700; text-decoration:none; }.public-news-card__button:hover { color:#fff; filter:brightness(.9); }.public-news-empty { padding:50px 20px; border:1px dashed #d5d5d5; color:#777; text-align:center; }@media(max-width:991px){.public-news-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}@media(max-width:600px){.public-news-page{padding:54px 20px 70px}.public-news-grid{grid-template-columns:1fr;gap:20px}}
.public-news-article { max-width:860px; margin:0 auto; }.public-news-article h1 { margin:28px 0; font-size:clamp(2rem,5vw,3.8rem); line-height:1.12; }.public-news-article > img { display:block; width:100%; max-height:520px; margin-bottom:28px; border-radius:16px; object-fit:cover; }.public-news-article > div { color:#444; font-size:1.05rem; line-height:1.8; }.public-news-article a { color:var(--accent,#c4242a); }
.home-latest-news { width:100%; padding:78px 30px 90px; background:#fff; color:#171717; }.home-latest-news__inner { width:min(1180px,100%); margin:0 auto; }.home-latest-news__header { margin-bottom:38px; text-align:center; }.home-latest-news__header span { color:var(--accent,#c4242a); font-size:.75rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }.home-latest-news__header h2 { margin:10px 0 0; font-size:clamp(2rem,4vw,3.2rem); font-weight:800; }.home-latest-news__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; }.home-latest-news__card { overflow:hidden; border:1px solid #e5e5e5; border-radius:16px; background:#fff; box-shadow:0 10px 25px rgba(0,0,0,.06); }.home-latest-news__image { aspect-ratio:16/9; overflow:hidden; background:#171717; }.home-latest-news__image img { width:100%; height:100%; object-fit:cover; transition:transform .3s ease; }.home-latest-news__card:hover .home-latest-news__image img { transform:scale(1.04); }.home-latest-news__image span { display:grid; height:100%; place-items:center; color:#fff; font-size:3rem; }.home-latest-news__body { padding:20px; }.home-latest-news__body h3 { min-height:2.8em; margin:0; font-size:1.1rem; line-height:1.4; }.home-latest-news__button { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; box-sizing:border-box; margin-top:20px; padding:12px 16px; border-radius:9px; background:var(--accent,#c4242a); color:#fff; font-size:.84rem; font-weight:700; text-decoration:none; }.home-latest-news__button:hover { color:#fff; filter:brightness(.9); }@media(max-width:800px){.home-latest-news{padding:56px 20px 70px}.home-latest-news__grid{grid-template-columns:1fr;gap:20px}}
.home-latest-news__all { margin-top:34px; text-align:center; }.home-latest-news__all a { display:inline-flex; align-items:center; gap:8px; padding:12px 22px; border:1px solid var(--accent,#c4242a); border-radius:9px; color:var(--accent,#c4242a); font-size:.84rem; font-weight:700; text-decoration:none; }.home-latest-news__all a:hover { background:var(--accent,#c4242a); color:#fff; }
.home-latest-news__header span { display:inline-block; padding:10px 22px; border:1px solid rgba(196,36,42,.3); border-radius:999px; color:var(--accent,#c4242a); font-size:.75rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.public-news-pagination { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:38px; }.public-news-pagination a { display:grid; min-width:40px; height:40px; place-items:center; border:1px solid #e2e2e2; border-radius:10px; color:#555; font-weight:700; text-decoration:none; transition:background .2s ease,color .2s ease,border-color .2s ease; }.public-news-pagination a:hover,.public-news-pagination__page.is-active { border-color:var(--accent,#c4242a); background:var(--accent,#c4242a); color:#fff; }.public-news-pagination__arrow.is-disabled { pointer-events:none; opacity:.35; }.public-news-pagination__summary { margin:14px 0 0; color:#888; font-size:.82rem; text-align:center; }
.public-fans-page { width:100%; padding:78px 30px 96px; background:#fff; color:#171717; }.public-fans-page__inner { width:min(1180px,100%); margin:0 auto; }.public-fans-page__header { margin:0 auto 44px; text-align:center; }.public-fans-page__header span { display:inline-block; padding:10px 18px; border:1px solid rgba(196,36,42,.28); border-radius:999px; color:var(--accent,#c4242a); font-size:.75rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }.public-fans-page__header h1 { margin:12px 0; font-size:clamp(2.3rem,5vw,4rem); font-weight:800; }.public-fans-page__header p { color:#777; }.public-fans-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }.public-fan-card { padding:26px; border:1px solid #e5e5e5; border-radius:16px; background:#fff; box-shadow:0 10px 25px rgba(0,0,0,.06); }.public-fan-card__icon { color:var(--accent,#c4242a); font-size:2rem; }.public-fan-card p { min-height:100px; margin:12px 0 22px; color:#555; line-height:1.7; }.public-fan-card footer { display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid #eee; padding-top:14px; }.public-fan-card footer strong { color:#222; }.public-fan-card footer small { color:#999; }.public-fans-empty { padding:50px 20px; border:1px dashed #d5d5d5; color:#777; text-align:center; }@media(max-width:900px){.public-fans-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}@media(max-width:600px){.public-fans-page{padding:54px 20px 70px}.public-fans-grid{grid-template-columns:1fr;gap:18px}}
.public-fan-card { position:relative; display:flex; flex-direction:column; min-height:260px; padding:30px; overflow:hidden; border:1px solid rgba(196,36,42,.14); border-radius:22px; background:linear-gradient(145deg,#fff 0%,#fffafa 100%); box-shadow:0 14px 35px rgba(35,20,20,.08); transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }.public-fan-card::before { content:'“'; position:absolute; top:-26px; right:20px; color:rgba(196,36,42,.08); font-size:10rem; font-weight:800; line-height:1; }.public-fan-card:hover { transform:translateY(-6px); border-color:rgba(196,36,42,.35); box-shadow:0 20px 42px rgba(35,20,20,.14); }.public-fan-card__icon { position:relative; display:grid; width:48px; height:48px; place-items:center; border-radius:14px; background:var(--accent,#c4242a); color:#fff; font-size:1.55rem; box-shadow:0 8px 18px rgba(196,36,42,.25); }.public-fan-card p { position:relative; flex:1; min-height:0; margin:22px 0 26px; color:#444; font-size:.98rem; line-height:1.75; }.public-fan-card footer { position:relative; border-top:1px solid rgba(0,0,0,.08); padding-top:16px; }.public-fan-card footer strong { font-size:.92rem; }.public-fan-card footer small { font-size:.78rem; }
.public-fans-cta { margin:-12px 0 36px; text-align:center; }.public-fans-cta__button { display:inline-flex; align-items:center; gap:9px; padding:13px 22px; border:0; border-radius:10px; background:var(--accent,#c4242a); color:#fff; font-weight:700; cursor:pointer; box-shadow:0 9px 20px rgba(196,36,42,.2); }.public-fans-cta__button:hover { filter:brightness(.9); transform:translateY(-1px); }.fans-modal-open { overflow:hidden; }.public-fans-modal[hidden] { display:none; }.public-fans-modal { position:fixed; inset:0; z-index:1000; display:grid; place-items:center; padding:20px; }.public-fans-modal__backdrop { position:absolute; inset:0; background:rgba(0,0,0,.62); backdrop-filter:blur(3px); }.public-fans-modal__dialog { position:relative; width:min(520px,100%); padding:32px; border-radius:22px; background:#fff; box-shadow:0 24px 70px rgba(0,0,0,.25); }.public-fans-modal__dialog h2 { margin:0 0 8px; }.public-fans-modal__dialog > p { margin:0 0 24px; color:#777; }.public-fans-modal__close { position:absolute; top:16px; right:16px; border:0; background:transparent; color:#888; cursor:pointer; }.public-fans-modal__dialog label { display:block; margin-bottom:16px; color:#333; font-size:.82rem; font-weight:700; }.public-fans-modal__dialog input,.public-fans-modal__dialog textarea { display:block; width:100%; box-sizing:border-box; margin-top:7px; padding:12px 14px; border:1px solid #ddd; border-radius:10px; background:#fafafa; font:inherit; resize:vertical; }.public-fans-modal__dialog button[type=submit] { width:100%; padding:13px; border:0; border-radius:10px; background:var(--accent,#c4242a); color:#fff; font-weight:700; cursor:pointer; }.public-fans-modal__result { margin-top:12px; font-size:.88rem; }.public-fans-modal__result.is-success { color:#20733d; }.public-fans-modal__result.is-error { color:#a52d2d; }
.public-fans-page { padding-bottom: 25px; }.public-fans-cta { margin-top: 24px; margin-bottom: 0; }
@media (max-width: 600px) { .public-fans-page { padding-bottom: 25px; } }
.public-news-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }.public-news-card__body { padding:18px; }.public-news-card__body h2 { font-size:1.05rem; }
@media(max-width:1100px){.public-news-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
.public-fans-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }.public-fan-card { padding:24px; }
@media(max-width:1100px){.public-fans-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
.public-fan-card { padding:20px; }.public-fan-card__icon { width:42px; height:42px; font-size:1.35rem; }.public-fan-card p { margin:18px 0 20px; font-size:.92rem; line-height:1.6; }.public-fan-card footer { padding-top:12px; }
.public-fan-card { padding:14px; border-radius:16px; }.public-fan-card__icon { width:36px; height:36px; font-size:1.1rem; border-radius:10px; }.public-fan-card p { margin:12px 0 14px; font-size:.86rem; line-height:1.5; }.public-fan-card footer { padding-top:10px; font-size:.85rem; }.public-fan-card footer small { font-size:.72rem; }
.public-fan-card { min-height:0; padding:14px 16px; }.public-fan-card p { min-height:0; flex:none; margin:14px 0 16px; }.public-fan-card footer { margin-top:auto; }
.public-fans-modal__dialog input,.public-fans-modal__dialog textarea { color:#000; }
.public-fans-form-row { display:grid; grid-template-columns:1.2fr 1.3fr 1fr; gap:14px; }.public-fans-form-row label { margin-bottom:0; }
@media(max-width:600px){.public-fans-form-row{grid-template-columns:1fr;gap:0}.public-fans-form-row label{margin-bottom:16px}}
.public-fans-modal__dialog h2 { color:#000; }
.public-fans-modal__dialog { width:min(650px,100%); padding:40px; border-radius:26px; }.public-fans-modal__dialog h2 { margin:0 0 10px; font-size:clamp(2rem,4vw,2.45rem); letter-spacing:-.04em; }.public-fans-modal__dialog > p { margin-bottom:32px; font-size:1rem; line-height:1.45; }.public-fans-form-row { gap:18px; }.public-fans-modal__dialog label { color:#333; font-size:.83rem; }.public-fans-modal__dialog input,.public-fans-modal__dialog textarea { min-height:56px; padding:14px 15px; border-color:#d9d9d9; border-radius:12px; background:#fcfcfc; color:#000; }.public-fans-modal__dialog textarea { min-height:155px; }.public-fans-modal__dialog button[type=submit] { min-height:64px; border-radius:12px; background:#cf2029; font-size:1.05rem; }.public-fans-modal__close { top:22px; right:24px; font-size:1.2rem; }
@media(max-width:600px){.public-fans-modal__dialog{padding:28px 22px;border-radius:20px}.public-fans-modal__dialog h2{font-size:1.8rem}.public-fans-modal__dialog > p{margin-bottom:24px}}
.public-fans-form-row { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 18px; }.public-fans-form-row label:first-child { grid-column:1 / -1; margin-bottom:18px; }
@media(max-width:600px){.public-fans-form-row{grid-template-columns:1fr;gap:0}.public-fans-form-row label:first-child{grid-column:auto}}
.public-fans-modal__dialog { width:min(560px,100%); padding:28px 30px; border-radius:20px; }.public-fans-modal__dialog h2 { font-size:2rem; }.public-fans-modal__dialog > p { margin-bottom:22px; font-size:.92rem; }.public-fans-modal__dialog input,.public-fans-modal__dialog textarea { min-height:46px; padding:11px 13px; border-radius:10px; }.public-fans-modal__dialog textarea { min-height:105px; }.public-fans-modal__dialog button[type=submit] { min-height:50px; font-size:.95rem; }.public-fans-modal__close { top:16px; right:18px; }
@media(max-width:600px){.public-fans-modal__dialog{padding:24px 20px}.public-fans-modal__dialog h2{font-size:1.65rem}}
.public-fans-emoji-row { display:flex; align-items:center; flex-wrap:wrap; gap:5px; margin:-4px 0 16px; }.public-fans-emoji-row > span { margin-right:4px; color:#777; font-size:.75rem; font-weight:700; }.public-fans-emoji { display:grid; width:30px; height:30px; padding:0; place-items:center; border:1px solid #eee; border-radius:8px; background:#fff; font-size:1rem; cursor:pointer; transition:transform .15s ease,background .15s ease; }.public-fans-emoji:hover { background:#fff3f3; transform:scale(1.12); }
.upcoming-shows .upcoming-show__tickets { border-radius:999px; }
.public-events .public-event-card__tickets { border-radius:999px; }
.public-event-card__status { display:inline-flex; align-items:center; justify-content:center; width:100%; box-sizing:border-box; margin-top:18px; padding:10px 16px; border:1px solid #aaa; border-radius:999px; color:#777; font-size:.75rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }.public-event-card__status.is-confirmed { border-color:var(--accent,#c4242a); color:var(--accent,#c4242a); }
.public-event-card__actions { display:flex; align-items:center; gap:10px; margin-top:18px; }.public-event-card__actions .public-event-card__status,.public-event-card__actions .public-event-card__tickets { flex:1 1 0; width:auto; min-width:0; margin-top:0; }.public-event-card__status.is-confirmed { border-color:#ff9000; color:#ff9000; }.public-event-card__status.is-soon { width:100%; }
@media(max-width:500px){.public-event-card__actions{gap:7px}.public-event-card__actions .public-event-card__status,.public-event-card__actions .public-event-card__tickets{padding:10px 8px;font-size:.66rem;letter-spacing:.06em}}
.public-event-card__actions .public-event-card__status,.public-event-card__actions .public-event-card__tickets { font-size:.66rem; letter-spacing:.07em; }
.public-event-card__actions { gap:6px; }.public-event-card__actions .public-event-card__status,.public-event-card__actions .public-event-card__tickets { font-size:.58rem; letter-spacing:.035em; padding:9px 7px; }
.public-event-card__actions .public-event-card__status.is-confirmed { border:1px solid var(--accent,#c4242a); color:#fff; background:color-mix(in srgb, var(--accent,#c4242a) 18%, transparent); border-radius:999px; font-weight:700; }
.public-event-card__actions .public-event-card__status.is-confirmed { background:rgba(196,36,42,.7); border-color:var(--accent,#c4242a); color:#fff; padding:9px 14px; font-size:.66rem; letter-spacing:.08em; line-height:1; }

/* Eventos — agenda editorial */
.public-events { position: relative; overflow: hidden; padding: 92px 30px 110px; background: linear-gradient(180deg, #fff 0%, #fafafa 65%, #f2f2f2 100%); }
.public-events::before { content: ''; position: absolute; width: 480px; height: 480px; right: -220px; top: 150px; border: 1px solid rgba(196,36,42,.08); border-radius: 50%; box-shadow: 0 0 0 42px rgba(196,36,42,.025), 0 0 0 84px rgba(196,36,42,.018); pointer-events: none; }
.public-events__inner { position: relative; z-index: 1; width: min(1240px, 100%); }
.public-events__header { max-width: 720px; margin-bottom: 58px; }
.public-events__eyebrow { padding: 8px 15px; background: rgba(196,36,42,.08); color: var(--accent,#c4242a); font-size: .68rem; letter-spacing: .22em; }
.public-events__header h1 { margin: 17px 0 12px; font-size: clamp(2.5rem, 5vw, 4.6rem); letter-spacing: -.06em; }
.public-events__header p { color: #737373; font-size: 1.05rem; }
.public-events__grid { gap: 24px; }
.public-event-card { position: relative; border: 1px solid rgba(20,20,20,.09); border-radius: 22px; background: rgba(255,255,255,.9); box-shadow: 0 12px 30px rgba(20,20,20,.07); }
.public-event-card:hover { transform: translateY(-6px); box-shadow: 0 20px 44px rgba(20,20,20,.13); }
.public-event-card__image { aspect-ratio: 16 / 10; background: linear-gradient(135deg,#242424,#111); }
.public-event-card__image::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(0,0,0,.02) 45%,rgba(0,0,0,.48)); pointer-events: none; }
.public-event-card__image img { transition: transform .5s ease, filter .5s ease; }
.public-event-card:hover .public-event-card__image img { transform: scale(1.06); filter: saturate(1.08); }
.public-event-card__image time { z-index: 1; top: 16px; left: 16px; min-width: 68px; padding: 10px 11px; border: 1px solid rgba(255,255,255,.45); border-radius: 13px; background: rgba(255,255,255,.94); box-shadow: 0 8px 20px rgba(0,0,0,.18); }
.public-event-card__image time strong { color: var(--accent,#c4242a); font-size: 1.55rem; font-weight: 800; }
.public-event-card__image time small { color: #555; font-size: .62rem; letter-spacing: .16em; }
.public-event-card__body { display: flex; min-height: 220px; flex-direction: column; padding: 24px; }
.public-event-card__body h2 { margin-bottom: 10px; font-size: 1.25rem; font-weight: 800; }
.public-event-card__meta { color: #707070; font-size: .83rem; }
.public-event-card__meta i { color: var(--accent,#c4242a); }
.public-event-card__description { display: -webkit-box; overflow: hidden; min-height: 3.2em; margin-top: 3px; color: #767676; font-size: .88rem; line-height: 1.6; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.public-event-card__actions { margin-top: auto; padding-top: 20px; }
.public-event-card__actions .public-event-card__tickets { background: var(--accent,#c4242a); box-shadow: 0 8px 18px rgba(196,36,42,.18); }
.public-event-card__actions .public-event-card__tickets:hover { filter: brightness(1.08); }
@media (max-width: 575px) { .public-events { padding: 62px 16px 80px; }.public-events__header { margin-bottom: 36px; }.public-events__header h1 { font-size: 2.7rem; }.public-event-card { border-radius: 18px; }.public-event-card__body { min-height: 0; padding: 20px; }.public-event-card__actions { padding-top: 18px; } }
.public-events { background: #f2f2f2 !important; }
.public-events { width: 100vw; min-height: 100%; margin-left: calc((100% - 100vw) / 2); }
html, body { background-color: #f2f2f2 !important; }
.public-galleries-page, .public-gallery-page, .public-videos-page, .public-fans-page { width: 100vw; min-height: 100%; margin-left: calc((100% - 100vw) / 2); background: #f2f2f2 !important; }
.public-events, .public-galleries-page, .public-gallery-page, .public-videos-page, .public-fans-page, .public-contact-page { position: relative; isolation: isolate; overflow: hidden; background: #f2f2f2 !important; }
.public-events::after, .public-galleries-page::after, .public-gallery-page::after, .public-videos-page::after, .public-fans-page::after, .public-contact-page::after { content: ''; position: absolute; z-index: -1; top: -280px; left: -250px; width: 620px; height: 620px; border: 2px solid rgba(196,36,42,.16); border-radius: 50%; box-shadow: 0 0 0 34px rgba(196,36,42,.045), 0 0 0 68px rgba(196,36,42,.028), 0 0 0 102px rgba(196,36,42,.018); pointer-events: none; }
.public-events__inner, .public-galleries-page__inner, .public-gallery-page__inner, .public-videos-page__inner, .public-fans-page__inner, .public-contact-page__inner { position: relative; z-index: 1; }
.videos-section { padding:72px 0 82px; background-color:#080808; }.videos-section::before { background:linear-gradient(180deg,rgba(8,8,8,.28),rgba(8,8,8,.9)); }.videos-section__content { width:min(1240px,calc(100% - 40px)); }.videos-section__title { margin-bottom:34px; font-size:clamp(2.2rem,4.5vw,4.4rem); letter-spacing:.12em; }.videos-section__main { position:relative; width:min(900px,100%); padding:8px; border:1px solid rgba(255,255,255,.16); border-radius:22px; background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.03)); box-shadow:0 24px 60px rgba(0,0,0,.6); }.videos-section__poster,.videos-section__player { border-radius:16px; }.videos-section__poster::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 52%,rgba(0,0,0,.45)); pointer-events:none; }.videos-section__poster-play { width:64px; height:64px; border:1px solid rgba(255,255,255,.55); background:rgba(196,36,42,.9); box-shadow:0 8px 24px rgba(0,0,0,.35); font-size:1.25rem; transition:transform .2s ease,background .2s ease; }.videos-section__poster:hover .videos-section__poster-play { transform:translate(-50%,-50%) scale(1.08); background:var(--accent,#c4242a); }.videos-section__subtitle { margin:38px 0 22px; font-size:clamp(1rem,1.8vw,1.3rem); letter-spacing:.18em; color:rgba(255,255,255,.78); }.videos-section__carousel { grid-template-columns:46px minmax(0,1fr) 46px; gap:16px; }.videos-section__track { gap:18px; padding:8px 4px 12px; }.videos-section__card { flex-basis:clamp(180px,20vw,238px); padding:5px; border:1px solid transparent; border-radius:16px; background:rgba(255,255,255,.06); transition:transform .2s ease,background .2s ease,border-color .2s ease; }.videos-section__card:hover { transform:translateY(-4px); background:rgba(255,255,255,.12); }.videos-section__thumb { border-radius:11px; }.videos-section__card.is-active { outline:0; border-color:var(--accent,#c4242a); background:rgba(196,36,42,.2); box-shadow:0 8px 22px rgba(196,36,42,.22); }.videos-section__play { width:36px; height:36px; background:rgba(0,0,0,.78); font-size:.85rem; }.videos-section__arrow { width:46px; height:46px; background:rgba(255,255,255,.95); box-shadow:0 8px 20px rgba(0,0,0,.3); transition:transform .2s ease,background .2s ease; }.videos-section__arrow:hover:not(:disabled) { transform:scale(1.08); background:#fff; }
@media(max-width:767px){.videos-section{padding:50px 0 60px}.videos-section__content{width:calc(100% - 24px)}.videos-section__main{padding:5px;border-radius:16px}.videos-section__poster,.videos-section__player{border-radius:12px}.videos-section__poster-play{width:52px;height:52px}.videos-section__carousel{grid-template-columns:32px minmax(0,1fr) 32px;gap:5px}.videos-section__arrow{width:32px;height:32px;font-size:1.4rem}.videos-section__card{flex-basis:68vw}}

/* Carrossel da Home: quatro vídeos destacados visíveis e avanço de um por vez. */
.videos-section__track { overflow-x: hidden; gap: 18px; }
.videos-section__card { flex: 0 0 calc((100% - 54px) / 4); }
@media (max-width: 767px) { .videos-section__track { gap: 10px; } .videos-section__card { flex-basis: calc((100% - 10px) / 2); } }

/* Hero responsivo: preserva a composição inteira da capa e do vídeo. */
.home-hero { height: auto !important; min-height: 0 !important; aspect-ratio: 16 / 9; background-position: center; background-size: contain; background-color: #090909; }
.home-hero__video iframe { width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; transform: translate(-50%, -50%) !important; }
.home-hero__content { min-height: 100% !important; }
@media (min-width: 1600px) { .home-hero { aspect-ratio: 21 / 9; } }
@media (max-width: 1024px) { .home-hero { aspect-ratio: 16 / 10; } }
@media (max-width: 767px) { .home-hero { aspect-ratio: 4 / 5; } .home-hero__content { width: calc(100% - 28px); } .home-hero__logo { max-width: 78vw; max-height: 130px; } }
@media (max-width: 480px) { .home-hero { aspect-ratio: 3 / 4; } .home-hero__logo { max-width: 82vw; max-height: 110px; } }

/* Correção visual final: capa e vídeo trabalham na mesma proporção 16:9. */
.home-hero { aspect-ratio: 16 / 9 !important; background-size: cover !important; }
.home-hero__video iframe { width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; }
@media (max-width: 767px) { .home-hero { aspect-ratio: 16 / 9 !important; } }
.home-hero--video { background-image: none !important; }
.home-hero--video .home-hero__video { opacity: 1 !important; }

/* Coligação final da paleta do painel: cobre componentes legados que ainda tinham cor literal. */
body.soundpro { background-color: var(--site-base); }
.reference-header, .reference-header__nav, .reference-header__menu .dropdown-menu { background: var(--site-base); }
.reference-header__logo, .reference-header__menu a, .reference-header__social-title, .reference-header__social-icons a, .reference-header__toggle { color: var(--site-light); }
.reference-header__menu .dropdown-menu { border-color: color-mix(in srgb, var(--site-light) 16%, var(--site-base)); }
.reference-header__menu .dropdown-item:hover { background: color-mix(in srgb, var(--site-light) 10%, var(--site-base)); }
.clean-footer__contact-link.clean-footer__whatsapp,
.clean-footer__contact-link.clean-footer__whatsapp i,
.public-contact-info__whatsapp > i { color: var(--whatsapp); }
.radio-player-popup, .videos-section { background-color: var(--site-base); }
.upcoming-show__date, .upcoming-show__status.is-confirmed, .public-event-card__image time small { color: var(--accent); }
.upcoming-show__status.is-confirmed { border-color: var(--accent); }
.upcoming-show__tickets { background: var(--accent); box-shadow: 0 10px 25px color-mix(in srgb, var(--accent) 24%, transparent); }
.public-contact-info { background: color-mix(in srgb, var(--site-base) 92%, var(--site-light)); }
.sobre-timeline-page { background-color: var(--site-base); }
.sobre-timeline-page__header span, .sobre-timeline-page__header h1 { color: var(--accent) !important; }
.sobre-timeline__line, .sobre-timeline__node { background: var(--accent); }
.sobre-timeline__year { background: linear-gradient(100deg, var(--accent), var(--accent-hover)); }
.sobre-timeline__node { box-shadow: 0 0 0 3px var(--accent); }