

.card-media {
  aspect-ratio: 4 / 3;   /* proporción fija */
  overflow: hidden;      /* corta lo que sobra */
}

.card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;     /* rellena el cuadro */
}
 /* ====== CARDS ====== */
    .cards-section{padding:56px 24px}
    .cards-section h2{
      text-align:center;font-family:"Playfair Display",serif;font-size:2rem;margin-bottom:24px;
    }
    .cards{
      max-width:1200px;margin:0 auto;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);
    }
    .card{
      background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);
      display:flex;flex-direction:column;
    }
    /* Mantiene todas las fotos con la misma proporción */
    .card-media{aspect-ratio:4/3;overflow:hidden}
    .card-media img{width:100%;height:100%;object-fit:cover}
    .card-body{padding:16px;display:flex;flex-direction:column;gap:8px}
    .card-link{color:var(--brand);text-decoration:none;font-weight:700}
    .card-link:hover{text-decoration:underline}
    @media (max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}}
    @media (max-width:600px){.cards{grid-template-columns:1fr}}


