.elementor-7375 .elementor-element.elementor-element-f876f89{--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;}/* Start custom CSS for shortcode, class: .elementor-element-ea2d10b */.woocommerce ul.products li.product {
  border: 1px solid #eee;
  padding: 15px;
  border-radius: 8px;
  text-align: center;
}

.woocommerce ul.products li.product .button {
  background-color: #fc9484; /* cor do botão */
  color: #051224;
  border-radius: 20px;
}

/* 🔘 Botão "Comprar" - diminuir fonte e padding */
.woocommerce ul.products li.product .button {
  font-size: 14px;        /* diminui a fonte */
  padding: 12px 10px;      /* ajusta o espaçamento interno */
  border-radius: 20px;    /* opcional: deixa mais arredondado */
}

/* 🏷️ Título do produto - aumentar um pouco */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 1.1em;       /* aumenta levemente */
  font-weight: 600;       /* deixa mais marcante */
  text-align: center;     /* centraliza (opcional) */
}

/* 💲 Preço - aumentar um pouco */
.woocommerce ul.products li.product .price {
  font-size: 1.4em;      /* aumenta levemente */
  font-weight: 500;
  color: #004aad;            /* ajuste a cor se quiser */
}

/* 🟢 Balãozinho "Oferta!" - mudar cor */
.woocommerce span.onsale {
  background-color: #65ac07; /* cor personalizada */
  color: #fff;               /* cor do texto */
  font-size: 12px;
  font-weight: bold;
  border-radius: 50px;       /* formato mais arredondado */
  padding: px 5px;
}

/* 📐 Deixar todos os cards com botão na mesma altura */
.woocommerce ul.products li.product {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.woocommerce ul.products li.product .button {
  margin-top: auto; /* força o botão a ficar alinhado no final do card */
}

/* 🔲 Estrutura dos cards: força alinhamento vertical */
.woocommerce ul.products li.product {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* 📐 Área de conteúdo do produto */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price {
  margin-bottom: 10px; /* espaço padrão entre título e preço */
}

/* 💲 Espaçamento extra entre preço e botão */
.woocommerce ul.products li.product .price {
  margin-bottom: 21px; /* ajuste aqui para mais ou menos espaço */
}

/* 🔘 Botão sempre alinhado no final do card */
.woocommerce ul.products li.product .button {
  margin-top: auto;       /* empurra o botão para o fim */
  align-self: center;     /* centraliza horizontalmente */
  font-size: 13px;
  padding: 6px 14px;
}

/* 🔘 Botão "Comprar" - tamanho fixo e proporcional */
.woocommerce ul.products li.product .button {
  font-size: 14px;          /* aumenta a fonte */
  padding: 8px 18px;        /* aumenta o espaçamento interno */
  min-height: 40px;         /* altura mínima para todos os botões */
  line-height: 1.2;         /* melhora a proporção do texto */
  display: inline-flex;     
  align-items: center;      /* centraliza verticalmente o texto */
  justify-content: center;  /* centraliza horizontalmente */
}/* End custom CSS */