/*
 * Encabezados de sección: eyebrow + título más juntos entre sí,
 * con más aire hacia el contenido que viene debajo.
 * (No aplicar en la sección #rrss.)
 */
.section-head {
    margin-bottom: 2.75rem;
}

.section-head--center {
    text-align: center;
}

.section-head__eyebrow {
    margin: 0 0 0.15rem;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    line-height: 1.2;
    text-transform: uppercase;
    color: var(--bs-primary);
}

.section-head__title {
    margin: 0;
    line-height: 1.12;
}

/* Subtítulo introductorio al inicio del contenido de página interna */
.section-head__title--intro {
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    font-weight: 700;
    line-height: 1.15;
    color: var(--bs-primary);
}

.section-head__lead {
    margin: 0.6rem 0 0;
    line-height: 1.55;
}

.section-head__title + .section-head__lead {
    margin-top: 0.55rem;
}