.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13901 .elementor-element.elementor-element-3248cee img{width:100%;max-width:100%;height:284px;object-fit:cover;object-position:top center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-13901 .elementor-element.elementor-element-01ed2f7{text-align:center;}.elementor-13901 .elementor-element.elementor-element-3db7d07{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-13901 .elementor-element.elementor-element-4fdbc67{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-13901 .elementor-element.elementor-element-383ca76{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13901 .elementor-element.elementor-element-1be82d1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13901 .elementor-element.elementor-element-d77143e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-13901 .elementor-element.elementor-element-3db7d07{--content-width:900px;}.elementor-13901 .elementor-element.elementor-element-383ca76{--width:900px;}}/* Start custom CSS for shortcode, class: .elementor-element-754b9e0 */.elementor-shortcode {
 font-family: "Arima Madurai", Sans-serif;
    color: var( --e-global-color-text )}

/* Estilos para los contenedores de productos */
.stock-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-left: -5px; /* Ajuste para compensar el margen de los productos */
    margin-right: -5px; /* Ajuste para compensar el margen de los productos */
}

.product-container {
    flex-basis: calc(50% - 10px); /* Ajuste para el margen */
    max-width: calc(50% - 10px); /* Ajuste para el margen */
    box-sizing: border-box;
    margin: 5px; /* Espaciado uniforme alrededor de los productos */
    display: flex;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.product-image {
    flex: 1;
    max-width: 50%;
}

.product-details {
    flex: 1;
    max-width: 50%;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.product-quantity,
.product-name,
.product-price {
    margin-bottom: 4px;
}

.product-quantity {
    font-size: 12px;
    color: black;
}

.product-name {
    font-size: 16px;
    font-weight: bold;
    color: black;
}

.product-price {
    font-size: 18px;
    color: black;
    font-weight: bold;
}

/* Estilos para dispositivos móviles */
@media only screen and (max-width: 767px) {
    .stock-container {
        margin-left: 0;
        margin-right: 0;
    }

    .product-container {
        flex-basis: 100%;
        max-width: 100%;
        display: block; /* Cambiar a bloque para apilar verticalmente */
    }

    .product-image,
    .product-details {
        max-width: 100%;
        display: block; /* Asegúrate de que la imagen y los detalles también sean de bloque */
    }
}

/* Estilos para dispositivos móviles */
@media only screen and (max-width: 767px) {
    .stock-container {
        margin-left: -5px; /* Mantenga el ajuste original para compensar el margen de los productos */
        margin-right: -5px; /* Mantenga el ajuste original para compensar el margen de los productos */
    }

    .product-container {
        flex-basis: calc(50% - 10px); /* Ajuste para mantener dos columnas */
        max-width: calc(50% - 10px); /* Ajuste para mantener dos columnas */
        display: flex; /* Mantenga flex para mantener la estructura de fila */
    }

    .product-image,
    .product-details {
        max-width: 50%; /* Mantener la imagen y los detalles en 50% para que quepan en dos columnas */
        display: flex; /* Cambiar a flex para alinear correctamente con el contenedor */
    }
    
    .product-container {
        flex-direction: column; /* Cambia la dirección del flex a columna */
    }

    .product-image, .product-details {
        max-width: 100%; /* Permite que cada elemento (imagen y detalles) ocupe el 100% del ancho */
        display: block; /* Cambia a bloque para asegurar que los elementos se apilen verticalmente */
    }
    
}

.product-image img {
    width: 100%; /* Asegura que la imagen ocupe el 100% del ancho de su contenedor */
    height: auto; /* Mantiene la proporción de la imagen ajustando su altura automáticamente */
}/* End custom CSS */