.elementor-606 .elementor-element.elementor-element-7687f21{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-606 .elementor-element.elementor-element-4370525{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-606 .elementor-element.elementor-element-cba578c{--display:flex;}.elementor-606 .elementor-element.elementor-element-cba578c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-606 .elementor-element.elementor-element-678eed4{--grid-columns:2;--load-more-button-align:center;}.elementor-606 .elementor-element.elementor-element-678eed4 .elementor-button{background-color:var( --e-global-color-9f69603 );border-radius:15px 15px 15px 15px;}.elementor-606 .elementor-element.elementor-element-678eed4 .elementor-button:hover, .elementor-606 .elementor-element.elementor-element-678eed4 .elementor-button:focus{background-color:#7A7A7A;}@media(min-width:768px){.elementor-606 .elementor-element.elementor-element-cba578c{--width:24.7%;}}@media(max-width:1024px){.elementor-606 .elementor-element.elementor-element-678eed4{--grid-columns:2;}}@media(max-width:767px){.elementor-606 .elementor-element.elementor-element-678eed4{--grid-columns:2;}}/* Start custom CSS for loop-grid, class: .elementor-element-678eed4 */@media (max-width: 767px) {
    /* 1. Forzamos que el contenedor no tenga adornos (limpio como en web) */
    .elementor-606 .elementor-element.elementor-element-678eed4 {
      
        padding: 0px !important;
        margin-bottom: 50px !important; /* Espacio entre filas */
    }

    /* 2. Ajustamos la imagen: más pequeña de altura pero manteniendo el estilo */
    .elementor-606 .elementor-element.elementor-element-678eed4 img {
        height: 250px !important; /* Ajusta este valor para el alto de la foto */
        width: 100% !important;
        object-fit: cover !important;
    }

    /* 3. Espaciado del texto (Título y Precio) */
    /* Aquí damos el "aire" justo debajo de la foto, alineado a la izquierda */
    .elementor-606 .elementor-element.elementor-element-678eed4 .elementor-widget-container {
        padding: 10px 0px 0px 0px !important; /* Un poquito de margen a la izquierda */
    }

    /* 4. Separación entre los dos productos (el pasillo central) */
    .elementor-loop-container {
        gap: 2px !important; /* Espacio estrecho entre columnas como en web */
        padding: 0px px !important; /* Margen en los bordes de la pantalla */
    }
}/* End custom CSS */