/* main.css */

/* Hero */
.hero-img {
  width: 100%;
  aspect-ratio: 16/6;
  object-fit: cover;
  border-radius: 1rem;
  display: block;
}

/* Cards */
.card-img-top {
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 1rem 1rem 0 0;
}
.square-img {
  aspect-ratio: 1/1;
  object-fit: cover;
  display: block;
  margin: 0 auto 1rem auto;
  border-radius: 0.5rem;
}

/* Sugerencias del buscador */
.sugerencia {
  cursor: pointer;
}

/* Foro: filtros y botones */
.filtro-btn.active {
  background-color: #198754;
  color: #fff;
  border-color: #198754;
}