.abriga-logo {width: 216px !important;} /* Altere o número para alterar tamanho do logo no cabeçalho(desktop) */
.sobre-loja-rodape .logo a {height: 66px !important;} /* Altere o número para alterar tamanho do logo no cabeçalho(mobile) */
.listagem .listagem-item{min-height: 452px !important;}
@media only screen and (max-width: 767px){

.logo a {height: 80px !important;} /* Altere o número para alterar tamanho do logo no cabeçalho(mobile) */
.sobre-loja-rodape .logo a {height: 81px !important;} /* Altere o número para alterar tamanho do logo no cabeçalho(mobile) */
.abriga-logo { width: 100% !important; }}

#rodape {
  background: linear-gradient(to bottom right, var(--primary-purple), #000000) !important;
  color: white !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Decorative elements */
#rodape::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to right, rgba(246, 177, 78, 0.05), transparent) !important;
  z-index: 1 !important;
}

#rodape::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 256px !important;
  height: 256px !important;
  background: rgba(246, 177, 78, 0.1) !important;
  border-radius: 50% !important;
  transform: translate(128px, -128px) !important;
  z-index: 1 !important;
}

/* Garantir que conteúdo fique acima das camadas decorativas */
#rodape > * {
  position: relative !important;
  z-index: 2 !important;
}