@media (max-width: 768px) {
  .categorias li {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  .categorias a {
    text-align: center !important;
    font-size: 12px;
    line-height: 1.2;
  }
}



/* ===============================
   AJUSTE DE ESPAÇAMENTO – HOME
   Loja Integrada
   =============================== */

/* Espaço abaixo do banner principal */
.secao-banners {
  margin-bottom: 24px !important;
}

/* Espaço acima dos mini banners */
.secao-mini-banners {
  margin-top: 24px !important;
}

/* Ajuste fino apenas entre banner e mini banners */
.secao-banners + .secao-mini-banners {
  margin-top: 24px !important;
}

/* Evita conteúdo colado embaixo dos mini banners */
.secao-mini-banners {
  margin-bottom: 24px !important;
}

/* ===============================
   AJUSTE MOBILE
   =============================== */
@media (max-width: 768px) {
  .secao-banners {
    margin-bottom: 16px !important;
  }

  .secao-banners + .secao-mini-banners {
    margin-top: 16px !important;
  }

  .secao-mini-banners {
    margin-bottom: 16px !important;
  }
}