/* Widget "Grupo de paquetes" — layout grilla y ajustes del carrusel.
   El fondo de la sección lo pone un style inline por-grupo (color o degradé),
   que gana sobre el degradé hardcodeado de .packages-section. */
.pm-group { margin-top: 0; }

/* Grilla responsive (layout "grid") */
.pm-group-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 20px;
    padding: 12px;
}

/* Carrusel (layout "carousel"): que cada slide tome el ancho de la card */
.pm-group-swiper { padding: 12px; }
.pm-group-swiper .swiper-slide { height: auto; }