/* ===================================== */
/* 💻 AJUSTES APENAS NO DESKTOP          */
/* ===================================== */
@media (min-width: 1024px) {

  /* HEADER */
  .header,
  .cabecalho {
    padding: 25px 80px !important;
  }

  /* Espaço interno do topo */
  .cabecalho .conteudo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
  }

  /* Banner principal */
  .secao-banners {
    margin-top: 30px;
    margin-bottom: 60px;
  }

  /* Seção abaixo do banner (benefícios) */
  .secao-beneficios,
  .secao-informacoes {
    padding: 60px 80px !important;
  }

  /* Espaço entre blocos */
  .secao-beneficios .row,
  .secao-informacoes .row {
    gap: 40px;
  }

  /* Espaçamento interno */
  .secao-beneficios .coluna,
  .secao-informacoes .coluna {
    padding: 25px;
  }

  /* Respiro geral entre seções */
  .pagina-home section {
    margin-bottom: 70px;
  }

}


/* ===================================== */
/* 📱 AJUSTES APENAS NO MOBILE           */
/* ===================================== */
@media (max-width: 768px) {

  /* 🔴 REMOVE menu de categorias abaixo da busca */
  .menu-categorias,
  .secao-categorias,
  .menu-secundario,
  .navegacao-secundaria,
  header + nav,
  .cabecalho + nav {
    display: none !important;
  }

  /* 🔴 REMOVE barra branca fixa / botão topo */
  .atalhos-mobile,
  .barra-flutuante,
  .botao-topo,
  .ir-topo,
  .go-top,
  .scroll-top,
  .fixo,
  .fixed,
  .sticky,
  [style*="position: fixed"] {
    display: none !important;
  }

}