.institucional-hero {
        background: linear-gradient(
            135deg,
            var(--ops-azul),
            #003355
        );
        color: white;
        padding: 90px 0;
    }

    .institucional-hero h1 {
        font-family: 'Dunbar Tall', var(--ops-font);
        font-size: 3.5rem;
        font-weight: 700;
    }

    .institucional-secao {
        padding: 60px 0;
    }

    .institucional-titulo {
        color: var(--ops-azul);
        font-weight: 700;
        margin-bottom: 1.5rem;
    }

    .institucional-texto {
        color: #4a5568;
        font-size: 1.05rem;
        line-height: 1.8;
    }

    .institucional-imagem {
        display: block;
        width: 100%;
        max-height: 450px;
        object-fit: cover;
        border-radius: 12px;
    }

    .institucional-card-imagem {
        display: block;
        width: 100%;
        height: 180px;
        object-fit: contain;
        margin-bottom: 20px;
    }

    .institucional-placeholder {
        min-height: 280px;
        border: 2px dashed #adb5bd;
        border-radius: 12px;
        background: #f8f9fa;
        color: #6c757d;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        padding: 30px;
    }

    .institucional-placeholder i {
        color: var(--ops-verde);
        font-size: 2.5rem;
        margin-bottom: 10px;
    }

    .institucional-card {
        height: 100%;
        padding: 25px;
        border: 0;
        border-top: 4px solid var(--ops-verde);
        border-radius: 12px;
        background: white;
        box-shadow: 0 5px 18px rgba(0, 0, 0, 0.06);
    }

    .institucional-card-titulo {
        color: var(--ops-azul);
        font-weight: 700;
    }

    .institucional-icone {
        color: var(--ops-verde);
        font-size: 2rem;
        margin-bottom: 15px;
    }

    .institucional-conteudo-largura {
        width: 100%;
    }

    .fundo-branco {
        background: white;
    }

    .fundo-cinza {
        background: var(--ops-claro);
    }

    .fundo-azul_claro {
        background: #edf6fa;
    }

    .fundo-verde_claro {
        background: #eaf5f2;
    }

    .fundo-azul {
        background: var(--ops-azul);
        color: white;
    }

    .fundo-verde {
        background: var(--ops-verde);
        color: white;
    }

    .fundo-transparente {
        background: transparent;
    }

    .fundo-azul .institucional-titulo,
    .fundo-verde .institucional-titulo,
    .fundo-azul .institucional-texto,
    .fundo-verde .institucional-texto,
    .secao-com-imagem-fundo .institucional-titulo,
    .secao-com-imagem-fundo .institucional-texto {
        color: white;
    }

    .secao-com-imagem-fundo {
        color: white;
    }

    .alinhamento-left {
        text-align: left;
    }

    .alinhamento-center {
        text-align: center;
    }

    .alinhamento-right {
        text-align: right;
    }

    .alinhamento-justify {
        text-align: justify;
    }

    .alinhamento-center .institucional-conteudo-largura {
        margin-left: auto;
        margin-right: auto;
    }

    .alinhamento-right .institucional-conteudo-largura {
        margin-left: auto;
    }

    @media (max-width: 768px) {
        .institucional-hero {
            padding: 60px 0;
        }

        .institucional-hero h1 {
            font-size: 2.5rem;
        }

        .institucional-secao {
            padding: 45px 0;
        }

        .institucional-conteudo-largura {
            max-width: 100% !important;
        }
    }