.hero {
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.8)),
    url(../img/tarjetas_de_recetas_vintage.jpg);
}
.img-fit {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

/* Unificar altura de títulos para una cuadrícula perfecta */
.card-title {
  height: 3.5rem; /* Espacio exacto para 2 líneas de texto */
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Corta el texto con elipses si supera las 2 líneas */
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 1rem;
}

.modal-content {
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.8)),
    url(../img/vintage_classic_recipe_box_on_a_wooden_table_1570x.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}

/* Iconos de pestañas (Historial) */
.tab-icon, .tab-icon-img {
  display: inline-block;
  width: 20px;
  height: 20px;
  object-fit: contain;
  vertical-align: middle;
  margin-right: 4px;
}
.tab-icon {
  font-size: 1.1rem;
  line-height: 1;
}