/* ==========================================================================
   aq-section-header — antetítulo + título + párrafo opcional.
   Se usa en 7 secciones (Servicios, Propuesta de valor, Trayectoria,
   Políticas, Valores, Equipo, Contacto).

   El antetítulo (.aq-overline) y el párrafo (.aq-lead) ya existen en
   typography.css: este componente solo resuelve el RITMO entre los tres
   bloques y las dos variantes de alineación. El tema (claro/oscuro) no
   necesita CSS propio: los tres textos ya leen var(--aq-text/--aq-heading)
   y se tematizan solos al quedar dentro de un .aq-section--dark/--beige.

   Estructura — el párrafo, si existe, va SIEMPRE adentro (nunca como
   hermano después de cerrar el div): la regla 4 de CLAUDE.md pone el
   espaciado hacia el contenido que sigue en este componente, no en cada
   sección que lo usa, y esa regla asume que el último hijo real de
   aq-section-header es el final del bloque de encabezado.
   <div class="aq-section-header aq-section-header--center">
     <p class="aq-overline">Antetítulo</p>        (opcional)
     <h2>Título</h2>
     <p class="aq-lead">Párrafo intro</p>          (opcional)
   </div>

   Auditoría Fase 5.4: el espaciado hacia el contenido que sigue (cards,
   lista, lo que sea) es propiedad de ESTE componente, no una utilidad
   repetida en cada sección — 6 secciones lo necesitaban con el mismo
   valor. Antes de esto, Servicios/Propuesta de valor/Trayectoria/Valores
   tenían 0px reales entre el encabezado y el contenido (camuflado por el
   padding interno de las cards); Políticas/Contacto tenían el <p class
   ="aq-lead"> como hermano externo en vez de hijo, así que el hueco
   quedaba mal repartido. Se corrigió moviendo el párrafo adentro en esos
   dos casos, para que todos compartan la misma regla sin modificador.
   ========================================================================== */

.aq-section-header > .aq-overline {
	margin-bottom: var(--aq-space-5);
}

.aq-section-header > .aq-overline-2 {
	margin-bottom: var(--aq-space-7);
}

.aq-section-header > h1,
.aq-section-header > h2,
.aq-section-header > h3 {
	margin-bottom: var(--aq-space-4);
}

.aq-section-header > .aq-lead {
	margin-bottom: 0;
}

/* Sin antetítulo o sin párrafo: el último hijo nunca deja espacio extra */
.aq-section-header > *:last-child {
	margin-bottom: 0;
}

/* Espaciado hacia el contenido que sigue (cards, lista, lo que sea):
   vive acá, no como utilidad repetida en cada sección (regla 4 de
   CLAUDE.md). El valor reproduce el que ya se había verificado
   correcto para Equipo (mt-5 = 3rem = --aq-space-7), ahora tokenizado
   y centralizado. Se suma al margin-bottom: 0 del *:last-child de
   arriba, no lo reemplaza: por eso va en el propio .aq-section-header,
   no en `> *:last-child`. */
.aq-section-header {
	margin-bottom: var(--aq-space-7);
}

/* --------------------------------------------------------------------
   Alineación
   -------------------------------------------------------------------- */
.aq-section-header--left {
	text-align: left;
}

.aq-section-header--center {
	text-align: center;
	margin-inline: auto;
}

/* El párrafo introductorio se limita a un ancho de lectura cómodo solo
   en la variante centrada; a la izquierda ya lo acota su columna. */
.aq-section-header--center > .aq-lead {
	
	margin-inline: auto;
}