/* ================================================
   LAYOUT — CONTENEDOR Y SECCIONES
   ================================================ */
.container {
  max-width: var(--container-max);
  margin: auto;
  padding: 20px;
}

.section {
  padding: 70px 20px;
  text-align: center;
  content-visibility: auto;
  contain-intrinsic-size: 0 500px;
}

.section-title {
  text-align: center;
  color: var(--clr-green-mid);
}

.section-title::after {
  content: "";
  display: block;
  width: 60px; height: 3px;
  background: var(--clr-gold-mid);
  margin: 10px auto 0;
  border-radius: 2px;
}