.elementor-1320 .elementor-element.elementor-element-9877282{--display:flex;}.elementor-1320 .elementor-element.elementor-element-b9c37e4{--display:flex;}.elementor-1320 .elementor-element.elementor-element-b9c37e4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1320 .elementor-element.elementor-element-d76a389.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-1320 .elementor-element.elementor-element-d76a389 .elementor-thumbnails-swiper .elementor-carousel-image{aspect-ratio:21 / 9;}.elementor-1320 .elementor-element.elementor-element-d76a389 .elementor-swiper-button{font-size:20px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1320 .elementor-element.elementor-element-c19e3fd .elementor-heading-title{color:#000000;}.elementor-1320 .elementor-element.elementor-element-fa85a9a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-1320 .elementor-element.elementor-element-54372b6 > .elementor-widget-container{padding:0px 10px 0px 0px;}.elementor-1320 .elementor-element.elementor-element-54372b6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(0px/2);}.elementor-1320 .elementor-element.elementor-element-54372b6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(0px/2);}.elementor-1320 .elementor-element.elementor-element-54372b6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(0px/2);margin-left:calc(0px/2);}.elementor-1320 .elementor-element.elementor-element-54372b6 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-0px/2);margin-left:calc(-0px/2);}body.rtl .elementor-1320 .elementor-element.elementor-element-54372b6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-0px/2);}body:not(.rtl) .elementor-1320 .elementor-element.elementor-element-54372b6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-0px/2);}.elementor-1320 .elementor-element.elementor-element-54372b6 .elementor-icon-list-icon i{color:#F3C621;transition:color 0.3s;}.elementor-1320 .elementor-element.elementor-element-54372b6 .elementor-icon-list-icon svg{fill:#F3C621;transition:fill 0.3s;}.elementor-1320 .elementor-element.elementor-element-54372b6{--e-icon-list-icon-size:18px;--icon-vertical-offset:0px;}.elementor-1320 .elementor-element.elementor-element-54372b6 .elementor-icon-list-text{transition:color 0.3s;}.elementor-1320 .elementor-element.elementor-element-01644b5 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-1320 .elementor-element.elementor-element-1d39c12.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1320 .elementor-element.elementor-element-1d39c12 .elementor-heading-title{color:#01121C;}.elementor-1320 .elementor-element.elementor-element-413bafe .elementor-heading-title{-webkit-text-stroke-color:#000;stroke:#000;color:#7013D7;}.elementor-1320 .elementor-element.elementor-element-2e27356{--display:flex;}.elementor-1320 .elementor-element.elementor-element-e61b25d{--display:flex;}.elementor-1320 .elementor-element.elementor-element-f918060{--display:flex;}.elementor-1320 .elementor-element.elementor-element-d57b4a6{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-1320 .elementor-element.elementor-element-06d18f5{--display:flex;}.elementor-1320 .elementor-element.elementor-element-f2d3d58{--display:flex;}.elementor-1320 .elementor-element.elementor-element-76723ad{--display:flex;}.elementor-1320 .elementor-element.elementor-element-f20fcb7{--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-1320 .elementor-element.elementor-element-f5d73df{text-align:center;}.elementor-1320 .elementor-element.elementor-element-f5d73df .elementor-heading-title{color:#000000;}.elementor-1320 .elementor-element.elementor-element-a23cc50{--display:flex;}.elementor-1320 .elementor-element.elementor-element-293b1f5{--display:flex;}.elementor-1320 .elementor-element.elementor-element-7141c20{--display:flex;}@media(max-width:1024px){.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-size:var( --e-global-typography-accent-font-size );}.elementor-1320 .elementor-element.elementor-element-d76a389.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-1320 .elementor-element.elementor-element-54372b6{--e-icon-list-icon-size:11px;}.elementor-1320 .elementor-element.elementor-element-01644b5 .elementor-heading-title{font-size:12px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-1320 .elementor-element.elementor-element-b9c37e4{--width:376.79px;}.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-size:var( --e-global-typography-accent-font-size );}.elementor-1320 .elementor-element.elementor-element-d76a389.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1320 .elementor-element.elementor-element-c19e3fd{text-align:center;}.elementor-1320 .elementor-element.elementor-element-fa85a9a{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-1320 .elementor-element.elementor-element-54372b6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(0px/2);}.elementor-1320 .elementor-element.elementor-element-54372b6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(0px/2);}.elementor-1320 .elementor-element.elementor-element-54372b6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(0px/2);margin-left:calc(0px/2);}.elementor-1320 .elementor-element.elementor-element-54372b6 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-0px/2);margin-left:calc(-0px/2);}body.rtl .elementor-1320 .elementor-element.elementor-element-54372b6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-0px/2);}body:not(.rtl) .elementor-1320 .elementor-element.elementor-element-54372b6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-0px/2);}.elementor-1320 .elementor-element.elementor-element-54372b6{--e-icon-list-icon-size:16px;}.elementor-1320 .elementor-element.elementor-element-01644b5 .elementor-heading-title{font-size:13px;}.elementor-1320 .elementor-element.elementor-element-1d39c12{width:var( --container-widget-width, 192.336px );max-width:192.336px;--container-widget-width:192.336px;--container-widget-flex-grow:0;text-align:justify;}.elementor-1320 .elementor-element.elementor-element-1d39c12 > .elementor-widget-container{margin:-11px -11px -11px -11px;}.elementor-1320 .elementor-element.elementor-element-1d39c12.elementor-element{--align-self:center;}.elementor-1320 .elementor-element.elementor-element-413bafe.elementor-element{--align-self:center;}.elementor-1320 .elementor-element.elementor-element-413bafe{text-align:center;}.elementor-1320 .elementor-element.elementor-element-413bafe .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;}.elementor-1320 .elementor-element.elementor-element-a950740 > .elementor-widget-container{margin:12px 12px 12px 12px;padding:1px 1px 1px 1px;}.elementor-1320 .elementor-element.elementor-element-a950740.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-1320 .elementor-element.elementor-element-cdc7325 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-1320 .elementor-element.elementor-element-f5d73df.elementor-element{--align-self:center;}.elementor-1320 .elementor-element.elementor-element-f5d73df{text-align:center;}}/* Start custom CSS for heading, class: .elementor-element-1d39c12 */.preco-destacado-container {
  display: flex; /* Alinha os preços lado a lado */
  align-items: baseline; /* Alinha pela base do texto */
  justify-content: center; /* Centraliza o conjunto de preços (opcional) */
  gap: 8px; /* Espaço entre os preços */
  margin: 15px 0; /* Espaçamento vertical */
  font-family: 'Montserrat', sans-serif; /* Fonte consistente com o botão */
}

.preco-antigo-mobile {
  color: #aaaaaa; /* Cinza claro para o preço antigo, para de-emphasize */
  text-decoration: line-through;
  font-size: 1.1em; /* Tamanho base, um pouco maior que o texto normal */
}

.preco-novo-mobile {
  color: #6A0DAD; /* ROXO - o mesmo tom do seu botão "BUY NOW" */
  font-size: 1.6em; /* Notavelmente maior para destaque */
  font-weight: bold;
}

/* Ajustes específicos para telas menores (dispositivos móveis) */
@media (max-width: 480px) {
  .preco-destacado-container {
    flex-direction: column; /* Empilha os preços em telas muito pequenas */
    align-items: center; /* Centraliza quando empilhado */
    gap: 4px;
  }
  .preco-antigo-mobile {
    font-size: 1em; /* Pode ajustar o tamanho base para mobile */
  }
  .preco-novo-mobile {
    font-size: 1.5em; /* Tamanho de destaque para mobile */
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-413bafe *//* --- CSS para Centralizar o Botão Shopify --- */

/* Substitua #meu-botao-roxo-principal pelo ID EXATO do seu div no Elementor, se for diferente */
#meu-botao-roxo-principal {
  /* Defina a largura máxima que você quer que o bloco do botão ocupe.
     Este valor deve ser consistente com o 'max-width' que está configurado
     dentro do seu script JavaScript para o estilo do produto em desktop.
     Por exemplo, se no script está 450px, use 450px ou um pouco mais aqui. */
  max-width: 450px; /* Ajuste este valor conforme necessário */

  /* Estas duas linhas são a chave para centralizar horizontalmente um bloco
     que tem uma largura máxima definida. O !important ajuda a garantir
     que este estilo seja aplicado sobre outros que possam estar vindo do tema ou Elementor. */
  margin-left: auto !important;
  margin-right: auto !important;

  /* Garante que o div se comporte como um bloco para as margens automáticas funcionarem. */
  display: block; 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1e07e01 */.depoimentos-simples {
  padding: 20px 0;
  font-family: Arial, sans-serif;
}
.depoimentos-simples h2 {
  font-size: 22px;
  font-weight: bold;
  color: #333;
  margin-bottom: 20px;
  text-align: center;
}
.galeria-simples-rolagem {
  display: flex; /* Coloca os itens lado a lado */
  overflow-x: auto; /* Cria a barra de rolagem horizontal se necessário */
  gap: 15px; /* Espaço entre as imagens */
  padding: 10px; /* Um pequeno preenchimento interno */
  /* Para melhorar a aparência da barra de rolagem em navegadores WebKit (Chrome, Safari) */
  scrollbar-width: thin; /* Para Firefox */
  scrollbar-color: #ccc #f0f0f0; /* Para Firefox */
}
.galeria-simples-rolagem::-webkit-scrollbar {
  height: 8px;
}
.galeria-simples-rolagem::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}
.galeria-simples-rolagem::-webkit-scrollbar-thumb:hover {
  background: #bbb;
}
.item-simples {
  flex: 0 0 auto; /* Impede que os itens encolham */
  width: 200px; /* Largura de cada item/imagem. Ajuste conforme necessário */
  border-radius: 8px;
  overflow: hidden;
}
.item-simples img {
  width: 100%;
  height: 300px; /* Altura das imagens. Ajuste conforme necessário */
  object-fit: cover; /* Garante que a imagem cubra o espaço sem distorcer */
  display: block;
  border-radius: 8px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e966b95 */<div id="meu-botao-roxo-principal">
    </div>

<style>
#meu-botao-roxo-principal {
  position: fixed;
  bottom: 25px;
  right: 25px;
  z-index: 2147483647;
  width: auto;
  max-width: 320px; /* Largura máxima para desktop */
}

/* CSS Adicional para Celular (ajustes para preencher melhor e posicionar) */
@media (max-width: 767px) { 
  #meu-botao-roxo-principal {
    right: 10px;  /* Distância da borda direita no celular */
    bottom: 10px; /* Distância da borda inferior no celular */
    left: 10px;   /* Distância da borda esquerda no celular */
    max-width: none; /* Remove a max-width fixa para esta div no mobile */
                    /* A largura efetiva será controlada pelo left/right, resultando em (largura da tela - 20px) */
  }
}
</style>

<script type="text/javascript">
/*<![CDATA[*/
// console.log("--- DEBUG: Iniciando SCRIPT BOTÃO ROXO (Ajustes Finais Mobile) ---");
var shopifySimplePurpleButtonInitExecuted = false;

(function () {
var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';

function loadShopifySimplePurpleScript() {
var script = document.createElement('script');
script.async = true;
script.src = scriptURL;
script.onload = function() {
    ShopifySimplePurpleButtonInit();
};
script.onerror = function() {
    console.error("SCRIPT ROXO: FALHA ao carregar o script SDK do Shopify.");
};
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);
}

function ShopifySimplePurpleButtonInit() {
if (shopifySimplePurpleButtonInitExecuted) {
    return;
}
shopifySimplePurpleButtonInitExecuted = true;

var client = ShopifyBuy.buildClient({
    domain: 'SEU_DOMINIO_SHOPIFY.myshopify.com', // <<< COLOQUE SEU DOMÍNIO SHOPIFY AQUI
    storefrontAccessToken: 'SEU_STOREFRONT_ACCESS_TOKEN', // <<< COLOQUE SEU TOKEN AQUI
});

ShopifyBuy.UI.onReady(client).then(function (ui) {
    var targetNode = document.getElementById('meu-botao-roxo-principal'); 

    if (targetNode) {
    targetNode.innerHTML = ''; 

    ui.createComponent('product', {
        id: 'ID_DO_SEU_PRODUTO', // <<< COLOQUE O ID DO SEU PRODUTO AQUI
        node: targetNode,
        moneyFormat: '%C2%A3%7B%7Bamount%7D%7D',
        options: {
        "product": {
            "styles": {
                "product": { // Estilos do componente Shopify
                    "background-color": "transparent", 
                    "@media (min-width: 601px)": { // Desktop
                        "max-width": "320px", 
                        "margin-left": "auto",
                        "margin-right": "auto"
                    },
                    "@media (max-width: 600px)": { // Mobile (até 600px de largura)
                        "max-width": "100%", /* AJUSTE: Faz o componente Shopify usar 100% da largura do #meu-botao-roxo-principal */
                        "margin-left": "auto",
                        "margin-right": "auto",
                        "padding-left": "0px", 
                        "padding-right": "0px"
                    }
                },
                "button": { 
                    "font-family": "Montserrat, sans-serif", "font-weight": "bold", 
                    "font-size": "15px", 
                    "padding-top": "12px", 
                    "padding-bottom": "12px", 
                    "padding-left": "20px", 
                    "padding-right": "20px", 
                    "width": "100%", 
                    "border-radius": "6px", 
                    "background-color": "#7A28B8", "color": "#FFFFFF", 
                    "border": "none", "transition": "background-color 0.3s ease, transform 0.2s ease",
                    "display": "flex", "justify-content": "center", "align-items": "center", "min-height": "auto",
                    "box-shadow": "0 4px 8px rgba(0,0,0,0.1)",
                    "margin-top": "-1px", /* MANTÉM: Puxa o botão para cima, colando na opção acima */
                    ":hover": { "background-color": "#681CA5", "transform": "translateY(-2px)" } 
                },
                "options":{ 
                    "font-family": "Montserrat, sans-serif", 
                    "font-size": "14px", 
                    "width": "100%", 
                    "padding": "8px", 
                    "border": "1px solid #cccccc", 
                    "border-bottom": "none", /* MANTÉM: Remove a borda inferior do seletor para melhor "fusão" */
                    "background-color": "#FFFFFF",
                    "border-radius": "6px",
                    "margin-bottom": "0px", /* MANTÉM: Sem margem inferior no seletor de opções */
                    "display":"block"
                }
            },
            "buttonDestination": "checkout",
            "contents": {
                "img": false,
                "title": false,
                "price": false,
                "options": true 
            },
            "text": { "button": "BUY NOW" },
            "googleFonts": ["Montserrat"]
        },
        "productSet": { "styles": { "products": { "@media (min-width: 601px)": { "margin-left": "-20px" } } } },
        "modalProduct": {
            "contents": { "img": false, "imgWithCarousel": true, "button": false, "buttonWithQuantity": true },
            "styles": {
                "product": { "@media (min-width: 601px)": { "max-width": "100%", "margin-left": "0px", "margin-bottom": "0px" } },
                "button": { "font-family": "Montserrat, sans-serif", "border-radius": "40px", "padding-left": "100px", "padding-right": "100px" }
            },
            "googleFonts": ["Montserrat"], "text": { "button": "Add to cart" }
        },
        "option": {},
        "cart": {
            "styles": { "button": { "font-family": "Montserrat, sans-serif", "border-radius": "40px" } },
            "text": { "total": "Subtotal", "button": "Checkout" }, "popup": false, "googleFonts": ["Montserrat"]
        },
        "toggle": {
            "styles": { "toggle": { "font-family": "Montserrat, sans-serif" } }, "googleFonts": ["Montserrat"]
        }
        }
    });
    } else {
    console.error("SCRIPT ROXO: ERRO CRÍTICO - Nó #meu-botao-roxo-principal NÃO FOI ENCONTRADO no DOM!");
    }
}).catch(function (error) {
    console.error("SCRIPT ROXO: Erro em ShopifyBuy.UI.onReady ou createComponent:", error);
});
}

if (window.ShopB
uy && window.ShopifyBuy.UI) { ShopifySimplePurpleButtonInit(); }
else if (window.ShopifyBuy) { loadShopifySimplePurpleScript(); }
else { loadShopifySimplePurpleScript(); }

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