/* Mobile */
@media (max-width: 768px) {
    .menu,
    .menu-principal,
    .menu-superior {
        display: none !important;
    }
}

/* Desktop */
@media (min-width: 769px) {
    .menu,
    .menu-principal,
    .menu-superior {
        display: none !important;
    }
}

    /* Ícone / botão do menu (hamburger) */
    .botao-menu,
    .btn-menu,
    .menu-toggle,
    .menu-hamburguer,
    .menu-mobile-toggle,
    .icon-menu,
    .icon-hamburger {
        display: none !important;
    }
    
    /* ===== MOBILE ONLY ===== */
@media (max-width: 768px) {

  /* 1) Fixar logo à esquerda */
  .head-mobile .logo,
  .head-mobile .logo a,
  .head-mobile .logo img {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    float: left !important;
    max-width: 100px; /* ajusta tamanho se necessário */
  }
  
  /* Remove qualquer centralização */
  .head-mobile .logo-centro,
  .head-mobile .logo {
    text-align: left !important;
  }

  /* 2) Busca 100% da largura */
  .head-mobile .busca,
  .head-mobile .search-mobile,
  .head-mobile .busca input[type="search"] {
    width: 100% !important;
    margin: 0 !important;
    padding: 8px !important;
    box-sizing: border-box !important;
  }

  /* 3) Remover espaço entre busca e banner */
  .head-mobile,
  .secao-banners {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Ajustar espaçamento do full banner */
  .secao-banners .conteiner {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}