/**
 * Carruseles de coches de Elementor con la clase «carrusel-productos» (class-carruseles-coches.php)
 */

/* Etiquetas de la tarjeta: la palabra entera; si no caben, pasan a la línea siguiente */
.carrusel-productos .e-loop-item .elementor-widget-heading .elementor-heading-title { word-break: normal; overflow-wrap: normal; }
.carrusel-productos .e-loop-item .e-con:has(> .elementor-widget-heading + .elementor-widget-heading) { flex-wrap: wrap; }

/* Móvil: asoma la tarjeta siguiente (el mismo sistema que el «Desplazamiento lateral» de Elementor) */
@media (max-width: 767px) {
    .carrusel-productos .elementor-loop-container.swiper { width: calc(100% - 16px) !important; margin-inline-start: 16px !important; margin-inline-end: 0 !important; padding-inline-end: 14%; }
    /* la tarjeta lleva un ancho mínimo de 350 px que en móvil no deja asomar la siguiente */
    .carrusel-productos .swiper-slide.e-loop-item { min-width: 0 !important; }
}

/* Plantilla con la «Tarjeta del coche» (la del listado): ocupa todo el alto de la diapositiva */
.carrusel-productos .inv-tarjeta-loop-c, .carrusel-productos .elementor-widget-inv_tarjeta_vehiculo,
.carrusel-productos .inv-tarjeta-loop, .carrusel-productos .inv-tarjeta-loop .inv-vehicle-card { height: 100%; }
.carrusel-productos .e-loop-item:has(.inv-tarjeta-loop) { height: auto; align-self: stretch; }
/* El widget de la tarjeta, a todo el ancho de la diapositiva: sin ancho fijo, al calcular el alto el navegador
   lo medía estrechísimo (cada palabra en una línea) y en móvil la tarjeta salía de más de 1.000 px */
.carrusel-productos .elementor-widget-inv_tarjeta_vehiculo { width: 100%; }