/* ============================
   UNIFORMIZAR LAYOUT DE PRODUTOS
   ============================ */

/* 1) Todas as colunas de produto tornam-se contêineres flexíveis */
.row > [class*="col-"] {
    display: flex;
    flex-direction: column;
  }
  
  /* 2) Os cartões ocupam 100% da altura da coluna */
  .row > [class*="col-"] .card {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
  }
  
  /* 3) Imagens dos cartões com altura fixa e object-fit */
  .row > [class*="col-"] .card img,
  .row > [class*="col-"] .card .card-img-top {
    width: 100%;
    height: 250px;         /* ajusta a altura que quiseres */
    object-fit: cover;     /* corta a imagem ao centro, sem distorcer */
  }
  
  /* 4) Card-body estica para preencher espaço restante */
  .row > [class*="col-"] .card .card-body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  
  /* 5) Botões / links de detalhes no fundo do card */
  .row > [class*="col-"] .card .btn {
    margin-top: auto;
  }
  
  /* 6) Pequenos ajustes de espaçamento */
  .row > [class*="col-"] {
    margin-bottom: 1.5rem; /* garante gap entre linhas */
  }

  .btn-detalhes {
    background-color: #e2c57f !important;
    color: #000; /* muda se quiseres outro texto */
    border: none;
  }
  
  .btn-detalhes:hover {
    background-color: #d4b267 !important; /* tom um pouco mais escuro no hover */
    color: #000;
  }