.elementor-565 .elementor-element.elementor-element-aa7e590{--display:flex;}.elementor-565 .elementor-element.elementor-element-b5223c1{--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-565 .elementor-element.elementor-element-c16cfaa{padding:10px 0px 20px 0px;text-align:center;}.elementor-565 .elementor-element.elementor-element-c16cfaa .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;color:var( --e-global-color-d9a1cdd );}.elementor-565 .elementor-element.elementor-element-9b840ad{--display:flex;}.elementor-565 .elementor-element.elementor-element-538b018{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-50a7260 */<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;
}

/* Define uma altura fixa para o título, alinhando o que vem embaixo */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3 {
    min-height: 50px !important; /* Esse é o tamanho da "caixa" do texto */
    display: flex !important;
    align-items: center !important; /* Centraliza o texto verticalmente se for curto */
    justify-content: center !important; /* Centraliza o texto horizontalmente */
}
</style>/* End custom CSS */