/* Correção do dropdown "Soluções" no header: no build espelhado, o
   submenu aparecia sempre expandido dentro da caixa escura do nav em vez
   de ficar colapsado e abrir como popover flutuante ao passar o mouse
   (comportamento original do template Meridian). Regra própria, em CSS
   puro (:hover/:focus-within), independente da inicialização do JS do
   Webflow — funciona de forma confiável no HTML montado à mão. */
@media (min-width: 992px) {
  .nav_dropdown_menu.w-dropdown-list {
    display: none !important;
    position: absolute !important;
    pointer-events: none;
  }
  .nav_dropdown_wrap:hover .nav_dropdown_menu.w-dropdown-list,
  .nav_dropdown_wrap:focus-within .nav_dropdown_menu.w-dropdown-list {
    display: flex !important;
    pointer-events: auto;
  }
}

/* Correção da altura da hero: o build espelhado tinha uma segunda regra
   (".hero_visual_wrap{min-height:auto}", provavelmente de um breakpoint
   que vazou) vencendo a regra original, que faz a hero preencher a tela
   do usuário (min(95vh,60rem), igual ao template original). Repetimos a
   regra correta com !important para garantir que vença, independente de
   qual arquivo CSS carrega por último. */
.hero_visual_wrap {
  min-height: min(95vh, 60rem) !important;
}
@media (max-width: 478px) {
  .hero_visual_wrap {
    min-height: auto !important;
  }
}

/* Remove o selo flutuante "Made in Webflow". Ele nao existe no HTML: e
   injetado em runtime pelo JS do Webflow (que mantemos remoto), entao a
   remocao precisa ser por CSS, e nao no espelhamento. */
.w-webflow-badge {
  display: none !important;
}

/* Retratos do Eduardo Moura entram em slots que usam object-fit: cover.
   Ancorar no topo evita que o corte centralizado decepe a cabeca. */
img[src*="eduardo-moura"] {
  object-position: center top;
}

/* O slot da secao "sobre" tem proporcao 6.72/8 (0,84) e o retrato e 880x1200
   (0,73): com object-fit: cover isso cortaria ~13% da base da foto. Ajustamos
   a proporcao do slot a da imagem para o retrato aparecer INTEIRO, sem corte
   e sem faixas vazias. Se :has() nao for suportado, degrada para o corte
   antigo, que ainda preserva a cabeca por causa do object-position acima. */
.split_main_visual:has(img[src*="eduardo-moura"]) {
  aspect-ratio: 880 / 1200;
}

/* Imagens do conteudo migrado: 173 das 210 tem menos de 700px de largura
   (uploads de 2013-2015). O rich text as esticava ate a largura total da
   coluna (960px), deixando-as visivelmente borradas. Com width:auto elas
   param no tamanho nativo — nitidas — e so encolhem quando sao maiores que
   a coluna. Centralizadas para nao ficarem soltas a esquerda. */
.u-rich-text img,
.u-rich-text--blog img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  margin-inline: auto;
}