/* Start custom CSS *//* WooCommerce deja la galería en opacity:0 y la enciende por JavaScript al terminar de armarla.
   Se midió que a veces no lo hace —en móvil quedó invisible— aunque el carrusel SI esté armado.
   Como el deslizador se inicializa igual, forzarla es seguro y quita un fallo intermitente. */
.woocommerce-product-gallery{opacity:1 !important}

/* Encuadre parejo: las fotos del fabricante no vienen todas cuadradas. */
.woocommerce-product-gallery__image img{aspect-ratio:1/1;object-fit:contain;width:100%;height:auto}

/* Miniaturas con el estilo de la marca. */
.woocommerce-product-gallery .flex-control-thumbs{display:flex;gap:10px;margin:14px 0 0;padding:0;list-style:none}
.woocommerce-product-gallery .flex-control-thumbs li{margin:0;width:auto;flex:0 0 76px}
.woocommerce-product-gallery .flex-control-thumbs img{width:100%;aspect-ratio:1/1;object-fit:contain;border:1px solid #D9E1E8;border-radius:8px;padding:4px;background:#fff;opacity:1;cursor:pointer;transition:border-color .2s}
.woocommerce-product-gallery .flex-control-thumbs img.flex-active,.woocommerce-product-gallery .flex-control-thumbs img:hover{border-color:#1849A4}

/* La ficha técnica viene EN MAYÚSCULAS del fabricante y ocupaba los 1,180 px de ancho:
   107 caracteres por línea. Acotarla a ~75 es lo que la vuelve legible; el texto no se toca.
   Ojo: los widgets atómicos NO llevan la clase .elementor-element-<id>, solo data-id. */
[data-id="c2a94e"]{max-width:820px}/* End custom CSS */