/*
|--------------------------------------------------------------------------
| Encabezados de sección
|--------------------------------------------------------------------------
*/

.section-heading {
    width: 100%;
    max-width: 900px;

    margin-left: auto;
    margin-right: auto;

    text-align: center;
}

.section-heading-title {
    margin: 0;

    color: #15233c;

    font-size: clamp(1.5rem, 2vw, 2rem);
    font-weight: 600;
    line-height: 1.35;
}

.section-heading-description {
    max-width: 760px;

    margin: 1rem auto 0;

    color: var(--text-muted);

    font-size: 1rem;
    line-height: 1.65;
}

@media (max-width: 767.98px) {
    .section-heading-title {
        font-size: 1.35rem;
    }
}

@media (max-width: 575.98px) {
    .section-heading-title {
        font-size: 1.2rem;
        line-height: 1.4;
    }

    .section-heading-description {
        font-size: 0.95rem;
    }
}