/**
* Theme Name: Ignavo Child
* Description: This is a child theme of Ignavo, generated by Merlin WP.
* Author: <a href="http://themeforest.net/user/KlbTheme">KlbTheme (Sinan ISIK)</a>
* Template: ignavo
* Version: 1.2.8
*/
/* Ficha de producto: imagen a su tamaño real (máx. 500px), centrada y con marco blanco. */
.single-product .woocommerce-product-gallery__image {
    box-sizing: border-box;
    padding: 32px;
    background: #fff;
}

.single-product .woocommerce-product-gallery__image > a {
    display: block;
    max-width: 500px;
    margin: 0 auto;
}

.single-product .woocommerce-product-gallery__image img {
    display: block;
    width: 100%;
    max-width: 500px;
    height: auto;
    margin: 0 auto;
}
/* Tarjetas de producto (portada, tienda, relacionados): margen blanco para que la foto no toque la orilla. */
.product-thumbnail .product-media > a {
    padding: 8%;
    background: #fff;
}

.product-thumbnail .product-media > a img {
    width: 100%;
    height: auto;
}

/* Logo del pie: 260px, sin el espacio transparente del PNG (dibujo en 17,82-850,189 de 866x288) y sin pixeleado. */
.site-footer .footer-info {
    --footer-info-logo-width: 260px;
}

.site-footer .footer-info .site-brand img {
    aspect-ratio: 834 / 108;
    height: auto;
    object-fit: cover;
    object-position: 50% 45.5%;
    image-rendering: auto;
}

/* Pie: Visa y Mastercard 30% más grandes (SVG de 24x15 y 36x13). */
.site-footer .footer-card-icons img[src$="/payment.svg"] {
    width: 31px;
    height: auto;
}

.site-footer .footer-card-icons img[src$="/payment2.svg"] {
    width: 47px;
    height: auto;
}

/* Avisos de envío: bajo el botón de compra y en la barra superior. */
.stocksiemens-aviso-envio {
    margin: 12px 0 0;
    font-size: 13px;
    color: rgb(var(--colors-gray-500));
}

.stocksiemens-aviso-barra {
    font-size: 12px;
    font-weight: 600;
    color: rgb(var(--colors-primary-background));
}

/* Botones del flujo de compra (bloques de WooCommerce) en el teal del sitio, como los demás botones. */
.wc-block-components-button.wc-block-cart__submit-button,
.wc-block-components-button.wc-block-components-checkout-place-order-button {
    background-color: rgb(var(--colors-primary-background));
    border-color: rgb(var(--colors-primary-background));
    color: #fff;
}

.wc-block-components-button.wc-block-cart__submit-button:hover,
.wc-block-components-button.wc-block-cart__submit-button:focus,
.wc-block-components-button.wc-block-components-checkout-place-order-button:hover,
.wc-block-components-button.wc-block-components-checkout-place-order-button:focus {
    background-color: rgb(var(--colors-primary-background));
    border-color: rgb(var(--colors-primary-background));
    color: #fff;
    opacity: 0.9;
}

/* Portada: carrusel de modelos de PLC (mosaicos de 640x520 con el nombre abajo). */
.elementor-element-bf99f01 .client-logo {
    --client-image-height-mobile: 96px;
    --client-image-height-desktop: 128px;
}

/* Portada: banners con imagen a la derecha (línea de producción y sello); el texto queda en la zona libre de la izquierda. */
@media (min-width: 1024px) {
    .elementor-element-048a030 .site-banner-inner,
    .elementor-element-d3e2f6f .site-banner-inner {
        max-width: 230px;
    }
}

/* Banner del sello: texto algo más angosto (el sello empieza antes) y botón en teal (el blanco no se ve sobre fondo blanco). */
@media (min-width: 1024px) {
    .elementor-element-d3e2f6f .site-banner-inner {
        max-width: 200px;
    }
}

.elementor-element-d3e2f6f a.button.variant-white {
    background-color: rgb(var(--colors-primary-background));
    border-color: rgb(var(--colors-primary-background));
    color: #fff;
}

/* En móvil la foto queda detrás del texto: velo blanco de izquierda a derecha para que se lea. */
@media (max-width: 1023.98px) {
    .elementor-element-048a030 .site-banner-media::after,
    .elementor-element-d3e2f6f .site-banner-media::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.86) 55%, rgba(255, 255, 255, 0) 100%);
        pointer-events: none;
    }
}