/* ==========================================================================
   Valgón — «Quiénes somos»
   ========================================================================== */

.valgon-about-head .valgon-lead {
    max-width: 40em;
}

.valgon-about__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(56px, 7vw, 104px);
    align-items: start;
}

.valgon-about__aside .valgon-portrait {
    max-width: 420px;
}

.valgon-about__body > * {
    margin: 0;
}

.valgon-about__body > p {
    margin-top: 1.25rem;
    font-size: 1.0625rem;
    line-height: 1.8;
    max-width: 38em;
}

.valgon-about__name {
    font-size: var(--wp--preset--font-size--x-large);
}

.valgon-about__role {
    margin-top: 0.75rem !important;
    font-size: 0.75rem !important;
    font-weight: 500;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--valgon-brass-deep);
}

.valgon-about__body .valgon-credentials {
    margin-top: 0.5rem;
}

@media (min-width: 960px) {
    .valgon-about__grid {
        grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
    }

    .valgon-about__aside {
        position: sticky;
        top: 150px;
    }
}

.valgon-about__body > .valgon-quote--inline {
    margin-block: 2.5rem;
}

.valgon-about__body > .valgon-credentials {
    margin-top: 2.5rem;
}

/* En una sola columna el pie de foto repite el nombre del titular que sigue */
@media (max-width: 959px) {
    .valgon-about .valgon-portrait figcaption {
        display: none;
    }

    .valgon-about__aside .valgon-portrait {
        max-width: 360px;
    }
}