/* ========================================
   INDEPAR - Fotografías del sitio (IND-0102)
   Fotos de Unsplash (licencia libre de uso comercial);
   créditos en docs/transformacion/fotos-licencias.md
   ======================================== */

/* Tarjetas de las tres saludes (portada): la foto ocupa el borde superior */
.home-calcs__card picture {
  display: block;
  margin: -1.4rem -1.5rem 0.6rem;
}

.foto-tarjeta {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

/* Foto al lado del texto (taller y comunidad en la portada) */
.foto-lado {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 12px;
  margin-bottom: 1.5rem;
}

/* Franja de foto bajo el encabezado de comunidad, membresías y taller */
.foto-portada {
  background: var(--superficie-oscura);
}

.foto-portada__img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 420px;
  aspect-ratio: 5 / 2;
  object-fit: cover;
}

@media (max-width: 768px) {
  .foto-portada__img {
    aspect-ratio: 16 / 9;
  }
}