.elementor-44 .elementor-element.elementor-element-61651f6{--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-44 .elementor-element.elementor-element-61651f6:not(.elementor-motion-effects-element-type-background), .elementor-44 .elementor-element.elementor-element-61651f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.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-44 .elementor-element.elementor-element-2fc8f41{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-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-44 .elementor-element.elementor-element-7e7d055{padding:20px 20px 20px 20px;}.elementor-44 .elementor-element.elementor-element-7e7d055 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:48px;font-weight:800;color:var( --e-global-color-accent );}.elementor-44 .elementor-element.elementor-element-50fdc00{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.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;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-categories .woocommerce-loop-category__title .count{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-44 .elementor-element.elementor-element-4ecd46b .product{text-align:center;}.elementor-44 .elementor-element.elementor-element-4ecd46b.elementor-wc-products  ul.products{grid-column-gap:7px;grid-row-gap:20px;}.elementor-44 .elementor-element.elementor-element-4ecd46b .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-secondary );}.elementor-44 .elementor-element.elementor-element-0e7eedd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-44 .elementor-element.elementor-element-3d24d64 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:48px;font-weight:800;}.elementor-44 .elementor-element.elementor-element-f11ac6c{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-44 .elementor-element.elementor-element-3c786a6{--grid-columns:4;--grid-row-gap:0px;}@media(max-width:1024px){.elementor-44 .elementor-element.elementor-element-3c786a6{--grid-columns:2;}}@media(max-width:767px){.elementor-44 .elementor-element.elementor-element-3c786a6{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-50fdc00 *//* * Seletor do widget (ex: .meu-filtro-categorias ou .elementor-element-4ecd46b)
 */

/* 1. Transforma a lista em uma linha horizontal flexível */

/* NOVO: Adiciona o título "FILTRO:" acima dos botões */

.elementor-element-4ecd46b .woocommerce ul.products {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    gap: 10px;
}

/* 2. Reseta o estilo de "card" de cada item */
.elementor-element-4ecd46b .woocommerce li.product-category {
    width: auto;
    max-width: none;
    min-width: 0;
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
    border: none;
    box-shadow: none;
    background: none;
}

/* 3. Esconde a imagem de placeholder */
.elementor-element-4ecd46b .woocommerce li.product-category img {
    display: none !important;
}

/* --- MUDANÇAS PRINCIPAIS ABAIXO --- */

/* 4. Estiliza o LINK (<a>) como o BOTÃO (APENAS o fundo e a forma) */
.elementor-element-4ecd46b .woocommerce li.product-category a {
    display: block;
    padding: 10px 18px;
    background-color: #eeeeee; /* Fundo cinza padrão */
    text-decoration: none;
    border-radius: 8px;
    text-align: center;
    white-space: nowrap;
    /* Transição SÓ para o fundo */
    transition: background-color 0.2s ease;
    /* A regra 'color' foi REMOVIDA daqui */
}

/* 5. Estiliza o TEXTO (H2) (APENAS a cor e a fonte) */
.elementor-element-4ecd46b .woocommerce li.product-category h2.woocommerce-loop-category__title {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    line-height: 1.2;
    color: #555555; /* <-- COR PADRÃO (preto claro) aplicada aqui */
    /* Transição SÓ para a cor do texto */
    transition: color 0.2s ease;
}

/* 6. Esconde a contagem de produtos (ex: "(1)", "(2)") */
.elementor-element-4ecd46b .woocommerce li.product-category h2 mark.count {
    display: none;
}

/* 7. Estilo do BOTÃO ATIVO (fundo) */
.elementor-element-4ecd46b .woocommerce li.product-category.current-cat a {
    background-color: #ff5722;
}

/* 8. Estilo do TEXTO ATIVO (cor) */
.elementor-element-4ecd46b .woocommerce li.product-category.current-cat a h2.woocommerce-loop-category__title {
    color: #ffffff; /* Cor branca para o item ativo */
}

/* 9. Efeito HOVER no BOTÃO (fundo) */
.elementor-element-4ecd46b .woocommerce li.product-category:not(.current-cat) a:hover {
    background-color: #FF4D00; /* Laranja no hover */
}

/* 10. Efeito HOVER no TEXTO (cor) */
.elementor-element-4ecd46b .woocommerce li.product-category:not(.current-cat) a:hover h2.woocommerce-loop-category__title {
    color: #ffffff; /* Letra branca no hover */
}

/* Título "FILTRO:" */
.elementor-element-4ecd46b .woocommerce::before {
    content: "Filtro:";
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #333333;
    margin-bottom: 12px;
    text-transform: uppercase;
    font-family: 'Inter', Arial, sans-serif; /* <-- MUDANÇA DA FONTE */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e7eedd *//* * Seletor principal do seu widget Loop Grid
 * (Use .elementor-element-3c786a6 ou crie uma classe 
 * personalizada no widget, ex: .meus-product-cards)
 */

/* 1. O Card (O "Loop Item" completo) */
.elementor-element-3c786a6 .e-loop-item {
    background-color: #ffffff;
    border-radius: 12px; /* Bordas mais modernas */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07); /* Sombra suave */
    overflow: hidden; /* Garante que a imagem não vaze */
    
    /* Força o layout de coluna e garante que os cards tenham a mesma altura */
    display: flex;
    flex-direction: column;
    height: 100%; 
    
    /* Efeito de transição */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* 2. Efeito Hover no Card */
.elementor-element-3c786a6 .e-loop-item:hover {
    transform: translateY(-5px); /* Efeito de "levantar" */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

/* 3. A Imagem (remove a borda interna e deixa o card controlar) */
.elementor-element-3c786a6 .elementor-193 .elementor-element-995934b img {
    border-radius: 0 !important; 
    width: 100%;
    height: auto;
    object-fit: cover; /* Garante que as imagens preencham o espaço */
}

/* 4. Container de Conteúdo (Imagem/Título/Preço) 
 * Esta é a mágica: faz este container crescer e empurrar o botão para baixo.
 */
.elementor-element-3c786a6 .elementor-193 .elementor-element-11d550b {
    flex-grow: 1; 
    padding: 16px; /* Espaçamento interno para o texto */
}

/* 5. Título do Produto (Ajuste de fonte) */
.elementor-element-3c786a6 .elementor-193 .elementor-element-9666155 .elementor-heading-title {
    font-size: 18px !important;  /* Mais apropriado para um card */
    font-weight: 600 !important; /* Mais legível */
    color: #222 !important;
    margin-bottom: 8px; /* Espaço abaixo do título */
}

/* 6. Preço do Produto */
.elementor-element-3c786a6 .elementor-193 .elementor-element-13f23e0 .price {
    font-size: 16px;
    font-weight: 500;
    color: #555;
}

/* 7. Container do Botão (Resetar estilos estranhos) */
.elementor-element-3c786a6 .elementor-193 .elementor-element-c21edcc {
    border: none !important; /* Remove a borda que está no HTML */
    padding: 0 16px 16px 16px; /* Espaçamento para o botão */
    background-color: #ffffff; /* Garante fundo branco */
}
/* --- MUDANÇA NO BOTÃO (Conforme sua imagem) --- */

/* 8. O Botão (Estilo "vazado") */
.elementor-element-3c786a6 .elementor-193 .elementor-element-a088137 .elementor-button {
    background-color: #ffffff;
    color: #FF4D00; /* Cor do texto laranja */
    border: 2px solid #FF4D00; /* Borda laranja */
    width: 100%;
    text-align: center;
    border-radius: 8px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    padding: 12px 16px;
    transition: background-color 0.2s ease, color 0.2s ease;
}

/* 9. Efeito Hover no Botão (Inverte as cores) */
.elementor-element-3c786a6 .elementor-193 .elementor-element-a088137 .elementor-button:hover {
    background-color: #FF4D00; /* Fundo laranja */
    color: #ffffff; /* Texto branco */
}

/* --- NOVO CSS para Preço Parcelado/PIX --- */

/* 10. Estilo para o container do novo texto (PIX/Parcelado) */
.product-dynamic-pricing {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    padding: 0 16px; /* Alinha com o resto do conteúdo */
    margin-top: -10px; /* Puxa para mais perto do preço */
    margin-bottom: 12px;
}

/* 11. Estilo para o texto parcelado (cinza) */
.product-dynamic-pricing .installment-price {
    color: #757575;
}

/* 12. Estilo para o texto do PIX (laranja) */
.product-dynamic-pricing .pix-price {
    color: #FF4D00; /* Laranja */
    font-weight: 600; /* Destaque */
}/* End custom CSS */