/* MENU ÚNICO — VIVA! COSTA DOS CORAIS */

.viva-header {
  position: relative;
  z-index: 100;
  width: 100%;
  background: #FFFFFF;
  border-bottom: 1px solid rgba(11,74,107,.08);
}

.viva-header-inner {
  width: min(1240px,100%);
  min-height: 96px;
  margin: auto;
  padding: 12px 28px;

  display: flex;
  align-items: center;
  gap: 24px;
}

.viva-logo {
  flex: 0 0 auto;
  width: 190px;
}

.viva-logo img {
  display: block;
  width: 100%;
  height: auto;
}

.viva-desktop-nav {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-left: auto;
}

.viva-desktop-nav a,
.viva-mobile-nav a {
  color: #0B4A6B;
  font-family: "Montserrat",Arial,sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .10em;
  line-height: 1.4;
  text-transform: uppercase;
  text-decoration: none;
}

.viva-desktop-nav a:hover,
.viva-mobile-nav a:hover {
  color: #2A8CAB;
}

.viva-menu-button {
  display: none;
  border: 0;
  background: transparent;
  color: #0B4A6B;
  cursor: pointer;
  font-size: 30px;
}

.viva-mobile-nav,
.viva-mobile-nav[hidden] {
  display: none;
}

@media (max-width: 1050px) {

  .viva-header-inner {
    min-height: 82px;
    padding: 12px 20px;
  }

  .viva-logo {
    width: 155px;
  }

  .viva-desktop-nav {
    display: none;
  }

  .viva-menu-button {
    display: block;
    margin-left: auto;
  }

  .viva-mobile-nav.open:not([hidden]) {
    display: grid;
    gap: 18px;
    padding: 22px 24px;
    background: #FFFFFF;
    border-top: 1px solid rgba(11,74,107,.08);
  }

  .viva-mobile-nav a {
    font-size: 16px;
  }
}

/* TAMANHO DOS TÍTULOS — PÁGINAS INTERNAS */

.hero h1 {
  font-size: clamp(34px, 3.5vw, 48px);
  line-height: 1.12;
}

/* Títulos das seções dentro dos artigos */
.article h2,
.story-block h2 {
  font-size: clamp(28px, 2.8vw, 38px);
  line-height: 1.2;
}

/* Ajuste para celular */
@media (max-width: 760px) {
  .hero h1 {
    font-size: 36px;
  }

  .article h2,
  .story-block h2 {
    font-size: 29px;
  }
}