.elementor-630 .elementor-element.elementor-element-fd97d81{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-1aa7732 *//* ====== Ajuste de proporções do HEADER (mobile) ====== */
@media (max-width: 900px){
  :root{ --nav-h: 62px; } /* altura alvo no mobile */

  .navbar{
    padding: 10px 0;       /* era 20px */
  }

  .navbar-container{
    padding: 6px 14px;     /* era 10px 20px */
    gap: 10px;
    align-items: center;
  }

  /* Logo menor e mais consistente */
  .navbar-left img{
    height: 34px;          /* era 50px */
  }

  /* Botão hamburguer do mesmo “peso visual” das flags */
  .nav-toggle{
    width: 38px;
    height: 38px;
    border-radius: 10px;
  }

  /* Flags mais “presentes” */
  .lang-switcher{
    gap: 6px;
  }
  .lang-switcher .lang-btn{
    padding: 6px 8px;
  }
  .lang-switcher .flag{
    font-size: 18px;       /* era 16 */
  }

  /* Evita que o menu aberto empurre coisas por cima */
  .navbar-menu{
    top: 100%;
  }
}

/* Se estiver usando JS pra setar --nav-h, ele vai sobrepor isso.
   Se quiser travar fixo sem JS, comente a função setNavHeight(). *//* End custom CSS */