.elementor-1024 .elementor-element.elementor-element-9ec6bea{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1024 .elementor-element.elementor-element-f5a02c4{--display:flex;}.elementor-widget-woocommerce-product-title .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-1024 .elementor-element.elementor-element-8baffde .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:31px;font-weight:400;color:#212425;}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-add-to-cart .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1024 .elementor-element.elementor-element-3db294c .elementor-button-content-wrapper{flex-direction:row;}@media(max-width:1024px){.elementor-1024 .elementor-element.elementor-element-9ec6bea{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1024 .elementor-element.elementor-element-9ec6bea{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-c937afc *//* 1. Ocultar los controles de navegación (Next/Previous) */
.woocommerce-product-gallery .flex-direction-nav {
    display: none !important;
}

/* 2. Cambiar la estructura principal para alinear de forma horizontal */
.woocommerce-product-gallery {
    display: flex !important;
    flex-direction: row-reverse; /* Pone las miniaturas a la izquierda y la imagen principal a la derecha */
    gap: 15px; /* Espacio entre las miniaturas y la imagen grande */
}

/* 3. Ajustar el tamaño del contenedor de la imagen principal */
.woocommerce-product-gallery .flex-viewport {
    flex: 1; 
    width: auto !important; 
}

/* 4. Convertir el contenedor de miniaturas en una columna vertical pequeña */
.woocommerce-product-gallery .flex-control-thumbs {
    display: flex !important;
    flex-direction: column;
    width: 60px !important; /* Modifica este valor si quieres las miniaturas más o menos pequeñas */
    margin: 0 !important;
    padding: 0;
}

/* 5. Ajustar cada miniatura para que encaje en la columna */
.woocommerce-product-gallery .flex-control-thumbs li {
    width: 100% !important; 
    float: none !important; /* Elimina la alineación horizontal por defecto de WooCommerce */
    margin-bottom: 10px; /* Espacio vertical entre cada miniatura */
}

/* 6. Asegurar que las imágenes ocupen el ancho de su contenedor */
.woocommerce-product-gallery .flex-control-thumbs li img {
    width: 100% !important;
    height: auto !important;
    display: block;
}/* End custom CSS */
/* Start custom CSS for wc-add-to-cart, class: .elementor-element-3db294c *//* Hacer que los botones del plugin sean cuadrados con esquinas suaves */
.elementor-1024 .elementor-element.elementor-element-3db294c .variations_form .swatch,
.elementor-1024 .elementor-element.elementor-element-3db294c .variations_form .variable-item,
.elementor-1024 .elementor-element.elementor-element-3db294c .variations_form .wvs-item {
    border-radius: 6px !important;
}

/* Por si quedó algún .elementor-1024 .elementor-element.elementor-element-3db294c nativo por ahí */
.elementor-1024 .elementor-element.elementor-element-3db294c table.variations td.value select {
    border-radius: 6px !important;
}/* End custom CSS */