.elementor-1419 .elementor-element.elementor-element-cb8d236{--display:flex;}.elementor-1419 .elementor-element.elementor-element-cb8d236:not(.elementor-motion-effects-element-type-background), .elementor-1419 .elementor-element.elementor-element-cb8d236 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1419 .elementor-element.elementor-element-183c085{--display:flex;}.elementor-1419 .elementor-element.elementor-element-183c085:not(.elementor-motion-effects-element-type-background), .elementor-1419 .elementor-element.elementor-element-183c085 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1419 .elementor-element.elementor-element-4678775{--display:grid;--e-con-grid-template-columns:2.5fr 1.2fr;--e-con-grid-template-rows:repeat(1, 1fr);--gap:30px 30px;--row-gap:30px;--column-gap:30px;--grid-auto-flow:row;border-style:none;--border-style:none;}.elementor-1419 .elementor-element.elementor-element-0428c1d{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1419 .elementor-element.elementor-element-0428c1d > .elementor-widget-container{border-style:none;border-radius:0px 0px 0px 0px;}.woocommerce .elementor-1419 .elementor-element.elementor-element-0428c1d .flex-control-thumbs img{border-style:none;border-radius:20px 20px 20px 20px;}.woocommerce .elementor-1419 .elementor-element.elementor-element-0428c1d .flex-control-thumbs li{padding-right:calc(6px / 2);padding-left:calc(6px / 2);padding-bottom:6px;}.woocommerce .elementor-1419 .elementor-element.elementor-element-0428c1d .flex-control-thumbs{margin-right:calc(-6px / 2);margin-left:calc(-6px / 2);}.elementor-1419 .elementor-element.elementor-element-e6fdf61{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:0.1fr 1fr 2fr;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;border-style:solid;--border-style:solid;border-width:0px 0px 0px 1px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:1px;border-color:#EBEBEB;--border-color:#EBEBEB;--margin-top:4px;--margin-bottom:4px;--margin-left:4px;--margin-right:4px;--padding-top:0px;--padding-bottom:0px;--padding-left:4px;--padding-right:0px;}.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-1419 .elementor-element.elementor-element-f46b2ec{text-align:start;}.elementor-1419 .elementor-element.elementor-element-f46b2ec .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:26px;font-weight:600;font-style:oblique;color:#000000;}.elementor-widget-woocommerce-product-meta .product_meta .detail-container:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-1419 .elementor-element.elementor-element-2c8a49e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1419 .elementor-element.elementor-element-2c8a49e.elementor-element{--align-self:center;}.elementor-1419 .elementor-element.elementor-element-2c8a49e .product_meta .detail-container:not(:last-child):after{content:"";border-color:#ddd;}.elementor-1419 .elementor-element.elementor-element-2c8a49e:not(.elementor-woo-meta--view-inline) .product_meta .detail-container:not(:last-child):after{border-top-style:solid;border-top-width:1px;margin-bottom:calc(-1px/2);}.elementor-1419 .elementor-element.elementor-element-2c8a49e.elementor-woo-meta--view-inline .product_meta .detail-container:not(:last-child):after{border-left-style:solid;border-left-width:1px;}.elementor-1419 .elementor-element.elementor-element-2c8a49e{color:#000000;}.elementor-1419 .elementor-element.elementor-element-2f90a5d{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:0.5fr 1fr 0.5fr 0.5fr;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:start;--align-items:start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1419 .elementor-element.elementor-element-2f90a5d.e-con{--align-self:flex-start;}.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-1419 .elementor-element.elementor-element-67bb144{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-1419 .elementor-element.elementor-element-67bb144 > .elementor-widget-container{padding:5px 0px 5px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#EBEBEB;border-radius:0px 0px 0px 0px;}.elementor-1419 .elementor-element.elementor-element-67bb144.elementor-element{--align-self:flex-end;}.elementor-1419 .elementor-element.elementor-element-67bb144 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:800;color:#000000;}.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-1419 .elementor-element.elementor-element-0d91645 > .elementor-widget-container{padding:5px 0px 5px 0px;}.elementor-1419 .elementor-element.elementor-element-0d91645{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;}.elementor-1419 .elementor-element.elementor-element-dae9f77 .e-off-canvas__content{background-color:#181818;}.elementor-1419 .elementor-element.elementor-element-dae9f77 .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-1419 .elementor-element.elementor-element-dae9f77{--e-off-canvas-justify-content:center;--e-off-canvas-align-items:center;--e-off-canvas-width:500px;--e-off-canvas-height:75vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-overlay-opacity:1;}.elementor-1419 .elementor-element.elementor-element-da33652{--display:flex;}.elementor-1419 .elementor-element.elementor-element-f6d4d37{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:0.1fr 3fr;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-1419 .elementor-element.elementor-element-1ef1f64 .elementor-icon-wrapper{text-align:end;}.elementor-1419 .elementor-element.elementor-element-1ef1f64.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-1419 .elementor-element.elementor-element-1ef1f64.elementor-view-framed .elementor-icon, .elementor-1419 .elementor-element.elementor-element-1ef1f64.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-1419 .elementor-element.elementor-element-1ef1f64.elementor-view-framed .elementor-icon, .elementor-1419 .elementor-element.elementor-element-1ef1f64.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-widget-ehp-form .is-type-button.ehp-form__button{background-color:var( --e-global-color-accent );}.elementor-widget-ehp-form .is-type-button.ehp-form__button:hover, .elementor-widget-ehp-form .is-type-button.ehp-form__button:focus{background-color:var( --e-global-color-accent );}.elementor-widget-ehp-form .ehp-form{--ehp-form-heading-color:var( --e-global-color-primary );--ehp-form-description-color:var( --e-global-color-text );--form-image-border-color:var( --e-global-color-text );--ehp-form-label-color:var( --e-global-color-text );--ehp-form-field-text-color:var( --e-global-color-text );--ehp-form-field-border-color:var( --e-global-color-secondary );--ehp-form-button-text-color:var( --e-global-color-secondary );--ehp-form-button-text-color-hover:var( --e-global-color-text );--ehp-form-button-border-color:var( --e-global-color-text );--ehp-form-box-border-color:var( --e-global-color-text );}.elementor-widget-ehp-form .ehp-form__heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-ehp-form .ehp-form__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ehp-form .ehp-form__field-label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ehp-form .ehp-form__field, .elementor-widget-ehp-form .ehp-form__field::placeholder{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ehp-form .ehp-form__button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-ehp-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1419 .elementor-element.elementor-element-d2967ca .is-type-button.ehp-form__button{background-color:#0403FF;}.elementor-1419 .elementor-element.elementor-element-d2967ca .ehp-form{--ehp-form-content-position:center;--ehp-form-text-container-align:center;--ehp-form-content-width:640px;--ehp-form-heading-color:#FFFFFF;--ehp-form-text-spacing:20px;--ehp-form-column-gap:32px;--ehp-form-row-gap:32px;--ehp-form-label-spacing:0px;--ehp-form-label-color:#D8D8D8;--ehp-form-field-bg-color:#ffffff;--ehp-form-field-border-width:2px;--ehp-form-button-text-color:#FFFFFF;--ehp-form-button-padding-block-end:8px;--ehp-form-button-padding-block-start:8px;--ehp-form-button-padding-inline-end:40px;--ehp-form-button-padding-inline-start:40px;--ehp-form-elements-spacing:32px;--ehp-form-box-padding-block-end:60px;--ehp-form-box-padding-block-start:60px;--ehp-form-box-padding-inline-end:60px;--ehp-form-box-padding-inline-start:60px;}.elementor-1419 .elementor-element.elementor-element-d2967ca .elementor-message{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-1419 .elementor-element.elementor-element-d2967ca .elementor-message.elementor-message-success{color:#FFFFFF;}.elementor-1419 .elementor-element.elementor-element-d2967ca .elementor-message.elementor-message-danger{color:#FFFFFF;}.elementor-1419 .elementor-element.elementor-element-d2967ca .elementor-message.elementor-help-inline{color:#FFFFFF;}.elementor-widget-button .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-1419 .elementor-element.elementor-element-1cc11a7 .elementor-button{background-color:#262627;fill:#FFFFFF;color:#FFFFFF;}.elementor-1419 .elementor-element.elementor-element-1cc11a7 > .elementor-widget-container{margin:10px 0px 0px 0px;padding:5px 5px 5px 5px;}.elementor-1419 .elementor-element.elementor-element-3c45223{--display:flex;}.elementor-1419 .elementor-element.elementor-element-3c45223:not(.elementor-motion-effects-element-type-background), .elementor-1419 .elementor-element.elementor-element-3c45223 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#262627;}.woocommerce .elementor-widget-woocommerce-product-related.elementor-wc-products .products > h2{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-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .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-woocommerce-product-related.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1419 .elementor-element.elementor-element-e554677.elementor-wc-products ul.products li.product{text-align:center;background-color:#39393A;}.elementor-1419 .elementor-element.elementor-element-e554677 > .elementor-widget-container{background-color:#221D1D00;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1419 .elementor-element.elementor-element-e554677.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1419 .elementor-element.elementor-element-e554677.elementor-wc-products .attachment-woocommerce_thumbnail{border-radius:8px 8px 8px 8px;}.woocommerce .elementor-1419 .elementor-element.elementor-element-e554677.elementor-wc-products .products > h2{color:#FFFFFF;font-family:"Roboto", Sans-serif;font-weight:600;font-style:oblique;}.elementor-1419 .elementor-element.elementor-element-e554677.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#FFFFFF;}.elementor-1419 .elementor-element.elementor-element-e554677.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#FFFFFF;}.elementor-1419 .elementor-element.elementor-element-e554677.elementor-wc-products ul.products li.product .button{color:#FFFFFF;background-color:#0908FC;border-radius:10px 10px 10px 10px;padding:12px 12px 12px 12px;margin-top:0px;}.elementor-1419 .elementor-element.elementor-element-e554677.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1366px){.elementor-1419 .elementor-element.elementor-element-4678775{--grid-auto-flow:row;}.elementor-1419 .elementor-element.elementor-element-e6fdf61{--grid-auto-flow:row;}.elementor-1419 .elementor-element.elementor-element-2f90a5d{--grid-auto-flow:row;}.elementor-1419 .elementor-element.elementor-element-f6d4d37{--grid-auto-flow:row;}}@media(max-width:1200px){.elementor-1419 .elementor-element.elementor-element-4678775{--grid-auto-flow:row;}.elementor-1419 .elementor-element.elementor-element-e6fdf61{--grid-auto-flow:row;}.elementor-1419 .elementor-element.elementor-element-2f90a5d{--grid-auto-flow:row;}.elementor-1419 .elementor-element.elementor-element-f6d4d37{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-1419 .elementor-element.elementor-element-4678775{--grid-auto-flow:row;}.elementor-1419 .elementor-element.elementor-element-e6fdf61{--grid-auto-flow:row;}.elementor-1419 .elementor-element.elementor-element-2f90a5d{--grid-auto-flow:row;}.elementor-1419 .elementor-element.elementor-element-f6d4d37{--grid-auto-flow:row;}.elementor-1419 .elementor-element.elementor-element-d2967ca .ehp-form{--ehp-form-content-position:center;--ehp-form-content-width:640px;--ehp-form-text-spacing:20px;--ehp-form-button-padding-block-end:8px;--ehp-form-button-padding-block-start:8px;--ehp-form-button-padding-inline-end:40px;--ehp-form-button-padding-inline-start:40px;}.elementor-1419 .elementor-element.elementor-element-e554677.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:880px){.elementor-1419 .elementor-element.elementor-element-4678775{--grid-auto-flow:row;}.elementor-1419 .elementor-element.elementor-element-e6fdf61{--grid-auto-flow:row;}.elementor-1419 .elementor-element.elementor-element-2f90a5d{--grid-auto-flow:row;}.elementor-1419 .elementor-element.elementor-element-f6d4d37{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1419 .elementor-element.elementor-element-4678775{--e-con-grid-template-columns:1;--grid-auto-flow:row;}.elementor-1419 .elementor-element.elementor-element-e6fdf61{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1419 .elementor-element.elementor-element-2f90a5d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1419 .elementor-element.elementor-element-f6d4d37{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1419 .elementor-element.elementor-element-d2967ca .ehp-form{--ehp-form-content-position:center;--ehp-form-content-width:320px;--ehp-form-text-spacing:20px;--ehp-form-button-padding-block-end:8px;--ehp-form-button-padding-block-start:8px;--ehp-form-button-padding-inline-end:40px;--ehp-form-button-padding-inline-start:40px;}.elementor-1419 .elementor-element.elementor-element-e554677.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-breadcrumb, class: .elementor-element-abb8bf6 *//* ════════════════════════════════════════════════════════════ 1. CONTENEDOR CUADRADO ════════════════════════════════════════════════════════════ */ /* Rejilla de tienda + “Productos relacionados” */ body ul.products li.product{ aspect-ratio:1/1; /* siempre cuadrado */ } /* Galería de la ficha individual */ body .woocommerce div.product div.images, body .woocommerce div.product div.images .woocommerce-product-gallery__wrapper{ aspect-ratio:1/1; /* cuadrado también aquí */ position:relative; /* base para centrar img */ max-width:600px; /* tope absoluto opcional */ max-height:600px; } /* ════════════════════════════════════════════════════════════ 2. IMAGEN DENTRO DEL CUADRADO ════════════════════════════════════════════════════════════ */ /* Imágenes en rejilla y relacionados */ body ul.products li.product img{ width:100% !important; /* llena todo el ancho */ height:100% !important; /* …y todo el alto del cuadrado */ max-width:600px !important; /* no excede 600 px */ max-height:600px !important; object-fit:contain !important; /* sin deformar; añade “letterbox” */ object-position:center !important; } /* Imagen principal en la ficha individual */ body .woocommerce div.product div.images img{ position:absolute; /* centra sobre el wrapper cuadrado */ top:50%; left:50%; transform:translate(-50%,-50%); width:100% !important; height:100% !important; max-width:600px !important; max-height:600px !important; object-fit:contain !important; object-position:center !important; } /* Miniaturas (opc.) – mantén proporción cuadrada si lo deseas */ body .woocommerce div.product div.images .flex-control-thumbs li{ aspect-ratio:1/1; } body .woocommerce div.product div.images .flex-control-thumbs li img{ width:100% !important; height:100% !important; object-fit:contain; } /* ════════════════════════════════════════════════════════════ 3. AJUSTES EXTRA (quitamos bullets/padding si faltan) ════════════════════════════════════════════════════════════ */ body ul.products{ list-style:none !important; padding:0 !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-product-images, class: .elementor-element-0428c1d *//* Contenedor principal de thumbnails - sin fondo */ .woocommerce-product-gallery__wrapper + ol.flex-control-thumbs, .woocommerce-product-gallery ol.flex-control-nav { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; gap: 12px !important; padding: 20px 0 !important; /* Solo padding vertical */ background: transparent !important; /* Sin fondo */ margin-top: 20px !important; max-width: 100% !important; } /* Cada thumbnail individual - 20% más grande */ .woocommerce-product-gallery__wrapper + ol.flex-control-thumbs li, .woocommerce-product-gallery ol.flex-control-nav li { width: 120px !important; /* Era 100px, ahora 120px */ height: 120px !important; /* Era 100px, ahora 120px */ margin: 0 !important; padding: 0 !important; border: 2px solid #e9ecef !important; border-radius: 10px !important; overflow: hidden !important; background: white !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.3s ease !important; } /* Imágenes dentro de thumbnails */ .woocommerce-product-gallery__wrapper + ol.flex-control-thumbs li img, .woocommerce-product-gallery ol.flex-control-nav li img { max-width: 90% !important; max-height: 90% !important; width: auto !important; height: auto !important; object-fit: contain !important; opacity: 0.8 !important; transition: all 0.3s ease !important; } /* Thumbnail activa */ .woocommerce-product-gallery__wrapper + ol.flex-control-thumbs li:hover, .woocommerce-product-gallery__wrapper + ol.flex-control-thumbs li.flex-active, .woocommerce-product-gallery ol.flex-control-nav li:hover, .woocommerce-product-gallery ol.flex-control-nav li.flex-active { border-color: #1e73be !important; transform: scale(1.05) !important; box-shadow: 0 4px 15px rgba(30, 115, 190, 0.3) !important; } .woocommerce-product-gallery__wrapper + ol.flex-control-thumbs li:hover img, .woocommerce-product-gallery__wrapper + ol.flex-control-thumbs li.flex-active img, .woocommerce-product-gallery ol.flex-control-nav li:hover img, .woocommerce-product-gallery ol.flex-control-nav li.flex-active img { opacity: 1 !important; } /* Para el widget de Elementor específicamente */ .elementor-widget-woocommerce-product-images .flex-control-thumbs { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; gap: 14px !important; padding: 25px 0 !important; /* Solo padding vertical */ background: transparent !important; /* Sin fondo */ margin-top: 25px !important; border: none !important; /* Sin borde */ } /* Responsive para móviles - también 20% más grande */ @media (max-width: 768px) { .woocommerce-product-gallery__wrapper + ol.flex-control-thumbs li, .woocommerce-product-gallery ol.flex-control-nav li, .elementor-widget-woocommerce-product-images .flex-control-thumbs li { width: 84px !important; /* Era 70px, ahora 84px */ height: 84px !important; /* Era 70px, ahora 84px */ } .woocommerce-product-gallery__wrapper + ol.flex-control-thumbs, .woocommerce-product-gallery ol.flex-control-nav, .elementor-widget-woocommerce-product-images .flex-control-thumbs { gap: 10px !important; padding: 15px 0 !important; } } /* Animación suave al cambiar de imagen */ .woocommerce-product-gallery__image { transition: opacity 0.3s ease !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-product-meta, class: .elementor-element-2c8a49e *//* ============================================================ PRODUCT META – ESTILO UNIFICADO ============================================================ */ /* 0 ▸ Limpieza de bordes, sombras y pseudo‑líneas */ .product_meta, .product_meta *, .product_meta *::before, .product_meta *::after{ border:none !important; box-shadow:none !important; } .product_meta hr, .product_meta::before, .product_meta::after{ display:none !important; content:none !important; } /* 1 ▸ Listas sin viñetas ni sangrías */ .product_meta ul, .product_meta ul li{ list-style:none !important; margin:0 !important; padding:0 !important; } /* ============================================================ LABELS “Marca:” y “Categoría:” EN NEGRITA (con “:” fijo) ============================================================ */ /* a) Estructura con
  • (WooCommerce Brands / Cats) */ .product_meta li[data-container="product_brand"]::before{ content:"Marca: " !important; /* label + dos puntos */ font-weight:700 !important; /* label en negrita */ color:#000 !important; } .product_meta li[data-container="product_cat"]::before{ content:"Categoría: " !important; font-weight:700 !important; color:#000 !important; } /* nombre de la marca / categoría SIN negrita */ .product_meta li[data-container="product_brand"] > a[data-tax="product_brand"], .product_meta li[data-container="product_cat"] > a[data-tax="product_cat"]{ font-weight:400 !important; text-decoration:none !important; } /* b) Estructura clásica con */ .product_meta .posted_in{ /* span que ya imprime “Marca:” o “Categoría:” */ font-weight:700 !important; /* label en negrita */ } /* …y enlaces dentro, estilo normal */ .product_meta .posted_in a{ font-weight:400 !important; text-decoration:none !important; } /* ============================================================ FORZAR TODOS LOS ENLACES DE PRODUCT_META A COLOR NEGRO ============================================================ */ body .product_meta a:link, body .product_meta a:visited, body .product_meta a:hover, body .product_meta a:active, body .product_meta .posted_in a:link, body .product_meta .posted_in a:visited, body .product_meta .posted_in a:hover, body .product_meta .posted_in a:active{ color:#000 !important; /* negro consistente */ text-decoration:none !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4678775 *//* ════════════════════════════════════════════════════════════ LÍNEA VERTICAL ENTRE 2 COLUMNAS DEL GRID ════════════════════════════════════════════════════════════ */ /* 1) Aseguramos que no exista gap horizontal (si lo quitaste antes) */ .tus‑clases‑grid ul.products.columns-2{ column-gap:0 !important; /* sin espacio: la línea será el borde */ } /* 2) Agregamos borde derecho SOLO a los items de la 1.ª columna —— */ /* Cuando son 2 columnas, los items impares (1,3,5,…) están a la izquierda */ .tus‑clases‑grid ul.products.columns-2 li.product:nth-child(odd){ border-right:1px solid #e0e0e0; /* gris claro */ box-sizing:border-box; /* borde cuenta dentro del ancho */ } /* 3) Si tu grid es responsive y pasa a 1 sola columna en móvil, quita el borde para pantallas estrechas */ @media (max-width: 600px){ .tus‑clases‑grid ul.products.columns-2 li.product{ border-right:none !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-product-related, class: .elementor-element-e554677 *//* ════════════════════════════════════════════════════════════ RELATED PRODUCTS (mismo efecto que el grid principal) ════════════════════════════════════════════════════════════ */ /* ▸ 0. UL sin bullets ni padding ********************************/ .related.products ul.products{ list-style:none !important; padding:0 !important; row-gap:0 !important; column-gap:0 !important; } /* ▸ 1. TARJETA CUADRADA *****************************************/ .related.products ul.products li.product{ position:relative; aspect-ratio:1/1; /* mantiene la tarjeta cuadrada */ background:#2b2b2b; /* gris oscuro del contenedor */ border:none; /* sin borde blanco */ border-radius:12px; padding:10px; overflow:hidden; display:flex; flex-direction:column; align-items:stretch; text-align:center; transition:box-shadow .25s ease; } /* capa gris más clara al hover */ .related.products ul.products li.product::before{ content:""; position:absolute; inset:0; background:#3a3a3a; /* un tono más claro */ opacity:0; transition:opacity .25s ease; z-index:1; /* debajo de img/título/botón */ } .related.products ul.products li.product:hover{ box-shadow:0 4px 10px rgba(0,0,0,.3); } .related.products ul.products li.product:hover::before{ opacity:1; } /* ▸ 2. ENLACE FLEX (imagen + título) ****************************/ .related.products ul.products li.product a.woocommerce-LoopProduct-link{ display:flex; flex-direction:column; flex:1 1 auto; /* crece y encoge según contenido */ height:auto !important; /* ← FIX: deja espacio al título */ position:relative; z-index:2; /* sobre la capa gris */ } /* ▸ 3. IMAGEN – limita a 70 % para reservar lugar al título *****/ .related.products ul.products li.product a.woocommerce-LoopProduct-link img{ flex:0 0 auto; /* ya no se estira verticalmente */ max-height:70% !important; /* ocupa como máximo 70 % del alto */ width:100%; object-fit:contain; background:#ffffff; padding:0.8em; border-radius:8px; display:block; margin:0; /* sin margen inferior que empuje */ } /* ▸ 4. TÍTULO (Roboto 700 oblicua, 16 px) ************************/ .related.products ul.products li.product h2.woocommerce-loop-product__title, .related.products ul.products li.product .woocommerce-loop-product__title, .related.products ul.products li.product .product-title{ font-family:'Roboto',sans-serif; font-weight:700; font-style:italic; /* oblicua */ font-size:16px; /* solicitado */ color:#ffffff; /* texto claro sobre fondo oscuro */ margin:10px 0 0; flex:0 0 auto; /* no se estira ni encoge */ line-height:1.25; transition:opacity .25s ease, transform .25s ease; position:relative; z-index:3; } /* título se oculta al hover */ .related.products ul.products li.product:hover h2.woocommerce-loop-product__title, .related.products ul.products li.product:hover .woocommerce-loop-product__title, .related.products ul.products li.product:hover .product-title{ opacity:0; transform:translateY(20px); } /* ▸ 5. BOTÓN “VER PRODUCTO” – overlay animado *******************/ .related.products ul.products li.product a.button{ position:absolute; left:50%; bottom:12px; transform:translate(-50%,20px); /* inicia 20 px abajo (invisible) */ width:85%; height:50px; font-family:'Roboto',sans-serif; font-size:16px; background:#003CFC !important; /* azul corporativo */ color:#ffffff !important; border:1px solid #003CFC !important; border-radius:12px; display:flex !important; align-items:center; justify-content:center; text-transform:none; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .25s ease, transform .25s ease, background-color .2s ease, color .2s ease; z-index:4; } /* muestra y anima al hover de la tarjeta */ .related.products ul.products li.product:hover a.button{ opacity:1; visibility:visible; transform:translate(-50%,0); /* slide‑up */ pointer-events:auto; } /* hover dentro del botón – inversión de colores */ .related.products ul.products li.product a.button:hover{ background:#ffffff !important; color:#003CFC !important; }/* End custom CSS */