.elementor-176 .elementor-element.elementor-element-fd28c90{--display:flex;--gap:5px 0px;--row-gap:5px;--column-gap:0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0rem;--margin-bottom:5rem;--margin-left:0rem;--margin-right:0rem;--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-176 .elementor-element.elementor-element-fd28c90:not(.elementor-motion-effects-element-type-background), .elementor-176 .elementor-element.elementor-element-fd28c90 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-widget-theme-archive-title .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-176 .elementor-element.elementor-element-f24ff1e{padding:0rem 0rem 0rem 0rem;text-align:center;}.elementor-176 .elementor-element.elementor-element-f24ff1e .elementor-heading-title{font-family:"Outfit", Sans-serif;font-weight:700;color:#FFFFFF;}.elementor-176 .elementor-element.elementor-element-2088f7b{--display:flex;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-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-wc-archive-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-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-wc-archive-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-wc-archive-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-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-wc-archive-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-wc-archive-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-widget-wc-archive-products .elementor-products-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-176 .elementor-element.elementor-element-c31876f.elementor-wc-products ul.products li.product{text-align:center;}.elementor-176 .elementor-element.elementor-element-c31876f{padding:1rem 1rem 1rem 1rem;border-radius:18px 18px 18px 18px;box-shadow:0px 12px 24px 0.08px rgba(0,0,0,0.5);}.elementor-176 .elementor-element.elementor-element-c31876f.elementor-element{--align-self:center;}.elementor-176 .elementor-element.elementor-element-c31876f.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-176 .elementor-element.elementor-element-c31876f.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-accent );font-family:"Outfit", Sans-serif;font-size:1.2rem;font-weight:700;}.elementor-176 .elementor-element.elementor-element-c31876f.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-accent );}.elementor-176 .elementor-element.elementor-element-c31876f.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-accent );}.elementor-176 .elementor-element.elementor-element-c31876f.elementor-wc-products ul.products li.product .button{color:#FFFFFF;background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );border-radius:8px 8px 8px 8px;}.elementor-176 .elementor-element.elementor-element-2ec0cf5{--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;--margin-top:5rem;--margin-bottom:5rem;--margin-left:0rem;--margin-right:0rem;}.elementor-176 .elementor-element.elementor-element-2ec0cf5:not(.elementor-motion-effects-element-type-background), .elementor-176 .elementor-element.elementor-element-2ec0cf5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-176 .elementor-element.elementor-element-51b9d52{width:100%;max-width:100%;margin:1rem 0rem calc(var(--kit-widget-spacing, 0px) + 1rem) 0rem;}.elementor-176 .elementor-element.elementor-element-51b9d52 img{width:100%;max-width:100%;border-radius:15px 15px 15px 15px;}.elementor-176 .elementor-element.elementor-element-2ff12ad{--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;--margin-top:3rem;--margin-bottom:1rem;--margin-left:0rem;--margin-right:0rem;}.elementor-176 .elementor-element.elementor-element-09ec32a{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--border-radius:0px 0px 0px 0px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-176 .elementor-element.elementor-element-cb8477d{--display:flex;--border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.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 );}.elementor-176 .elementor-element.elementor-element-9afffcb .elementor-icon-wrapper{text-align:center;}.elementor-176 .elementor-element.elementor-element-9afffcb.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-176 .elementor-element.elementor-element-9afffcb.elementor-view-framed .elementor-icon, .elementor-176 .elementor-element.elementor-element-9afffcb.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-176 .elementor-element.elementor-element-9afffcb.elementor-view-framed .elementor-icon, .elementor-176 .elementor-element.elementor-element-9afffcb.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.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-176 .elementor-element.elementor-element-7ebd445{text-align:center;}.elementor-176 .elementor-element.elementor-element-7ebd445 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:1rem;font-weight:500;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-176 .elementor-element.elementor-element-714e292{text-align:center;font-family:"Outfit", Sans-serif;font-size:0.8rem;font-weight:400;color:#C0C0C0;}.elementor-176 .elementor-element.elementor-element-f1754ff{--display:flex;--border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-176 .elementor-element.elementor-element-9475342 .elementor-icon-wrapper{text-align:center;}.elementor-176 .elementor-element.elementor-element-9475342.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-176 .elementor-element.elementor-element-9475342.elementor-view-framed .elementor-icon, .elementor-176 .elementor-element.elementor-element-9475342.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-176 .elementor-element.elementor-element-9475342.elementor-view-framed .elementor-icon, .elementor-176 .elementor-element.elementor-element-9475342.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-176 .elementor-element.elementor-element-5372846{text-align:center;}.elementor-176 .elementor-element.elementor-element-5372846 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:1rem;font-weight:500;color:#FFFFFF;}.elementor-176 .elementor-element.elementor-element-e0f4e84{text-align:center;font-family:"Outfit", Sans-serif;font-size:0.8rem;font-weight:400;color:#C0C0C0;}.elementor-176 .elementor-element.elementor-element-9f9e685{--display:flex;--border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-176 .elementor-element.elementor-element-9bd375c .elementor-icon-wrapper{text-align:center;}.elementor-176 .elementor-element.elementor-element-9bd375c.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-176 .elementor-element.elementor-element-9bd375c.elementor-view-framed .elementor-icon, .elementor-176 .elementor-element.elementor-element-9bd375c.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-176 .elementor-element.elementor-element-9bd375c.elementor-view-framed .elementor-icon, .elementor-176 .elementor-element.elementor-element-9bd375c.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-176 .elementor-element.elementor-element-514582a{text-align:center;}.elementor-176 .elementor-element.elementor-element-514582a .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:1rem;font-weight:500;color:#FFFFFF;}.elementor-176 .elementor-element.elementor-element-cacafa0{text-align:center;font-family:"Outfit", Sans-serif;font-size:0.8rem;font-weight:400;color:#C0C0C0;}@media(min-width:2400px){.elementor-176 .elementor-element.elementor-element-2088f7b{--margin-top:1rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-176 .elementor-element.elementor-element-c31876f{border-radius:18px 18px 18px 18px;}.elementor-176 .elementor-element.elementor-element-2ec0cf5{--min-height:132px;}.elementor-176 .elementor-element.elementor-element-51b9d52{margin:1rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;}.elementor-176 .elementor-element.elementor-element-51b9d52 img{border-radius:15px 15px 15px 15px;}.elementor-176 .elementor-element.elementor-element-2ff12ad{--margin-top:3rem;--margin-bottom:1rem;--margin-left:0rem;--margin-right:0rem;}.elementor-176 .elementor-element.elementor-element-09ec32a{--grid-auto-flow:row;}}@media(max-width:1366px){.elementor-176 .elementor-element.elementor-element-f24ff1e{padding:0px 0px 0px 0px;}.elementor-176 .elementor-element.elementor-element-2088f7b{--margin-top:2rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-176 .elementor-element.elementor-element-c31876f{padding:1rem 1rem 1rem 1rem;border-radius:18px 18px 18px 18px;}.elementor-176 .elementor-element.elementor-element-2ec0cf5{--margin-top:5rem;--margin-bottom:5rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-176 .elementor-element.elementor-element-51b9d52{margin:1rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;}.elementor-176 .elementor-element.elementor-element-51b9d52 img{width:1000px;}.elementor-176 .elementor-element.elementor-element-2ff12ad{--margin-top:3rem;--margin-bottom:1rem;--margin-left:0rem;--margin-right:0rem;}.elementor-176 .elementor-element.elementor-element-09ec32a{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-176 .elementor-element.elementor-element-f24ff1e{padding:0rem 0rem 0rem 0rem;}.elementor-176 .elementor-element.elementor-element-2088f7b{--margin-top:2rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-176 .elementor-element.elementor-element-c31876f{border-radius:18px 18px 18px 18px;}.elementor-176 .elementor-element.elementor-element-c31876f.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-176 .elementor-element.elementor-element-2ec0cf5{--margin-top:3rem;--margin-bottom:3rem;--margin-left:0rem;--margin-right:0rem;}.elementor-176 .elementor-element.elementor-element-51b9d52{margin:1rem 1rem calc(var(--kit-widget-spacing, 0px) + 0rem) 1rem;}.elementor-176 .elementor-element.elementor-element-2ff12ad{--margin-top:3rem;--margin-bottom:1rem;--margin-left:0rem;--margin-right:0rem;}.elementor-176 .elementor-element.elementor-element-09ec32a{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-176 .elementor-element.elementor-element-fd28c90{--margin-top:0rem;--margin-bottom:2rem;--margin-left:0rem;--margin-right:0rem;}.elementor-176 .elementor-element.elementor-element-f24ff1e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0rem 0rem 0rem 0rem;}.elementor-176 .elementor-element.elementor-element-2088f7b{--margin-top:0rem;--margin-bottom:2rem;--margin-left:0rem;--margin-right:0rem;}.elementor-176 .elementor-element.elementor-element-c31876f{width:100%;max-width:100%;padding:30px 5px 30px 5px;border-radius:9px 9px 9px 9px;}.elementor-176 .elementor-element.elementor-element-c31876f.elementor-wc-products  ul.products{grid-column-gap:10px;grid-row-gap:15px;}.elementor-176 .elementor-element.elementor-element-2ec0cf5{--margin-top:7rem;--margin-bottom:2rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-176 .elementor-element.elementor-element-51b9d52{width:100%;max-width:100%;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-176 .elementor-element.elementor-element-51b9d52.elementor-element{--align-self:center;}.elementor-176 .elementor-element.elementor-element-51b9d52 img{width:95%;max-width:95%;}.elementor-176 .elementor-element.elementor-element-2ff12ad{--gap:11px 9px;--row-gap:11px;--column-gap:9px;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:2rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-176 .elementor-element.elementor-element-09ec32a{--min-height:30vh;--e-con-grid-template-columns:repeat(1, 1fr);--gap:12px 3px;--row-gap:12px;--column-gap:3px;--grid-auto-flow:row;--padding-top:8px;--padding-bottom:8px;--padding-left:8px;--padding-right:8px;}.elementor-176 .elementor-element.elementor-element-cb8477d{--content-width:800px;--min-height:92px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:4px 4px 4px 4px;--padding-top:-7px;--padding-bottom:-7px;--padding-left:-7px;--padding-right:-7px;}.elementor-176 .elementor-element.elementor-element-7ebd445 .elementor-heading-title{font-size:0.7rem;}.elementor-176 .elementor-element.elementor-element-714e292{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:0.5rem;}.elementor-176 .elementor-element.elementor-element-f1754ff{--content-width:800px;--min-height:92px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:4px 4px 4px 4px;--padding-top:-7px;--padding-bottom:-7px;--padding-left:-7px;--padding-right:-7px;}.elementor-176 .elementor-element.elementor-element-5372846 .elementor-heading-title{font-size:0.7rem;}.elementor-176 .elementor-element.elementor-element-9f9e685{--content-width:800px;--min-height:92px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:4px 4px 4px 4px;--padding-top:-7px;--padding-bottom:-7px;--padding-left:-7px;--padding-right:-7px;}.elementor-176 .elementor-element.elementor-element-514582a .elementor-heading-title{font-size:0.7rem;}.elementor-176 .elementor-element.elementor-element-cacafa0{font-size:0.5rem;}}/* Start custom CSS for container, class: .elementor-element-fd28c90 */.elementor-176 .elementor-element.elementor-element-fd28c90::before {
  content: '';
  background: linear-gradient(50deg, transparent, #9c27b0, transparent); /* roxo */
  width: 100%;
  height: 1px;
  display: block;
}

.elementor-176 .elementor-element.elementor-element-fd28c90::after {
  content: '';
  background: linear-gradient(50deg, transparent, #9c27b0, transparent); /* roxo */
  width: 100%;
  height: 1px;
  display: block;
}/* End custom CSS */
/* Start custom CSS for wc-archive-products, class: .elementor-element-c31876f *//* ===== GARANTIA DE LARGURA MÁXIMA (ADICIONADO) =====
   Garante que o widget/área de archive products ocupe no máximo
   100% da viewport sem causar overflow horizontal ou cortar conteúdo.
   Mantém compatibilidade com o CSS existente (acréscimos mínimos).
*/
.woocommerce, .woocommerce * {
  box-sizing: border-box;
}

/* Container principal: não ultrapassar a viewport */
.woocommerce {
  width: 100%;
  max-width: 100vw; /* garante que não ultrapasse a tela */
  margin-left: auto;
  margin-right: auto;
  -webkit-overflow-scrolling: touch;
}

/* Lista de produtos: garantir comportamento flexível e responsivo */
ul.products {
  display: flex;
  flex-wrap: wrap; /* quebra linhas em vez de causar overflow */
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  /* padding-left/right originais aparecerão mais abaixo, não removi */
}

/* Itens de produto podem encolher para evitar overflow */
ul.products li.product {
  min-width: 0; /* essencial para evitar overflow em flex items */
  box-sizing: border-box;
}

/* Imagens: dimensionamento seguro para não causar overflow */
.products li.product img,
.woocommerce ul.products li.product img {
  max-width: 100%;
  width: 100%;
  height: auto;
  display: block;
  box-sizing: border-box;
}

/* Pseudo-elementos e ribbons: não forçar além da viewport */
.products li.product .woocommerce-LoopProduct-link::before,
.products li.product .woocommerce-LoopProduct-link::after,
.woocommerce ul.products li.product .onsale {
  box-sizing: border-box;
  max-width: 100vw;
  overflow: visible; /* deixa as rotações visuais, mas evita forçar largura */
}

/* Ordenação / dropdown: garantir espaço e evitar overflow */
.woocommerce-ordering {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
}

/* Evita que textos não quebráveis estoure a largura */
.woocommerce,
.woocommerce * {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* -------------------------------------------------------------------- */
/* INÍCIO DO CSS ORIGINAL (mantive todo o conteúdo que você enviou)    */
/* -------------------------------------------------------------------- */

/* 🔧 Adição: padding interno nos lados do container de produtos */
ul.products {
  padding-left: 15px;
  padding-right: 15px;
}

/* ===== Estilo do card do produto ===== */
.products li.product .woocommerce-LoopProduct-link {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 12px 24px rgba(0,0,0,0.08);
    padding: 0.2rem;
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
    font-family: 'Outfit', sans-serif;
    display: block;
}

/* Hover: destaque com elevação e escala */
.products li.product .woocommerce-LoopProduct-link:hover {
    box-shadow: 0 20px 30px rgba(0,0,0,0.15);
    transform: translateY(-5px) scale(1.02);
    border-color: #c224e3;
}

/* ===== Imagem ===== */
.products li.product img {
    border-radius: 12px;
    transition: transform 0.4s ease;
    width: 100%;
}

.products li.product .woocommerce-LoopProduct-link:hover img {
    transform: scale(1.05);
}

/* ===== Título ===== */
.products li.product h2.woocommerce-loop-product__title {
    font-size: 1rem;
    font-weight: 700;
    color: #222;
    margin-top: 15px;
}

/* ===== Preço ===== */
.products li.product .price {
    font-size: 1.4rem;
    font-weight: 800;
    color: #d32f2f;
    margin-top: 10px;
}

/* Preço riscado */
.products li.product .price del {
    color: #999;
    font-size: 1rem;
    margin-right: 6px;
}



/* ===== Overlay CTA que segue o mouse ===== */
.products li.product .woocommerce-LoopProduct-link::after {
    content: "";
    position: absolute;
    top: var(--mouse-y, 50%);
    left: var(--mouse-x, 50%);
    transform: translate(-50%, -50%) scale(0);
    background: rgba(194,36,227,0.9);
    color: #fff;
    padding: 12px 20px;
    border-radius: 20px;
    font-size: 0.9rem;
    white-space: nowrap;
    font-weight: 600;
    pointer-events: none;
    transition: transform 0.3s ease;
    z-index: 3;
}

/* Texto do overlay via hover */
.products li.product .woocommerce-LoopProduct-link:hover::after {
    content: "→ Clique e Garanta o Seu!";
    transform: translate(-50%, -50%) scale(1);
    animation: zoomIn 0.4s ease;
}

/* ===== Animação zoom in ===== */
@keyframes zoomIn {
    0% { transform: translate(-50%, -50%) scale(0.5); opacity: 0; }
    100% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
}

/* 🔥 Melhorar sombra dos cards */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    border-radius: 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* 🔥 Efeito hover suave */
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.25);
}

/* 🔥 Imagem do produto */
.woocommerce ul.products li.product img {
    border-radius: 15px;
    height: 230px;
    object-fit: cover;
}

/* 🔥 Ribbon oferta */
.woocommerce ul.products li.product .onsale {
    background: linear-gradient(135deg, #c224e3, #7a1cc9, #d972f1);
    color: #fff;
    font-weight: bold;
    padding: 5px 10px;
    transform: rotate(45deg);
    position: absolute;
    top: 15px;
    right: -25px;
    z-index: 9;
    font-size: 0.75rem;
    border-radius: 4px;
}

/* 🔥 Título */
.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
    font-size: 1.1rem;
    font-weight: 700;
    color: #222;
    margin-top: 10px;
}

/* 🔥 Preço */
.woocommerce ul.products li.product .price {
    font-size: 1rem;
    font-weight: 600;
    color: #e63946;
}

/* 🔥 Preço antigo tachado */
.woocommerce ul.products li.product .price del {
    color: #888;
}

/* 🔥 Botão */
.woocommerce ul.products li.product a.button {
    background: linear-gradient(135deg, #c224e3, #7a1cc9, #d972f1);
    color: #fff;
    font-weight: 600;
    border-radius: 8px;
    margin-top: 10px;
    transition: background 0.3s ease;
}

/* 🔥 Hover botão */
.woocommerce ul.products li.product a.button:hover {
    background: linear-gradient(135deg, #d972f1, #c224e3);
}

/* ==== Botão: oferta limitada ==== */
.woocommerce ul.products li.product a.button {
    background: linear-gradient(135deg, #c224e3, #7a1cc9, #d972f1);
    color: #fff;
    font-weight: 700;
    border-radius: 12px;
    padding: 12px 20px;
    display: inline-block;
    text-align: center;
    margin-top: 12px;
    box-shadow: 0 6px 15px rgba(0,0,0,0.2);
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
}

/* ==== Hover: mais claro e sobe ==== */
.woocommerce ul.products li.product a.button:hover {
    background: linear-gradient(135deg, #d972f1, #c224e3);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.3);
}

/* ==== Shine effect ==== */
.woocommerce ul.products li.product a.button::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(120deg, rgba(255,255,255,0.4) 0%, transparent 60%);
    transform: rotate(25deg);
    transition: all 0.6s ease;
    pointer-events: none;
}

/* ==== Hover: shine passando ==== */
.woocommerce ul.products li.product a.button:hover::before {
    left: 100%;
    top: 100%;
}

/* ==== Pulse em roxo ==== */
@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(194,36,227, 0.6); }
    70% { box-shadow: 0 0 0 10px rgba(194,36,227, 0); }
    100% { box-shadow: 0 0 0 0 rgba(194,36,227, 0); }
}

.woocommerce ul.products li.product a.button {
    animation: pulse 2.5s infinite;
}

/* Título: limitar em mobile */
@media (max-width: 480px) {
    .woocommerce ul.products li.product h2.woocommerce-loop-product__title {
        font-size: 0.9rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* ✅ Botão “Adicionar ao carrinho” em uma linha só */
    .woocommerce ul.products li.product a.button {
        font-size: 0.7rem;
        white-space: nowrap;
    }

    /* ✅ Preço e preço antigo na mesma linha */
    .woocommerce ul.products li.product .price {
        font-size: 0.85rem;
        display: flex;
        align-items: center;
        gap: 6px;
        flex-wrap: nowrap;
    }

    .woocommerce ul.products li.product .price del {
        font-size: 0.75rem;
        margin-right: 4px;
    }
}

/* Linhas decorativas */
.elementor-176 .elementor-element.elementor-element-c31876f::before {
  content: '';
  background: linear-gradient(90deg, transparent, #c224e3, transparent);
  width: 100%;
  margin-bottom: 4rem;
  height: 1px;
  display: block;
}
.elementor-176 .elementor-element.elementor-element-c31876f::after {
  content: '';
  background: linear-gradient(90deg, transparent, #c224e3, transparent);
  width: 100%;
  margin-top: 4rem;
  height: 1px;
  display: block;
}

/* Garante espaçamento e tamanho uniforme entre os produtos */
ul.products li.product {
  flex: 1 1 calc(33.33% - 20px); /* 3 colunas por linha, ajusta margem se necessário */
  margin: 10px;
  box-sizing: border-box;
}

/* Em telas menores, ajuste o número de colunas para manter as 3 linhas visíveis */
@media (max-width: 768px) {
  ul.products li.product {
    flex: 1 1 calc(50% - 20px); /* 2 colunas por linha */
  }
}

@media (max-width: 480px) {
  ul.products li.product {
    flex: 1 1 100%; /* 1 coluna por linha */
  }
}


/* -------------------------------------------------------------------- */
/* NOVO CSS: ESTILO DE RESULTADOS E DROPDOWN (Produtos do Arquivo) */
/* -------------------------------------------------------------------- */

/* Estilo do Container da Área de Filtros */
.woocommerce-ordering {
    display: flex; /* Garante que o dropdown fique alinhado */
    align-items: center;
    justify-content: flex-end; /* Alinha o dropdown à direita */
    margin-bottom: 20px;
}

/* 1. Estilização do Texto de Resultados ("Mostrando todos os X resultados") */
.woocommerce-result-count {
    color: #c224e3; /* Roxo principal da sua marca */
    font-size: 1rem;
    font-weight: 600;
    margin-right: auto; /* Empurra o texto para a esquerda, forçando o dropdown para a direita */
    text-shadow: 0 0 5px rgba(194, 36, 227, 0.3); /* Sombra suave roxa */
}

/* 2. Estilização do Dropdown (Campo <select>) */
.woocommerce-ordering select.orderby {
    /* Aparência */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #f7f7f7; /* Fundo cinza claro */
    color: #333; /* Texto preto para legibilidade */
    
    /* Layout */
    padding: 8px 30px 8px 12px;
    border: 2px solid #a61ad3; /* Borda roxa escura */
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    
    /* Remoção de margens default para melhor alinhamento */
    margin: 0; 
}

/* Efeito Hover no Dropdown */
.woocommerce-ordering select.orderby:hover {
    border-color: #c224e3; /* Borda mais clara no hover */
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* 3. Estilização do Ícone (Seta) do Dropdown */
/* O WooCommerce não usa um ícone simples, então o reposicionamos no container */
.woocommerce-ordering {
    position: relative;
}

/* Cria o ícone de seta customizado no canto do dropdown */
.woocommerce-ordering::after {
    content: '▼'; /* Seta para baixo Unicode */
    position: absolute;
    right: 10px; /* Alinha a seta no canto do select */
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none; /* Garante que o clique passe para o <select> */
    color: #a61ad3; /* Cor roxa para a seta */
    font-size: 0.8rem;
}

/* Move o ícone customizado para dentro do elemento de ordenação */
.woocommerce-ordering:has(select.orderby)::after {
    /* Ajusta a posição da seta para que ela caiba no select */
    right: 25px; 
}

/* -------------------------------------------------------------------- */
/* NOVO CSS: ESTILIZAÇÃO DO FUNDO DO WIDGET DE ARQUIVO */
/* -------------------------------------------------------------------- */

/* Seletor do Container Principal do WooCommerce (se o widget for o único elemento) */
.woocommerce {
    /* Opcional: Adiciona um padding extra ao redor de toda a área de produtos */
    padding: 0 0 30px 0; 
    
    /* Fundo Psicodélico Suave */
    background: #fcfcfc; /* Fundo branco sujo para evitar excesso de contraste */
    
    /* Sombra sutil para destacar a área de produtos do fundo da página */
    box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.05);
    
    /* Borda sutilmente arredondada para dar um toque mais orgânico */
    border-radius: 20px;
}

/* -------------------------------------------------------------------- */
/* CÓDIGO ANTERIOR: ESTILIZAÇÃO DE RESULTADOS E DROPDOWN (Reintegrado) */
/* -------------------------------------------------------------------- */

/* Estilo do Container da Área de Filtros */
.woocommerce-ordering {
    display: flex; 
    align-items: center;
    justify-content: flex-end; 
    margin-bottom: 20px;
}

/* 1. Estilização do Texto de Resultados ("Mostrando todos os X resultados") */
.woocommerce-result-count {
    color: #c224e3; /* Roxo principal da sua marca */
    font-size: 1rem;
    font-weight: 600;
    margin-right: auto; 
    text-shadow: 0 0 5px rgba(194, 36, 227, 0.3); 
}

/* 2. Estilização do Dropdown (Campo <select>) */
.woocommerce-ordering select.orderby {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff; 
    color: #333; 
    padding: 8px 30px 8px 12px;
    border: 2px solid #a61ad3; 
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    margin: 0; 
}

/* Efeito Hover no Dropdown */
.woocommerce-ordering select.orderby:hover {
    border-color: #c224e3; 
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* 3. Estilização do Ícone (Seta) do Dropdown */
.woocommerce-ordering {
    position: relative;
}

.woocommerce-ordering::after {
    content: '▼'; 
    position: absolute;
    right: 10px; 
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none; 
    color: #a61ad3; 
    font-size: 0.8rem;
}

.woocommerce-ordering:has(select.orderby)::after {
    right: 25px; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ec0cf5 */.elementor-176 .elementor-element.elementor-element-2ec0cf5::before {
  content: '';
  background: linear-gradient(50deg, transparent, #c224e3, transparent);
  width: 100%;
  height: 1px;
  display: block;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cb8477d */.entrega-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* Gradiente roxo */
    background: linear-gradient(135deg, #c224e3 0%, #9a19c5 100%) !important;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2); 
    padding: 1.5rem 1rem; 
    height: auto; 
    text-align: center;
    color: #fff;
    transition: all 0.4s ease;
    background-size: 200% 200%;
    animation: gradientMove 6s ease infinite;
    gap: 0.8rem;
}

/* SELETOR CORRIGIDO: Agora aponta para a tag <svg> dentro do wrapper do ícone */
.entrega-card .elementor-icon svg { 
    font-size: 3rem; /* Tamanho do ícone (ajustado de 3rem para o SVG) */
    width: 3rem; /* Garante que o SVG tenha o tamanho correto */
    height: 3rem;
    fill: #fff; /* A propriedade 'fill' define a cor do SVG */
    /* Brilho sutil */
    filter: drop-shadow(0 0 12px rgba(255, 255, 255, 0.8)) drop-shadow(0 0 5px rgba(255, 255, 255, 0.5));
    animation: moveIdle 2s ease-in-out infinite;
    transition: transform 0.4s ease;
}

/* SELETOR CORRIGIDO: Ativa a animação no hover no <svg> */
.entrega-card:hover .elementor-icon svg {
    animation: truckMove 1.5s ease forwards;
}

.entrega-card h2 {
    font-size: 1.3rem; 
    margin: 0;
    font-weight: 700; 
}

.entrega-card p {
    font-size: 0.85rem; 
    margin: 0;
    line-height: 1.5; 
}

.entrega-card:hover {
    transform: scale(1.07) rotateX(3deg) rotateY(3deg); 
    box-shadow: 0 20px 50px rgba(0,0,0,0.4);
    cursor: pointer; 
}

/* Animações (mantidas as originais) */
@keyframes gradientMove {
    0% {background-position: 0% 50%;}
    50% {background-position: 100% 50%;}
    100% {background-position: 0% 50%;}
}

@keyframes moveIdle {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

@keyframes truckMove {
    0%   { transform: translateX(0); opacity: 1; }
    49%  { transform: translateX(300%); opacity: 0; }
    50%  { transform: translateX(-300%); opacity: 0; }
    51%  { transform: translateX(-300%); opacity: 0; }
    100% { transform: translateX(0); opacity: 1; }
}

/* Responsivo mobile */
@media (max-width: 768px) {
    .entrega-card {
        padding: 1rem;
        border-radius: 15px;
        gap: 0.6rem;
    }

    .entrega-card .elementor-icon svg {
        font-size: 2.2rem;
        width: 2.2rem;
        height: 2.2rem;
    }

    .entrega-card h2 {
        font-size: 1.1rem;
    }

    .entrega-card p {
        font-size: 0.75rem; 
    }
}

/* Responsivo container para empilhar */
@media (max-width: 768px) {
    .entrega-cards-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1.5rem;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1754ff */.entrega-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #c224e3, #6e1b91);
    border-radius: 20px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    padding: 0.1rem;
    height: auto; /* garante altura apenas pelo conteúdo */
    text-align: center;
    color: #fff;
    transition: all 0.4s ease;
    background-size: 200% 200%;
    animation: gradientMove 6s ease infinite;
    gap: 0.5rem;
}

.entrega-card i {
    font-size: 2.5rem;
    color: #fff;
    text-shadow: 0 0 10px rgba(255,255,255,0.7);
    animation: moveIdle 2s ease-in-out infinite;
}

.entrega-card h2 {
    font-size: 1.2rem;
    margin: 0;
}

.entrega-card p {
    font-size: 0.7rem;
    margin: 0;
    line-height: 1.3;
}

/* Responsivo mobile */
@media (max-width: 768px) {
    .entrega-card {
        padding: 0.8rem;
        border-radius: 15px;
        gap: 0.4rem;
    }

    .entrega-card i {
        font-size: 2rem;
    }

    .entrega-card h2 {
        font-size: 1rem;
    }

    .entrega-card p {
        font-size: 0.65rem;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f9e685 */.entrega-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #ff5100, #ff7e00);
    border-radius: 20px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    padding: 0.1rem;
    height: auto; /* garante altura apenas pelo conteúdo */
    text-align: center;
    color: #fff;
    transition: all 0.4s ease;
    background-size: 200% 200%;
    animation: gradientMove 6s ease infinite;
    gap: 0.5rem;
}

.entrega-card i {
    font-size: 2.5rem;
    color: #fff;
    text-shadow: 0 0 10px rgba(255,255,255,0.7);
    animation: moveIdle 2s ease-in-out infinite;
}

.entrega-card h2 {
    font-size: 1.2rem;
    margin: 0;
}

.entrega-card p {
    font-size: 0.7rem;
    margin: 0;
    line-height: 1.3;
}

/* Responsivo mobile */
@media (max-width: 768px) {
    .entrega-card {
        padding: 0.8rem;
        border-radius: 15px;
        gap: 0.4rem;
    }

    .entrega-card i {
        font-size: 2rem;
    }

    .entrega-card h2 {
        font-size: 1rem;
    }

    .entrega-card p {
        font-size: 0.65rem;
    }
}/* End custom CSS */