/* Container de todos os cards */
.card2 {
  display: flex;
  flex-wrap: wrap; /* permite quebra em telas menores */
  gap: 30px; /* espaçamento entre os cards */
  max-width: 1200px;
  margin: 0 auto;
  align-items: stretch; /* força todos os cards a terem a mesma altura */
}

/* Estilo do card individual */
.cardprodutopadrao {
  font-family: "Golos Text", sans-serif;
  flex: 1 1 277px; /* ocupa o mesmo espaço, com tamanho mínimo de 277px */
  max-width: 277px;
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* força espaçamento interno equilibrado */
  background-color: #F1F1F1;
  min-height: 245px;
  max-height: 245px:
  padding-bottom: 30px;
}

/* Barra superior colorida do card */
.cardprodutopadrao .faixacard {
  height: 4px;
  background-color: #4D6873;
  width: 99px;
  margin-bottom: 10px;
}

/* Conteúdo interno do card */
.cardprodutopadrao .conteudocard {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 30px;
  justify-content: space-between;
}

/* Título do card */
.cardprodutopadrao .conteudocard h3 {
  margin: 0 0 10px 0;
  font-weight: 600;
  font-size: 30px;
  line-height: 50px;
}

/* Botão do card */
.cardprodutopadrao .conteudocard a {
  padding-top: 21px;
  padding-bottom: 8px;
  display: block;
  font-size: 16px;
  line-height: 20px;
  color: #000;
  transition: 0.3s all;
  max-width: 118px;
  font-weight: 600;
  text-decoration: none;
  background-image: url('/hubfs/20343984/Grupo%204320.svg');
  background-repeat: no-repeat;
  background-position-x: 80px;
  background-position-y: 26px;
}

/* Hover do botão */
.cardprodutopadrao .conteudocard .my-button:hover {
  text-decoration: underline;
  background-position-x: 83px;
}

/* Responsivo */
@media screen and (max-width: 832px) {
  .card2 {
    flex-direction: column;
    max-width: 366px;
  }

  .cardprodutopadrao {
    max-width: 100%;
    margin-right: 0;
    width: 100%;
  }

  .cardprodutopadrao .conteudocard {
    padding: 25px;
  }
}