/* Composición compacta de la portada para mostrar antes el catálogo. */
.hero {
  padding-block: 46px 28px;
}

.hero.hero h1 {
  max-width: 760px;
  margin-block: 10px;
  font-size: clamp(2.5rem, 5.5vw, 4.5rem);
}

.hero .hero-texto {
  margin-bottom: 18px;
  font-size: 1.05rem;
}

.hero .buscador input {
  padding-block: 14px;
}

@media (max-width: 760px) {
  .hero {
    padding-block: 32px 20px;
  }

  .hero.hero h1 {
    margin-block: 8px;
    font-size: clamp(2.35rem, 12vw, 3.5rem);
  }

  .hero .hero-texto {
    margin-bottom: 16px;
  }
}