/* Celltel custom — capa de ajustes sobre el template Nest.
   Carrusel "Más vendidos" + microajustes. No edita style.css (compilado). */

/* --- Carrusel Más vendidos (.list-products-5 -> Swiper) --- */
.list-products-5.celltel-carousel {
  display: block;
  position: relative;
  overflow: hidden;
  padding: 6px 4px 10px;
}
.list-products-5.celltel-carousel .swiper-wrapper {
  align-items: stretch;
}
.list-products-5.celltel-carousel .swiper-slide {
  height: auto;
  display: flex;
}
.list-products-5.celltel-carousel .swiper-slide > .card-grid-style-3 {
  width: 100%;
  margin: 0;
}

/* --- Categorías destacadas: una sola fila + cajas de igual altura --- */
@media (min-width: 992px) {
  .row > [class*="col-"]:has(> .card-grid-style-2-small) {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
.card-grid-style-2.card-grid-style-2-small {
  height: 100%;
}

/* Flechas de navegación: paleta Celltel (navy/cyan) */
.list-products-5.celltel-carousel .celltel-nav {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 6px 18px rgba(39, 33, 98, 0.14);
  color: #272162;
  transition: background .2s ease, color .2s ease, transform .2s ease;
  margin-top: -28px;
}
.list-products-5.celltel-carousel .celltel-nav:hover {
  background: #0ba9ed;
  color: #ffffff;
  transform: scale(1.06);
}
.list-products-5.celltel-carousel .celltel-nav::after {
  font-size: 16px;
  font-weight: 700;
}
.list-products-5.celltel-carousel .celltel-nav.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}