/* Ajustes finos do heroi editorial (carregado depois de hero.css). */

/* A logo nao pode ser espremida pelo menu maior. */
body.dt-page .site-header .header-inner {
  gap: clamp(16px, 2vw, 40px);
}

body.dt-page .site-header .site-branding {
  flex: 0 0 auto;
  min-width: 0;
}

body.dt-page .site-header .site-logo {
  display: block;
  flex: 0 0 auto;
}

body.dt-page .site-header .site-logo img,
body.dt-page .site-header img.custom-logo {
  height: clamp(40px, 3.4vw, 54px);
  width: auto;
  max-width: none;
  display: block;
}

body.dt-page .site-header .site-navigation {
  flex: 1 1 auto;
  display: flex;
  justify-content: flex-end;
  min-width: 0;
}

body.dt-page .site-header .site-navigation ul.menu {
  gap: clamp(14px, 1.5vw, 26px);
  flex-wrap: nowrap;
}

body.dt-page .site-header .site-navigation a {
  font-size: clamp(0.86rem, 0.95vw, 0.97rem);
}

/* Titulo: deixar a quebra natural, sem forcar linha. */
.dt-hero--editorial .dt-hero__title br { display: none; }

.dt-hero--editorial .dt-hero__title {
  max-width: 13ch;
  font-size: clamp(2.4rem, 4.2vw, 3.7rem);
}

.dt-hero--editorial .dt-hero__title em { display: inline; }

/* Respiro dos pilares mais equilibrado. */
.dt-pilares { padding-block: clamp(32px, 4vw, 56px); }

@media (max-width: 1180px) {
  body.dt-page .site-header .site-navigation ul.menu { gap: 14px; }
  body.dt-page .site-header .menu .dt-menu-cta > a { padding: 9px 16px; }
}

@media (max-width: 900px) {
  .dt-hero--editorial .dt-hero__title { max-width: none; font-size: clamp(2.1rem, 8vw, 2.9rem); }
  body.dt-page .site-header .site-logo img,
  body.dt-page .site-header img.custom-logo { height: 38px; }
}

body.dt-page .site-header .site-navigation ul.menu { margin-left: auto; }
body.dt-page .site-header .site-branding { margin-right: clamp(20px, 3vw, 56px); }
.dt-hero--editorial .dt-hero__title br { display: none; }

/* A lista do menu ocupa a faixa toda; alinhar os itens a direita evita
   que o primeiro item encoste na logo. */
body.dt-page .site-header .site-navigation ul.menu {
  justify-content: flex-end;
  width: 100%;
}

/* O menu suspenso do celular estava vazando por cima da logo no desktop. */
body.dt-page .site-navigation-dropdown { overflow: hidden; }
@media (min-width: 1025px) {
  body.dt-page .site-navigation-dropdown { display: none; }
  body.dt-page .site-navigation-toggle-holder { display: none; }
}

/* Menu compacto para caber ao lado da logo sem transbordar. */
@media (min-width: 1025px) {
  body.dt-page .site-header .site-navigation ul.menu { gap: 18px; flex-wrap: nowrap; }
  body.dt-page .site-header .site-navigation a { font-size: 0.9rem; }
  body.dt-page .site-header .menu .dt-menu-cta > a { padding: 10px 18px; }
}
@media (max-width: 1180px) {
  body.dt-page .site-header .site-navigation { display: none; }
  body.dt-page .site-navigation-toggle-holder { display: flex; }
  body.dt-page .site-navigation-dropdown { display: block; }
}