/* ============================================================
   HEADER MOBILE (id: #sticky-top) — corrigir overflow da logo
   ============================================================ */
@media (max-width: 768px){

  /* Header e container centralizados */
  #sticky-top{
    position: relative !important;
    text-align: center !important;
    overflow: hidden; /* garante que nada passe da viewport */
  }

  #sticky-top .e-con-inner{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    min-height: 110px !important;
    gap: 0 !important;
  }

  /* Remove posicionamentos absolutos herdados */
  #sticky-top [data-id="cb90bc7"],
  #sticky-top .elementor-widget-site-logo.elementor-absolute{
    position: static !important;
    inset: auto !important;
    transform: none !important;
    width: auto !important;
  }

  /* === Logo: sempre dentro da viewport === */
  #sticky-top .hfe-site-logo,
  #sticky-top .hfe-site-logo *,
  #sticky-top .hfe-site-logo-set,
  #sticky-top .hfe-site-logo-container{
    max-width: 100% !important;
  }

  #sticky-top .hfe-site-logo-img,
  #sticky-top img.custom-logo{
    display: block !important;
    width: auto !important;                 /* mantém proporção */
    max-width: 65vw !important;             /* nunca maior que a tela */
    height: clamp(80px, 12vw, 65px) !important; /* escala fluida */
    max-height: 88px !important;            /* teto no mobile */
    object-fit: contain !important;
    margin: 0 auto !important;
    /* REMOVIDO: max-width:none / max-height:none / overflow:visible */
  }
}

/* Telas muito pequenas */
@media (max-width: 380px){
  #sticky-top .hfe-site-logo-img,
  #sticky-top img.custom-logo{
    height: clamp(60px, 14vw, 60px) !important; /* um pouco menor */
    max-width: 65vw !important;
  }
}