/* ============================================================
   INSTITUTIONAL.CSS — Franja final "Nosotros".
   Cierra el contenido principal justo antes del Footer.
   "Contacto" se eliminó en la Fase I: quedaba redundante con
   Comunidad (que ya es el CTA principal hacia Discord), y el correo
   sigue disponible en el Footer.
   ============================================================ */

.institutional {
  padding: var(--space-3xl) var(--space-lg);
  border-top: 1px solid var(--color-divider);
  /* El Navbar es fixed (~80px): sin esto, al llegar aquí mediante el
     enlace "Nosotros" del Navbar, el encabezado quedaría tapado. */
  scroll-margin-top: 80px;
}

.institutional__row {
  max-width: var(--max-width-container);
  margin-inline: auto;
}

.institutional__about {
  max-width: var(--max-width-narrow);
}

.institutional__about-title {
  margin: 0 0 var(--space-sm);
  font-size: var(--fs-xl);
  font-weight: var(--fw-bold);
  line-height: 1.15;
}

.institutional__about-text {
  margin: 0;
  color: var(--color-text-secondary);
  font-size: var(--fs-md);
  line-height: var(--lh-relaxed);
}

.institutional__eyebrow {
  margin-bottom: var(--space-sm);
}