/* ===== Remove sombras e linhas cinzas ===== */

/* Remove sombra e borda da área de busca, topo e menu */
.header,
#header,
.top-bar,
.header-content,
.busca,
.busca input,
.menu,
.menu-principal,
.menu-superior,
.navigation,
.nav {
  box-shadow: none !important;
  border: none !important;
  background-clip: border-box;
}

/* Remove sombra das caixas do menu (os botões das categorias) */
.menu .nivel-um > li > a,
.nav > ul > li > a,
.navigation > ul > li > a {
  box-shadow: none !important;
  border: none !important;
}

/* Remove qualquer fundo acinzentado entre as seções */
#content,
.main,
.page-content,
.container,
.layout,
section {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Campo de busca — deixa visual limpo */
.busca input[type="text"],
#form-busca input[type="text"] {
  border: 1px solid #e6eaf0 !important;
  box-shadow: none !important;
}

/* Remove sombra da moldura de toda a faixa do menu */
.menu, .menu-principal, .menu-superior {
  box-shadow: none !important;
  border: none !important;
}

/* ===== Layout mais compacto e próximo ===== */

/* Diminui espaços verticais do cabeçalho */
header, .header, #header, .top-bar, .header-content {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  margin-bottom: 5px !important;
}

/* Compacta o espaço entre logo, busca e menu */
.header .logo, .top-bar, .header-content, .busca, .menu-principal {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

/* Campo de busca mais fino e ajustado */
.busca input[type="text"], #form-busca input[type="text"] {
  height: 32px !important;
  padding: 6px 10px !important;
  font-size: 14px !important;
}

/* Botão de busca mais compacto */
.busca button, .busca input[type="submit"], #form-busca button {
  height: 32px !important;
  padding: 0 10px !important;
}

/* Aproxima o menu do topo e reduz espaçamento interno */
.menu, .menu-principal, .menu-superior, .navigation, .nav {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  padding: 4px 8px !important;
}

/* Diminui altura dos botões do menu */
.menu .nivel-um > li > a,
.nav > ul > li > a,
.navigation > ul > li > a {
  padding: 6px 10px !important;
  font-size: 13px !important;
  border-radius: 6px !important;
}

/* Compacta espaçamento entre blocos principais */
#content, .main, .page-content, .container, section {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

/* Reduz altura do banner principal */
.banner, .fullbanner, .home-banner, .box-banner {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

/* Ajusta o rodapé para ficar mais próximo do conteúdo */
footer, .footer, #footer {
  margin-top: 10px !important;
  padding-top: 10px !important;
}

/* Remove gaps grandes entre seções */
section, .content, .home section {
  margin: 0 !important;
  padding: 8px 0 !important;
}

/* Corrige possíveis sobras de espaçamento do tema */
div[class*="espaco"], div[class*="spacing"], div[class*="gap"] {
  margin: 0 !important;
  padding: 0 !important;
}
