@media(max-width:767px){.elementor .e-a4ef5e0{padding:10px;gap:7px;/* 1. Nivel Slider / Swiper: forzar a que todos los slides midan lo mismo */
.fondo .swiper-wrapper {
display: flex !important;
}

.fondo .swiper-slide,
.fondo .e-loop-item {
height: auto !important; /* Permite que el contenedor flex tome la altura del más alto */
display: flex !important;
flex-direction: column !important;
}

/* 2. Nivel Atómico: propagar el 100% de alto por toda la cadena de contenedores hijos */
.fondo .e-loop-item > .e-con,
.fondo .e-loop-item > .e-con-inner,
.fondo .e-loop-item .e-con--column {
flex: 1 1 auto !important;
display: flex !important;
flex-direction: column !important;
height: 100% !important;
}

/* 3. Bloque inferior anclado al fondo */
.fondo .e-loop-item .elementor-widget-button,
.fondo .e-loop-item .elementor-widget-wc-add-to-cart,
.fondo .e-loop-item .e-con:last-child {
margin-top: auto !important;
}

/* 4. Título con reserva de líneas para no romper la cuadrícula */
.fondo .e-loop-item .elementor-widget-heading {
display: flex;
min-height: 2.8em; /* Ajusta según si tus títulos ocupan 2 o 3 líneas */
}\n}}