.elementor-300 .elementor-element.elementor-element-15e9255{--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;--justify-content:center;--align-items:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:050px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-300 .elementor-element.elementor-element-15e9255:not(.elementor-motion-effects-element-type-background), .elementor-300 .elementor-element.elementor-element-15e9255 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-300 .elementor-element.elementor-element-1906c07{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;}.elementor-300 .elementor-element.elementor-element-4e90508{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.woocommerce .elementor-300 .elementor-element.elementor-element-4e90508 .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper,
					.woocommerce .elementor-300 .elementor-element.elementor-element-4e90508 .flex-viewport{border-radius:15px 15px 15px 15px;}.elementor-300 .elementor-element.elementor-element-8ad6267{--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-widget-woocommerce-product-title .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-300 .elementor-element.elementor-element-7bcac4f .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:25px;font-weight:500;}.elementor-300 .elementor-element.elementor-element-9a30d45{background-color:var( --e-global-color-e1aed50 );border-radius:10px 10px 10px 10px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-300 .elementor-element.elementor-element-8880e61{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-300 .elementor-element.elementor-element-8880e61 img{width:75%;}.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 );}body:not(.rtl) .elementor-300 .elementor-element.elementor-element-7cf5c21{right:2vh;}body.rtl .elementor-300 .elementor-element.elementor-element-7cf5c21{left:2vh;}.elementor-300 .elementor-element.elementor-element-7cf5c21{bottom:2vh;z-index:999;}.elementor-300 .elementor-element.elementor-element-7cf5c21 .elementor-icon-wrapper{text-align:center;}.elementor-300 .elementor-element.elementor-element-7cf5c21.elementor-view-stacked .elementor-icon{background-color:#25D366;}.elementor-300 .elementor-element.elementor-element-7cf5c21.elementor-view-framed .elementor-icon, .elementor-300 .elementor-element.elementor-element-7cf5c21.elementor-view-default .elementor-icon{color:#25D366;border-color:#25D366;}.elementor-300 .elementor-element.elementor-element-7cf5c21.elementor-view-framed .elementor-icon, .elementor-300 .elementor-element.elementor-element-7cf5c21.elementor-view-default .elementor-icon svg{fill:#25D366;}.elementor-300 .elementor-element.elementor-element-7cf5c21 .elementor-icon{font-size:25px;}.elementor-300 .elementor-element.elementor-element-7cf5c21 .elementor-icon svg{height:25px;}.elementor-300 .elementor-element.elementor-element-3a235fd{--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;--padding-top:0px;--padding-bottom:25px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-300 .elementor-element.elementor-element-15e9255{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-300 .elementor-element.elementor-element-7bcac4f .elementor-heading-title{font-size:25px;}.elementor-300 .elementor-element.elementor-element-e1c18b8{width:100%;max-width:100%;}.elementor-300 .elementor-element.elementor-element-8880e61{width:100%;max-width:100%;}.elementor-300 .elementor-element.elementor-element-8880e61 img{width:100%;}.elementor-300 .elementor-element.elementor-element-3a235fd{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}}@media(min-width:768px){.elementor-300 .elementor-element.elementor-element-15e9255{--content-width:1280px;}.elementor-300 .elementor-element.elementor-element-1906c07{--width:50%;}.elementor-300 .elementor-element.elementor-element-8ad6267{--width:50%;}.elementor-300 .elementor-element.elementor-element-3a235fd{--content-width:1280px;}}@media(max-width:1024px) and (min-width:768px){.elementor-300 .elementor-element.elementor-element-15e9255{--content-width:960px;}.elementor-300 .elementor-element.elementor-element-3a235fd{--content-width:960px;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-4e90508 */<style>
/* =========================================================
   ORIGINAL INSULFILM — GALERIA DE PRODUTO DEFINITIVA
   Imagem principal com tamanho fixo e sem distorção
   ========================================================= */

.single-product .woocommerce-product-gallery,
.single-product .woocommerce div.product div.images{
    width:100%!important;
    max-width:100%!important;
    margin-bottom:0!important;
}

/* =========================================================
   ÁREA FIXA DA IMAGEM PRINCIPAL
   ========================================================= */

.single-product .woocommerce-product-gallery .flex-viewport{
    position:relative!important;

    width:100%!important;
    max-width:100%!important;

    /*
     * Mantém todas as imagens na mesma proporção.
     * 3:2 corresponde ao formato das fotos principais dos carros.
     */
    aspect-ratio:3 / 2!important;
    height:auto!important;
    min-height:0!important;

    margin:0!important;
    padding:0!important;

    background:#F2F2F2!important;
    border-radius:12px!important;
    overflow:hidden!important;
}

/* Estrutura interna usada pelo FlexSlider */
.single-product .woocommerce-product-gallery
.flex-viewport
.woocommerce-product-gallery__wrapper{
    height:100%!important;
    min-height:100%!important;
    margin:0!important;
}

/* Cada slide ocupa exatamente a mesma área */
.single-product .woocommerce-product-gallery
.flex-viewport
.woocommerce-product-gallery__image{
    height:100%!important;
    min-height:100%!important;
    margin:0!important;

    background:#F2F2F2!important;
    overflow:hidden!important;
}

/* Link que envolve a imagem */
.single-product .woocommerce-product-gallery
.flex-viewport
.woocommerce-product-gallery__image > a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:100%!important;
    height:100%!important;

    margin:0!important;
    padding:0!important;

    background:#F2F2F2!important;
}

/* Todas as imagens permanecem proporcionais */
.single-product .woocommerce-product-gallery
.flex-viewport
.woocommerce-product-gallery__image img{
    display:block!important;

    width:100%!important;
    max-width:100%!important;

    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;

    margin:0!important;
    padding:0!important;

    /*
     * contain evita distorção e evita cortar textos
     * das imagens informativas.
     */
    object-fit:contain!important;
    object-position:center center!important;
}

/* Mantém o botão de zoom acima da imagem */
.single-product .woocommerce-product-gallery
.woocommerce-product-gallery__trigger{
    z-index:20!important;
}

/* =========================================================
   MINIATURAS — DESKTOP E TABLET
   ========================================================= */

.single-product .woocommerce-product-gallery
.flex-control-nav.flex-control-thumbs{
    position:static!important;
    inset:auto!important;
    transform:none!important;

    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    justify-content:flex-start!important;

    float:none!important;
    clear:both!important;

    width:100%!important;
    max-width:100%!important;

    gap:14px!important;

    /*
     * Espaço refinado entre a imagem principal
     * e a linha das miniaturas.
     */
    margin:0!important;
    padding:16px 0 0!important;

    overflow:hidden!important;
    list-style:none!important;
}

/* Remove os elementos de limpeza do WooCommerce */
.single-product .woocommerce-product-gallery
.flex-control-nav.flex-control-thumbs::before,
.single-product .woocommerce-product-gallery
.flex-control-nav.flex-control-thumbs::after{
    content:none!important;
    display:none!important;
}

/* Cada miniatura ocupa 1/6 da linha */
.single-product .woocommerce-product-gallery
.flex-control-nav.flex-control-thumbs > li{
    display:block!important;
    float:none!important;

    flex:1 1 0!important;

    width:auto!important;
    min-width:0!important;
    max-width:none!important;

    aspect-ratio:1 / 1!important;

    margin:0!important;
    padding:0!important;

    background:#F2F2F2!important;
    border:1px solid rgba(26,26,24,.12)!important;
    border-radius:10px!important;

    overflow:hidden!important;

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease!important;
}

/* Imagens das miniaturas */
.single-product .woocommerce-product-gallery
.flex-control-nav.flex-control-thumbs > li > img{
    display:block!important;

    width:100%!important;
    max-width:100%!important;

    height:100%!important;
    max-height:100%!important;

    margin:0!important;
    padding:0!important;

    object-fit:cover!important;
    object-position:center center!important;

    opacity:.72!important;
    border-radius:9px!important;
    cursor:pointer!important;

    transition:opacity .2s ease!important;
}

/* Miniatura selecionada */
.single-product .woocommerce-product-gallery
.flex-control-nav.flex-control-thumbs > li > img.flex-active{
    opacity:1!important;
}

/* Acabamento no desktop */
@media(min-width:768px){

    .single-product .woocommerce-product-gallery
    .flex-control-nav.flex-control-thumbs > li:hover{
        transform:translateY(-2px);
        border-color:#F5B802!important;
        box-shadow:0 5px 14px rgba(0,0,0,.10)!important;
    }

    .single-product .woocommerce-product-gallery
    .flex-control-nav.flex-control-thumbs > li:hover > img{
        opacity:1!important;
    }
}

/* =========================================================
   TABLET / NOTEBOOK
   ========================================================= */

@media(max-width:1100px){

    .single-product .woocommerce-product-gallery
    .flex-control-nav.flex-control-thumbs{
        gap:10px!important;
        padding-top:14px!important;
    }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    .single-product .woocommerce-product-gallery .flex-viewport{
        aspect-ratio:3 / 2!important;
        border-radius:10px!important;
    }

    .single-product .woocommerce-product-gallery
    .flex-control-nav.flex-control-thumbs{
        display:flex!important;
        flex-wrap:nowrap!important;

        gap:9px!important;

        width:100%!important;
        max-width:100%!important;

        margin:0!important;
        padding:12px 0 3px!important;

        overflow-x:auto!important;
        overflow-y:hidden!important;

        scroll-snap-type:x proximity;
        -webkit-overflow-scrolling:touch;

        scrollbar-width:none;
    }

    .single-product .woocommerce-product-gallery
    .flex-control-nav.flex-control-thumbs::-webkit-scrollbar{
        display:none!important;
    }

    .single-product .woocommerce-product-gallery
    .flex-control-nav.flex-control-thumbs > li{
        flex:0 0 74px!important;

        width:74px!important;
        min-width:74px!important;
        max-width:74px!important;

        aspect-ratio:1 / 1!important;
        border-radius:8px!important;

        scroll-snap-align:start;
    }

    .single-product .woocommerce-product-gallery
    .flex-control-nav.flex-control-thumbs > li > img{
        border-radius:7px!important;
    }
}

/* Celulares menores */
@media(max-width:380px){

    .single-product .woocommerce-product-gallery
    .flex-control-nav.flex-control-thumbs{
        gap:8px!important;
        padding-top:10px!important;
    }

    .single-product .woocommerce-product-gallery
    .flex-control-nav.flex-control-thumbs > li{
        flex:0 0 68px!important;

        width:68px!important;
        min-width:68px!important;
        max-width:68px!important;
    }
}
</style>

<script>
(function(){

    "use strict";

    const galerias = document.querySelectorAll(
        ".single-product .woocommerce-product-gallery"
    );

    function normalizarGaleria(galeria){

        const viewport = galeria.querySelector(".flex-viewport");

        if(viewport){

            /*
             * Remove a altura em pixels calculada pelo FlexSlider.
             * A altura passa a ser controlada pela proporção 3:2 do CSS.
             */
            viewport.style.setProperty(
                "height",
                "auto",
                "important"
            );

            viewport.style.setProperty(
                "aspect-ratio",
                "3 / 2",
                "important"
            );
        }

        const lista = galeria.querySelector(
            ".flex-control-nav.flex-control-thumbs"
        );

        if(!lista){
            return;
        }

        const mobile = window.matchMedia(
            "(max-width:767px)"
        ).matches;

        lista.style.setProperty(
            "display",
            "flex",
            "important"
        );

        lista.style.setProperty(
            "flex-wrap",
            "nowrap",
            "important"
        );

        Array.from(lista.children).forEach(function(item){

            item.style.setProperty(
                "float",
                "none",
                "important"
            );

            if(mobile){

                item.style.setProperty(
                    "flex",
                    "0 0 74px",
                    "important"
                );

                item.style.setProperty(
                    "width",
                    "74px",
                    "important"
                );

            }else{

                /*
                 * Remove os 25% que o WooCommerce aplica
                 * e distribui as seis miniaturas igualmente.
                 */
                item.style.setProperty(
                    "flex",
                    "1 1 0",
                    "important"
                );

                item.style.setProperty(
                    "width",
                    "auto",
                    "important"
                );
            }
        });
    }

    function iniciar(){

        galerias.forEach(function(galeria){

            normalizarGaleria(galeria);

            const observador = new MutationObserver(function(){

                const viewport = galeria.querySelector(
                    ".flex-viewport"
                );

                if(
                    viewport &&
                    viewport.style.height !== "auto"
                ){
                    normalizarGaleria(galeria);
                }
            });

            observador.observe(galeria,{
                subtree:true,
                attributes:true,
                attributeFilter:[
                    "style",
                    "class"
                ]
            });

            galeria.addEventListener("click",function(){

                window.setTimeout(function(){
                    normalizarGaleria(galeria);
                },20);

                window.setTimeout(function(){
                    normalizarGaleria(galeria);
                },200);
            });
        });
    }

    if(document.readyState === "loading"){

        document.addEventListener(
            "DOMContentLoaded",
            iniciar
        );

    }else{

        iniciar();
    }

    window.addEventListener("load",function(){

        galerias.forEach(normalizarGaleria);
    });

    let temporizador;

    window.addEventListener("resize",function(){

        window.clearTimeout(temporizador);

        temporizador = window.setTimeout(function(){

            galerias.forEach(normalizarGaleria);

        },120);
    });

})();
</script>/* End custom CSS */