.maleta-shell,
.maleta-header,
.maleta-footer {
  width: min(100% - 2rem, var(--max-width));
  margin-inline: auto;
}
.section { padding: clamp(3.5rem, 8vw, 6.5rem) 0; }
.hero {
  min-height: calc(100vh - 6rem);
  display: grid;
  align-items: center;
  padding: clamp(5rem, 10vw, 8rem) 0;
}
.hero__content { max-width: 860px; }
.hero__text { max-width: 720px; font-size: clamp(1.1rem, 2vw, 1.35rem); }
.hero__actions { display: flex; flex-wrap: wrap; gap: 1rem; }
.steps-grid,
.quality-grid {
  display: grid;
  gap: 1.25rem;
  margin-top: 2rem;
}
.steps-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.quality-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 900px) {
  .steps-grid, .quality-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .maleta-shell, .maleta-header, .maleta-footer { width: min(100% - 1.25rem, var(--max-width)); }
  .hero { min-height: auto; }
  .steps-grid, .quality-grid { grid-template-columns: 1fr; }
  .hero__actions, .button { width: 100%; }
}

.catalog-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
  margin-top: 2rem;
}

@media (max-width: 760px) {
  .catalog-grid {
    grid-template-columns: 1fr;
  }
}