body
{
  background: #EBEBEB;
}

#section-index
{
  background-image: url("../imagenes/ecommerce-minorista-fondo.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: 50%;
}

#logo
{
  width: 120px;
}

footer
{
  background-image: url("../imagenes/footer.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

/* Forzar misma altura en tarjetas de producto */
  .tarjeta-producto {
    width: 16rem; /* w-64 */
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .tarjeta-producto .contenido {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

/* Ajuste de categoría más compacto y cuadrado */
.tarjeta-categoria {
    width: 10rem; /* más angosto */
    height: 10rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1rem;
}

/* Eliminar exceso de separación entre slides */
.splide__slide {
    display: flex !important;
    justify-content: center;
}

.splide__list {
    align-items: stretch;
}

/* Que las tarjetas no salten por el alto del texto */
.descripcion-limitada {
    min-height: 3.5rem;
}

.category
{
    width: 420px;
}

.custom-swiper-arrow 
{
  width: 40px !important;
  height: 40px !important;
  background: white;
  border-radius: 9999px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease;
  z-index: 10;
}

.custom-swiper-arrow:hover {
  background: #f3f4f6; /* gris claro al hacer hover */
}

.swiper-button-prev::after,
.swiper-button-next::after {
  display: none; /* oculta las flechas por defecto de Swiper */
}