.elementor-157 .elementor-element.elementor-element-8c94892{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:18px;--padding-left:24px;--padding-right:24px;}.elementor-157 .elementor-element.elementor-element-8c94892:not(.elementor-motion-effects-element-type-background), .elementor-157 .elementor-element.elementor-element-8c94892 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-wc-categories .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-widget-wc-categories .woocommerce-loop-category__title .count{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-157 .elementor-element.elementor-element-5b2e8f2.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-157 .elementor-element.elementor-element-4863780{--display:flex;--padding-top:34px;--padding-bottom:54px;--padding-left:24px;--padding-right:24px;}.elementor-157 .elementor-element.elementor-element-4863780:not(.elementor-motion-effects-element-type-background), .elementor-157 .elementor-element.elementor-element-4863780 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-157 .elementor-element.elementor-element-9038352 .rtsb-elementor-container .rtsb-row{grid-template-columns:repeat(0, minmax(0, 1fr));margin-left:calc(-30px / 2);margin-right:calc(-30px / 2);}.elementor-157 .elementor-element.elementor-element-9038352 .rtsb-elementor-container .rtsb-row.rtsb-masonry{--rtsb-masonry-columns:0;}.elementor-157 .elementor-element.elementor-element-9038352 .rtsb-elementor-container .rtsb-row[class*="list-layout"].rtsb-masonry{--rtsb-masonry-list-columns:0;}.elementor-157 .elementor-element.elementor-element-9038352{--rtsb-color-primary:#000000;--rtsb-color-secondary:#111;--rtsb-color-loader:#111;}.elementor-157 .elementor-element.elementor-element-9038352 .rtsb-elementor-container [class*=rtsb-col-]{padding-left:calc(30px / 2);padding-right:calc(30px / 2);}.elementor-157 .elementor-element.elementor-element-9038352 .rtsb-elementor-container .rtsb-slider-layout3{--rtsb-slider-layout3-spacing:30px;}.elementor-157 .elementor-element.elementor-element-9038352 .rtsb-elementor-container .rtsb-slider-layout9{--rtsb-slider-layout9-spacing:30px;}.elementor-157 .elementor-element.elementor-element-9038352 .rtsb-elementor-container .rtsb-product, .elementor-157 .elementor-element.elementor-element-9038352 .rtsb-elementor-container .rtsb-category-grid{margin-bottom:30px;}.elementor-157 .elementor-element.elementor-element-9038352 .rtsb-elementor-container .product-title{text-align:center;}.elementor-157 .elementor-element.elementor-element-9038352 .rtsb-elementor-container .product-price{text-align:center;}body.elementor-page-157:not(.elementor-motion-effects-element-type-background), body.elementor-page-157 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-157 .elementor-element.elementor-element-9038352 .rtsb-elementor-container .rtsb-row{grid-template-columns:repeat(2, minmax(0, 1fr));}.elementor-157 .elementor-element.elementor-element-9038352 .rtsb-elementor-container .rtsb-row.rtsb-masonry{--rtsb-masonry-columns:2;}.elementor-157 .elementor-element.elementor-element-9038352 .rtsb-elementor-container .rtsb-row[class*="list-layout"].rtsb-masonry{--rtsb-masonry-list-columns:2;}}@media(min-width:768px){.elementor-157 .elementor-element.elementor-element-8c94892{--content-width:1120px;}.elementor-157 .elementor-element.elementor-element-4863780{--content-width:1240px;}}@media(max-width:767px){.elementor-157 .elementor-element.elementor-element-8c94892{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-157 .elementor-element.elementor-element-4863780{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-157 .elementor-element.elementor-element-9038352 .rtsb-elementor-container .rtsb-row{grid-template-columns:repeat(2, minmax(0, 1fr));}.elementor-157 .elementor-element.elementor-element-9038352 .rtsb-elementor-container .rtsb-row.rtsb-masonry{--rtsb-masonry-columns:2;}.elementor-157 .elementor-element.elementor-element-9038352 .rtsb-elementor-container .rtsb-row[class*="list-layout"].rtsb-masonry{--rtsb-masonry-list-columns:2;}}/* Start custom CSS for wc-categories, class: .elementor-element-5b2e8f2 *//* ========================================================== ZAVIELA — CATEGORIAS DE PRODUTO EM CARROSSEL Classe do widget: zaviela-categorias
========================================================== */.zaviela-categorias { --zaviela-columns: 6; --zaviela-gap: 28px; --zaviela-image-size: 150px; --zaviela-arrow-size: 46px; position: relative !important; width: 100% !important; max-width: 100% !important; overflow: visible !important;
} /* Evita que containers do Elementor cortem as setas */
.zaviela-categorias,
.zaviela-categorias >.elementor-widget-container,
.zaviela-categorias.woocommerce,
.zaviela-categorias.woocommerce-product-categories { overflow: visible !important;
} /* ========================================================== LISTA PRINCIPAL
========================================================== */.zaviela-categorias.woocommerce ul.products,
.zaviela-categorias ul.products { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: flex-start !important; /* Centraliza os itens no desktop */ justify-content: center !important; width: 100% !important; max-width: 100% !important; gap: var(--zaviela-gap) !important; margin: 0 auto !important; padding: 18px 4px 28px !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-behavior: smooth !important; scroll-snap-type: x mandatory !important; scroll-padding-inline: 4px; scrollbar-width: none !important; -ms-overflow-style: none !important; -webkit-overflow-scrolling: touch; overscroll-behavior-inline: contain; touch-action: pan-x;
}.zaviela-categorias.woocommerce ul.products::-webkit-scrollbar,
.zaviela-categorias ul.products::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important;
} /* ========================================================== CARD DA CATEGORIA
========================================================== */.zaviela-categorias li.product-category,
.zaviela-categorias ul.products li.product-category,
.zaviela-categorias.woocommerce ul.products li.product-category { position: relative !important; float: none !important; clear: none !important; flex: 0 0 calc( (100% - (var(--zaviela-gap) * (var(--zaviela-columns) - 1))) / var(--zaviela-columns) ) !important; width: calc( (100% - (var(--zaviela-gap) * (var(--zaviela-columns) - 1))) / var(--zaviela-columns) ) !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; text-align: center !important; scroll-snap-align: start !important; scroll-snap-stop: always;
} /* Remove possíveis pseudo-elementos do WooCommerce */
.zaviela-categorias ul.products::before,
.zaviela-categorias ul.products::after { display: none !important; content: none !important;
} /* Link do card */
.zaviela-categorias li.product-category > a { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; height: 100% !important; color: #3c281e !important; text-decoration: none !important; outline: none !important; transition: transform 0.35s ease, color 0.35s ease !important;
} /* ========================================================== IMAGEM
========================================================== */.zaviela-categorias li.product-category > a img { display: block !important; width: var(--zaviela-image-size) !important; height: var(--zaviela-image-size) !important; max-width: 100% !important; min-width: 0 !important; margin: 0 auto 15px !important; padding: 0 !important; aspect-ratio: 1 / 1; object-fit: cover !important; object-position: center !important; border: 1px solid rgba(67, 42, 31, 0.10) !important; border-radius: 50% !important; background-color: #f5f1ed !important; box-shadow: 0 10px 28px rgba(61, 40, 30, 0.07), inset 0 0 0 5px rgba(255, 255, 255, 0.42) !important; transform: translateZ(0); transition: transform 0.45s cubic-bezier(.2,.75,.25, 1), box-shadow 0.45s ease, border-color 0.45s ease !important;
} /* ========================================================== TÍTULO
========================================================== */.zaviela-categorias
li.product-category
.woocommerce-loop-category__title { position: relative !important; display: block !important; width: 100% !important; margin: 0 !important; padding: 0 4px 11px !important; color: #3d291f !important; font-family: "Cormorant Garamond", "Times New Roman", serif !important; font-size: 21px !important; font-weight: 500 !important; line-height: 1.15 !important; letter-spacing: 0.01em !important; text-align: center !important; transition: color 0.3s ease !important;
} /* Linha decorativa abaixo do nome */
.zaviela-categorias
li.product-category
.woocommerce-loop-category__title::after { content: "" !important; position: absolute !important; left: 50% !important; bottom: 0 !important; width: 20px !important; height: 1px !important; background: #967565 !important; transform: translateX(-50%) !important; transition: width 0.35s ease !important;
} /* Remove quantidade: (1), (2), etc. */
.zaviela-categorias
li.product-category
.woocommerce-loop-category__title
.count { display: none !important;
} /* ========================================================== HOVER
========================================================== */ @media (hover: hover) and (pointer: fine) {.zaviela-categorias li.product-category:hover > a { transform: translateY(-4px) !important; }.zaviela-categorias li.product-category:hover > a img { border-color: rgba(67, 42, 31, 0.20) !important; box-shadow: 0 18px 42px rgba(61, 40, 30, 0.13), inset 0 0 0 5px rgba(255, 255, 255, 0.58) !important; transform: scale(1.035) !important; }.zaviela-categorias li.product-category:hover.woocommerce-loop-category__title { color: #765343 !important; }.zaviela-categorias li.product-category:hover.woocommerce-loop-category__title::after { width: 38px !important; }
} /* ========================================================== SETAS
========================================================== */.zaviela-cat-arrow { position: absolute !important; z-index: 9999 !important; top: calc(var(--zaviela-image-size) / 2 + 18px) !important; display: flex !important; align-items: center !important; justify-content: center !important; width: var(--zaviela-arrow-size) !important; height: var(--zaviela-arrow-size) !important; min-width: var(--zaviela-arrow-size) !important; min-height: var(--zaviela-arrow-size) !important; margin: 0 !important; padding: 0 !important; border: 1px solid rgba(61, 40, 30, 0.20) !important; border-radius: 50% !important; color: #3d291f !important; background: rgba(255, 255, 255, 0.96) !important; box-shadow: 0 8px 26px rgba(61, 40, 30, 0.14) !important; opacity: 1 !important; visibility: visible !important; cursor: pointer !important; appearance: none !important; -webkit-appearance: none !important; transform: translateY(-50%) !important; transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease, opacity 0.25s ease !important;
} /* Remove estilos do tema ou Elementor */
.zaviela-cat-arrow::before,
.zaviela-cat-arrow::after { display: none !important; content: none !important;
}.zaviela-cat-arrow svg { display: block !important; width: 19px !important; height: 19px !important; margin: 0 !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.8 !important; stroke-linecap: round !important; stroke-linejoin: round !important; pointer-events: none !important;
}.zaviela-cat-prev { left: -23px !important;
}.zaviela-cat-next { right: -23px !important;
}.zaviela-cat-arrow:hover { color: #ffffff !important; background: #3d291f !important; border-color: #3d291f !important; box-shadow: 0 11px 30px rgba(61, 40, 30, 0.22) !important; transform: translateY(-50%) scale(1.06) !important;
}.zaviela-cat-arrow:focus-visible { outline: 2px solid #967565 !important; outline-offset: 3px !important;
} /* Seta desativada continua aparecendo */
.zaviela-cat-arrow:disabled { opacity: 0.30 !important; visibility: visible !important; color: #3d291f !important; background: rgba(255, 255, 255, 0.94) !important; cursor: default !important; pointer-events: none !important;
} /* Esconde somente quando realmente não houver carrossel */
.zaviela-categorias.sem-carrossel.zaviela-cat-arrow { display: none !important;
} /* ========================================================== NOTEBOOK
========================================================== */ @media (max-width: 1200px) {.zaviela-categorias { --zaviela-columns: 5; --zaviela-gap: 22px; --zaviela-image-size: 138px; }.zaviela-cat-prev { left: -12px !important; }.zaviela-cat-next { right: -12px !important; }
} /* ========================================================== TABLET
========================================================== */ @media (max-width: 1024px) {.zaviela-categorias { --zaviela-columns: 4; --zaviela-gap: 20px; --zaviela-image-size: 128px; --zaviela-arrow-size: 42px; }.zaviela-categorias.woocommerce ul.products,.zaviela-categorias ul.products { /* Mantém o início acessível durante a rolagem */ justify-content: flex-start !important; padding-inline: 12px !important; }.zaviela-cat-prev { left: 0 !important; }.zaviela-cat-next { right: 0 !important; }
} /* ========================================================== MOBILE Mostra aproximadamente 2,3 categorias e mantém as setas
========================================================== */ @media (max-width: 767px) {.zaviela-categorias { --zaviela-gap: 14px; --zaviela-image-size: 112px; --zaviela-arrow-size: 38px; }.zaviela-categorias.woocommerce ul.products,.zaviela-categorias ul.products { justify-content: flex-start !important; gap: var(--zaviela-gap) !important; padding: 14px 37px 22px !important; scroll-padding-inline: 37px !important; }.zaviela-categorias li.product-category,.zaviela-categorias ul.products li.product-category,.zaviela-categorias.woocommerce ul.products li.product-category { flex: 0 0 calc((100% - var(--zaviela-gap)) / 2.25) !important; width: calc((100% - var(--zaviela-gap)) / 2.25) !important; }.zaviela-categorias li.product-category.woocommerce-loop-category__title { padding-inline: 0 !important; font-size: 18px !important; line-height: 1.1 !important; }.zaviela-cat-arrow { top: calc(var(--zaviela-image-size) / 2 + 14px) !important; display: flex !important; opacity: 1 !important; visibility: visible !important; box-shadow: 0 5px 18px rgba(61, 40, 30, 0.18) !important; }.zaviela-cat-prev { left: 4px !important; }.zaviela-cat-next { right: 4px !important; }
} /* ========================================================== MOBILE PEQUENO
========================================================== */ @media (max-width: 480px) {.zaviela-categorias { --zaviela-gap: 12px; --zaviela-image-size: 104px; --zaviela-arrow-size: 36px; }.zaviela-categorias.woocommerce ul.products,.zaviela-categorias ul.products { justify-content: flex-start !important; padding: 12px 34px 20px !important; scroll-padding-inline: 34px !important; }.zaviela-categorias li.product-category,.zaviela-categorias ul.products li.product-category,.zaviela-categorias.woocommerce ul.products li.product-category { flex: 0 0 calc((100% - var(--zaviela-gap)) / 2.1) !important; width: calc((100% - var(--zaviela-gap)) / 2.1) !important; }.zaviela-categorias li.product-category.woocommerce-loop-category__title { font-size: 17px !important; }.zaviela-cat-prev { left: 2px !important; }.zaviela-cat-next { right: 2px !important; }
} /* ========================================================== TELAS MUITO PEQUENAS
========================================================== */ @media (max-width: 360px) {.zaviela-categorias { --zaviela-image-size: 94px; --zaviela-arrow-size: 34px; }.zaviela-categorias li.product-category.woocommerce-loop-category__title { font-size: 16px !important; }
}/* End custom CSS */