.elementor-353 .elementor-element.elementor-element-240e2ef{--display:flex;--min-height:550px;--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:flex-start;--align-items:flex-end;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--overflow:hidden;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:10px 10px 10px 10px;--border-top-width:10px;--border-right-width:10px;--border-bottom-width:10px;--border-left-width:10px;border-color:var( --e-global-color-9d4fcda );--border-color:var( --e-global-color-9d4fcda );--border-radius:20px 20px 20px 20px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-353 .elementor-element.elementor-element-240e2ef::before, .elementor-353 .elementor-element.elementor-element-240e2ef > .elementor-background-video-container::before, .elementor-353 .elementor-element.elementor-element-240e2ef > .e-con-inner > .elementor-background-video-container::before, .elementor-353 .elementor-element.elementor-element-240e2ef > .elementor-background-slideshow::before, .elementor-353 .elementor-element.elementor-element-240e2ef > .e-con-inner > .elementor-background-slideshow::before, .elementor-353 .elementor-element.elementor-element-240e2ef > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.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-353 .elementor-element.elementor-element-2245724{width:auto;max-width:auto;}.elementor-353 .elementor-element.elementor-element-2245724 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:300;line-height:28px;color:var( --e-global-color-6d148b4 );}.elementor-353 .elementor-element.elementor-element-3e410d1{--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:space-between;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--overflow:hidden;border-style:solid;--border-style:solid;border-width:10px 10px 10px 10px;--border-top-width:10px;--border-right-width:10px;--border-bottom-width:10px;--border-left-width:10px;border-color:var( --e-global-color-9d4fcda );--border-color:var( --e-global-color-9d4fcda );--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-353 .elementor-element.elementor-element-3e410d1:not(.elementor-motion-effects-element-type-background), .elementor-353 .elementor-element.elementor-element-3e410d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9d4fcda );}body:not(.rtl) .elementor-353 .elementor-element.elementor-element-30fa78c{left:0px;}body.rtl .elementor-353 .elementor-element.elementor-element-30fa78c{right:0px;}.elementor-353 .elementor-element.elementor-element-30fa78c{top:0px;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.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-products.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-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.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-products.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-products.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-353 .elementor-element.elementor-element-81df3f1.elementor-wc-products ul.products li.product{text-align:center;}.elementor-353 .elementor-element.elementor-element-81df3f1.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-353 .elementor-element.elementor-element-81df3f1.elementor-wc-products .attachment-woocommerce_thumbnail{margin-bottom:0px;}.elementor-353 .elementor-element.elementor-element-81df3f1.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-fb7afe4 );margin-bottom:0px;}.elementor-353 .elementor-element.elementor-element-81df3f1.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-fb7afe4 );margin-bottom:0px;}.elementor-353 .elementor-element.elementor-element-81df3f1.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-353 .elementor-element.elementor-element-81df3f1.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:600;}.elementor-353 .elementor-element.elementor-element-81df3f1.elementor-wc-products ul.products li.product .star-rating{font-size:0em;margin-bottom:0px;}.elementor-353 .elementor-element.elementor-element-81df3f1.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-e8d526d );font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:500;}.elementor-353 .elementor-element.elementor-element-81df3f1.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-e8d526d );}.elementor-353 .elementor-element.elementor-element-81df3f1.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-e8d526d );}.elementor-353 .elementor-element.elementor-element-81df3f1.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-e8d526d );}.elementor-353 .elementor-element.elementor-element-81df3f1.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-e8d526d );}.elementor-353 .elementor-element.elementor-element-81df3f1.elementor-wc-products ul.products li.product .button{margin-top:0px;}.elementor-353 .elementor-element.elementor-element-81df3f1.elementor-wc-products .added_to_cart{margin-inline-start:0px;}.elementor-353 .elementor-element.elementor-element-81df3f1.elementor-wc-products ul.products li.product span.onsale{display:block;}body.elementor-page-353:not(.elementor-motion-effects-element-type-background), body.elementor-page-353 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9d4fcda );}@media(min-width:768px){.elementor-353 .elementor-element.elementor-element-240e2ef{--width:98%;}}@media(max-width:1024px){.elementor-353 .elementor-element.elementor-element-240e2ef{--min-height:550px;}.elementor-353 .elementor-element.elementor-element-2245724{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-353 .elementor-element.elementor-element-3e410d1{--min-height:800px;}.elementor-353 .elementor-element.elementor-element-81df3f1.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-353 .elementor-element.elementor-element-240e2ef{--min-height:400px;--justify-content:flex-end;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-353 .elementor-element.elementor-element-2245724{width:100%;max-width:100%;text-align:center;}.elementor-353 .elementor-element.elementor-element-2245724 .elementor-heading-title{font-size:22px;line-height:20px;}.elementor-353 .elementor-element.elementor-element-3e410d1{--min-height:650px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-353 .elementor-element.elementor-element-81df3f1.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-81df3f1 *//* ====================================================== GLASSMORPHISM APPLE STYLE - CARD DE PRODUTO WOOCOMMERCE ====================================================== */ /* 1. Estrutura Principal da Card */ .elementor-353 .elementor-element.elementor-element-81df3f1 .woocommerce ul.products li.product, .elementor-353 .elementor-element.elementor-element-81df3f1 .elementor-widget-woocommerce-products .product { background: rgba(255, 255, 255, 0.45) !important; backdrop-filter: blur(16px) saturate(180%); -webkit-backdrop-filter: blur(16px) saturate(180%); border: 1px solid rgba(255, 255, 255, 0.6) !important; border-radius: 24px !important; padding: 18px !important; box-shadow: 0 8px 32px 0 rgba(186, 160, 130, 0.12), 0 2px 8px 0 rgba(0, 0, 0, 0.04) !important; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; overflow: hidden; position: relative; display: flex !important; flex-wrap: wrap !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; } /* 2. Imagem do Produto */ .elementor-353 .elementor-element.elementor-element-81df3f1 .woocommerce ul.products li.product img, .elementor-353 .elementor-element.elementor-element-81df3f1 .elementor-widget-woocommerce-products .product img { border-radius: 16px !important; transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important; object-fit: cover; width: 100% !important; } /* 3. Margens, Alinhamentos e Larguras de Conteúdo */ .elementor-353 .elementor-element.elementor-element-81df3f1 .woocommerce ul.products li.product .woocommerce-loop-product__title, .elementor-353 .elementor-element.elementor-element-81df3f1 .elementor-widget-woocommerce-products .product h2, .elementor-353 .elementor-element.elementor-element-81df3f1 .elementor-widget-woocommerce-products .product h3 { margin-top: 14px !important; margin-bottom: 6px !important; } .elementor-353 .elementor-element.elementor-element-81df3f1 .woocommerce ul.products li.product .price, .elementor-353 .elementor-element.elementor-element-81df3f1 .elementor-widget-woocommerce-products .product .price { margin-bottom: 14px !important; } /* Força os elementos superiores a ocuparem a largura total */ .elementor-353 .elementor-element.elementor-element-81df3f1 .woocommerce ul.products li.product a.woocommerce-LoopProduct-link, .elementor-353 .elementor-element.elementor-element-81df3f1 .woocommerce ul.products li.product .price { width: 100% !important; } /* ====================================================== 4. ÁREA DE BOTÕES LADO A LADO ====================================================== */ /* Botão 1: Ícone de Carrinho SVG (Esquerda) */ .elementor-353 .elementor-element.elementor-element-81df3f1 .woocommerce ul.products li.product .button, .elementor-353 .elementor-element.elementor-element-81df3f1 .elementor-widget-woocommerce-products .product .button { order: 1 !important; flex: 0 0 42px !important; width: 42px !important; height: 42px !important; background: linear-gradient(135deg, #D9A86C 0%, #BFA099 100%) !important; color: transparent !important; border: none !important; border-radius: 50% !important; padding: 0 !important; box-shadow: 0 4px 14px rgba(217, 168, 108, 0.35) !important; transition: all 0.3s ease !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; margin: 0 !important; font-size: 0 !important; cursor: pointer !important; } /* SVG do Carrinho */ .elementor-353 .elementor-element.elementor-element-81df3f1 .woocommerce ul.products li.product .button::before, .elementor-353 .elementor-element.elementor-element-81df3f1 .elementor-widget-woocommerce-products .product .button::before { content: "" !important; width: 20px !important; height: 20px !important; display: block !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'%3E%3C/circle%3E%3Ccircle cx='20' cy='21' r='1'%3E%3C/circle%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'%3E%3C/path%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; } /* Botão 2: Visual "Ver produto" (Direita) - Com cursor clicável */ .elementor-353 .elementor-element.elementor-element-81df3f1 .woocommerce ul.products li.product::after, .elementor-353 .elementor-element.elementor-element-81df3f1 .elementor-widget-woocommerce-products .product::after { order: 2 !important; flex: 1 1 auto !important; margin-left: 10px !important; content: "Ver produto" !important; background: linear-gradient(135deg, #D9A86C 0%, #BFA099 100%) !important; color: #FFFFFF !important; border: none !important; border-radius: 99px !important; padding: 0 16px !important; font-weight: 600 !important; font-size: 0.88rem !important; letter-spacing: 0.3px !important; box-shadow: 0 4px 14px rgba(217, 168, 108, 0.35) !important; transition: all 0.3s ease !important; text-align: center !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; cursor: pointer !important; pointer-events: auto !important; height: 42px !important; } /* ====================================================== 5. LINK AJAX "VER CARRINHO" ====================================================== */ .elementor-353 .elementor-element.elementor-element-81df3f1 .woocommerce ul.products li.product a.added_to_cart { order: 3 !important; width: 100% !important; margin-top: 10px !important; padding: 8px 14px !important; text-align: center !important; font-size: 0.82rem !important; font-weight: 600 !important; color: #8C6D65 !important; background: rgba(191, 160, 153, 0.12) !important; border: 1px solid rgba(191, 160, 153, 0.25) !important; border-radius: 99px !important; text-decoration: none !important; box-sizing: border-box !important; transition: all 0.3s ease !important; } /* ====================================================== 6. HOVER HARMONIZADO - SOMENTE DESKTOP ====================================================== */ @media (hover: hover) { /* Hover na Card */ .elementor-353 .elementor-element.elementor-element-81df3f1 .woocommerce ul.products li.product:hover, .elementor-353 .elementor-element.elementor-element-81df3f1 .elementor-widget-woocommerce-products .product:hover { transform: translateY(-8px) scale(1.01) !important; background: rgba(255, 255, 255, 0.72) !important; box-shadow: 0 20px 40px 0 rgba(217, 168, 108, 0.25), 0 4px 12px 0 rgba(0, 0, 0, 0.04) !important; border-color: rgba(217, 168, 108, 0.6) !important; } /* Hover na Imagem */ .elementor-353 .elementor-element.elementor-element-81df3f1 .woocommerce ul.products li.product:hover img { transform: scale(1.04) !important; } /* Hover no Botão de Carrinho */ .elementor-353 .elementor-element.elementor-element-81df3f1 .woocommerce ul.products li.product .button:hover, .elementor-353 .elementor-element.elementor-element-81df3f1 .elementor-widget-woocommerce-products .product .button:hover { background: linear-gradient(135deg, #BFA099 0%, #D9A86C 100%) !important; box-shadow: 0 6px 20px rgba(191, 160, 153, 0.5) !important; transform: translateY(-2px) !important; } /* Hover no Botão Ver Produto */ .elementor-353 .elementor-element.elementor-element-81df3f1 .woocommerce ul.products li.product:hover::after, .elementor-353 .elementor-element.elementor-element-81df3f1 .elementor-widget-woocommerce-products .product:hover::after { background: linear-gradient(135deg, #BFA099 0%, #D9A86C 100%) !important; box-shadow: 0 6px 20px rgba(191, 160, 153, 0.5) !important; transform: translateY(-2px) !important; } /* Hover no Link Ver Carrinho */ .elementor-353 .elementor-element.elementor-element-81df3f1 .woocommerce ul.products li.product a.added_to_cart:hover { background: rgba(191, 160, 153, 0.22) !important; border-color: rgba(191, 160, 153, 0.45) !important; color: #6E534C !important; } }/* End custom CSS */