/* Mostra botão sempre, dentro do card */
.listagem-item .acoes-produto {
  position: relative !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: transparent !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  transform: none !important;
  transition: none !important;
}

.listagem-item .qtde-adicionar-carrinho {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  order: 1 !important;
}

.listagem-item .botao-comprar {
  order: 2 !important;
  width: 100% !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

/* Remove efeito hover que movia o botão */
.listagem-item:hover .acoes-produto {
  bottom: auto !important;
  transform: none !important;
}
/* Banner full width */
.secao-banners .conteiner {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.secao-banners .banner.cheio {
  margin: 0 !important;
  padding: 0 !important;
}

.secao-banners .banner.cheio .span12 {
  width: 100% !important;
  margin: 0 !important;
}

.secao-banners .banner.cheio .flexslider {
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
}

.secao-banners .banner.cheio .flexslider img {
  width: 100% !important;
  display: block !important;
}
/* Remove border-radius do banner */
.secao-banners .banner.cheio .flexslider,
.secao-banners .banner.cheio .flexslider ul,
.secao-banners .banner.cheio .flexslider li,
.secao-banners .banner.cheio .flexslider img,
.secao-banners .banner.cheio .span12 {
  border-radius: 0 !important;
}

/* Tira margem do conteiner principal */
.conteiner-principal {
  padding: 0 !important;
}

.secao-banners {
  margin: 0 !important;
  padding: 0 !important;
}
/* ===== HEADER ===== */
/* ===== HEADER ===== */
header {
  background: #fff !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
  padding: 0 !important;
}

header .container {
  padding: 12px 24px !important;
  max-width: 1400px !important;
  margin: 0 auto !important;
}

/* Logo */
header .logo img {
  max-height: 60px !important;
  width: auto !important;
}

/* Menu */
header .menu.superior .nivel-um > li > a {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #222 !important;
  padding: 8px 16px !important;
  border-radius: 8px !important;
}

header .menu.superior .nivel-um > li > a:hover {
  background: #f5f5f5 !important;
}

/* Submenu */
header .menu.superior .nivel-dois {
  border-radius: 10px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;
  border: 1px solid #eee !important;
  padding: 8px !important;
}

header .menu.superior .nivel-dois li a {
  border-radius: 6px !important;
  padding: 8px 12px !important;
  font-size: 13px !important;
}

/* Busca */
#search-form {
  display: flex !important;
  align-items: center !important;
  background: #f8f8f8 !important;
  border: 1.5px solid #e0e0e0 !important;
  border-radius: 24px !important;
  padding: 4px 8px 4px 16px !important;
  gap: 4px !important;
}

#search-form input {
  border: none !important;
  background: transparent !important;
  outline: none !important;
  font-size: 13px !important;
  width: 200px !important;
  padding: 4px 0 !important;
  box-shadow: none !important;
}

#search-form .botao-busca {
  background: #222 !important;
  border-radius: 50% !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
}


/* Força busca em linha */
#search-form > div {
  display: flex !important;
  align-items: center !important;
  flex-direction: row !important;
  background: #f8f8f8 !important;
  border: 1.5px solid #e0e0e0 !important;
  border-radius: 24px !important;
  padding: 4px 8px 4px 16px !important;
  gap: 4px !important;
}

#search-form > div form {
  display: flex !important;
  align-items: center !important;
  flex-direction: row !important;
  gap: 4px !important;
  width: 100% !important;
}

#search-form input {
  border: none !important;
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
  font-size: 13px !important;
  width: 200px !important;
  padding: 4px 0 !important;
  flex: 1 !important;
}

#search-form .botao-busca {
  background: transparent !important;
  border-radius: 50% !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #222 !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
  flex-shrink: 0 !important;
}

#search-form .botao-busca:before {
  color: #222 !important;
}

/* Remove borda duplicada do container pai */
#search-form {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
}
/* ===== RODAPÉ ===== */
#rodape .institucional {
  background: #111 !important;
  color: #fff !important;
}

#rodape .institucional h5 {
  color: #fff !important;
  font-weight: 700 !important;
  margin-bottom: 12px !important;
}

#rodape .institucional p,
#rodape .institucional a,
#rodape .institucional li {
  color: #ccc !important;
  font-size: 13px !important;
}

#rodape .institucional a:hover {
  color: #fff !important;
}

#rodape .institucional .fa-phone {
  color: #ccc !important;
}

/* Área de pagamento */
#rodape .pagamento-selos {
  background: #1a1a1a !important;
  border-top: 1px solid #333 !important;
}

#rodape .pagamento-selos .titulo {
  color: #fff !important;
}

/* Barra inferior CNPJ */
#rodape > div:last-child {
  background: #000 !important;
  border-top: 1px solid #333 !important;
}

#rodape > div:last-child p {
  color: #888 !important;
}
/* Logo agência rodapé preta */
#rodape > div:last-child a img {
  filter: brightness(0) !important;
}