/* ==========================================================================
   layout/section.css
   Estructura común de todas las secciones (ancho, márgenes y encabezado).
   ========================================================================== */
.section { position: relative; max-width: var(--maxw); margin: 0 auto; padding: clamp(70px, 10vw, 130px) var(--gutter); }
.section__head { text-align: center; max-width: 760px; margin: 0 auto 40px; }
.section__title { font-family: var(--font-d); font-weight: 800; font-size: clamp(1.9rem, 4.6vw, 3.4rem); line-height: 1.06; letter-spacing: -.03em; margin: 0 0 16px; }
.section__lead { color: var(--muted); font-size: clamp(.98rem, 1.4vw, 1.1rem); margin: 0 auto; max-width: 40em; }