.elementor-989 .elementor-element.elementor-element-e4942ec{--display:flex;}.elementor-989 .elementor-element.elementor-element-835f530{--display:flex;}.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-989 .elementor-element.elementor-element-cf30b08{padding:10px 0px 20px 0px;text-align:center;}.elementor-989 .elementor-element.elementor-element-cf30b08 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;color:var( --e-global-color-d9a1cdd );}.elementor-989 .elementor-element.elementor-element-5bf1948{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-aeae91f */<style>
/* 1. Arredonda as pontas das imagens dos produtos da vitrine para 20px */
.woocommerce ul.products li.product a img {
    border-radius: 20px !important;
}

/* 2. Deixa a cor do nome do produto preta */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: #000000 !important;
}

/* 3. Deixa a cor do preço do produto preta também */
.woocommerce ul.products li.product .price {
    color: #000000 !important;
}

/* Centraliza absolutamente tudo dentro da caixa do produto (imagem, palavras e botão) */
.woocommerce ul.products li.product {
    text-align: center !important; /* Centraliza o título e o preço */
    align-items: center !important; /* Força tudo a ficar no meio da coluna */
}

/* Garante que o link invisível que envolve a foto também fique centralizado */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
}

/* 1. SELETOR FORTALECIDO: Força o raio da borda de 20px nas imagens da vitrine */
.elementor-wc-products ul.products li.product a img,
.woocommerce ul.products li.product a img,
ul.products li.product a img {
    border-radius: 20px !important;
}

/* 2. Mantém a cor do nome do produto preta e centralizada */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: #000000 !important;
    text-align: center !important;
    display: block !important;
}

/* 3. Mantém a cor do preço do produto preta e centralizada também */
.woocommerce ul.products li.product .price {
    color: #000000 !important;
    text-align: center !important;
    display: block !important;
}
</style>/* End custom CSS */