/*
 * =============================================
 * PÁGINAS INSTITUCIONAIS
 * =============================================
 */

.institutional-page {
    padding:
        var(--space-6)
        0
        var(--space-8);
}

.institutional-breadcrumb {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 8px;

    margin-bottom:
        var(--space-5);

    color:
        var(--color-text-muted);

    font-size: 0.85rem;
}

.institutional-content {
    max-width: 900px;

    margin: 0 auto;
}

.institutional-header {
    margin-bottom:
        var(--space-5);

    padding-bottom:
        var(--space-4);

    border-bottom:
        1px solid
        var(--color-border);
}

.institutional-header h1 {
    margin: 0;

    font-size:
        clamp(
            2rem,
            5vw,
            3rem
        );

    line-height: 1.1;
}

.institutional-body {
    color:
        var(--color-text);

    font-size: 1rem;

    line-height: 1.8;
}