/* Arena B3 v2 — Faixa azul + colchete pontilhado no topo das paginas internas */

.ab3-v2-page-hero {
  display: block;
  width: 100%;
  background: #1818B7;
  color: #fff;
  font-family: Mulish, sans-serif;
  min-height: clamp(120px, 18vw, 160px);
}

.ab3-v2-page-hero[hidden] {
  display: none !important;
}

.ab3-v2-page-hero__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(1.75rem, 4vw, 2.5rem) clamp(1.25rem, 4vw, 1.5rem);
  min-height: clamp(120px, 18vw, 160px);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
}

.ab3-v2-page-hero__heading {
  display: inline-flex;
  align-items: center;
  gap: clamp(0.85rem, 2.5vw, 1.35rem);
  max-width: 100%;
}

.ab3-v2-page-hero__title {
  margin: 0;
  padding: 0;
  color: #fff;
  font-family: Mulish, sans-serif;
  font-weight: 800;
  font-size: clamp(1.75rem, 4.5vw, 2.75rem);
  line-height: 1.05;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-align: left;
}

/* SVG inline solido [ ] (arte cliente), branco via currentColor */
.ab3-v2-page-hero__bracket {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  height: clamp(2.4rem, 5.5vw, 3.35rem);
  width: auto;
}

.ab3-v2-page-hero__bracket svg {
  display: block;
  height: 100%;
  width: auto;
}

@media (max-width: 575.98px) {
  .ab3-v2-page-hero__heading {
    gap: 0.65rem;
  }

  .ab3-v2-page-hero__bracket {
    height: clamp(2rem, 8vw, 2.5rem);
  }
}

/* Esconde titulos antigos quando a faixa interna esta ativa */
body.ab3-v2-has-page-hero .ab3-v2-quemsomos-title,
body.ab3-v2-has-page-hero #ab3-v2-imprensa-title,
body.ab3-v2-has-page-hero #ab3-v2-como-chegar-title,
body.ab3-v2-has-page-hero #ab3-v2-faq-title {
  display: none !important;
}

/* Ancora nativa (#institucional/#galeria/#faq…): deixa espaco do navbar+banner
   para o fragment nao "roubar" o topo e esconder a faixa azul. */
body.ab3-v2-has-page-hero #institucional,
body.ab3-v2-has-page-hero #galeria,
body.ab3-v2-has-page-hero #imprensa,
body.ab3-v2-has-page-hero #como-chegar,
body.ab3-v2-has-page-hero #faq,
body.ab3-v2-has-page-hero .ab3-v2-section {
  scroll-margin-top: clamp(200px, 30vh, 300px);
}

body.ab3-v2-has-page-hero app-agenda section.agenda .section-title,
body.ab3-v2-has-page-hero app-gallery .gallery .section-title {
  display: none !important;
}