.carousel-item {
      display: flex;
      gap: 12px;               /* separador visual opcional */
    }
    .carousel-item > .slide-col {
      flex: 0 0 33.3333%;      /* 100% / 3 */
    }
    .carousel-item img {
      width: 100%;
      height: auto;
      display: block;
      border-radius: 8px;
      object-fit: cover;
    }

    /* Opcional: en pantallas pequeñas mostrar 1 por vista */
    @media (max-width: 767.98px) {
      .carousel-item > .slide-col {
        flex-basis: 100%;
      }
      .carousel-item {
        gap: 8px;
      }
    }