.institucional { max-width: 1080px; margin: 24px auto 48px; padding: 0 20px; }
.institucional h1 { font-size: clamp(30px, 5vw, 44px); line-height: 1.15; margin: 0 0 18px; }
.institucional h2 { font-size: 24px; line-height: 1.3; margin: 0 0 14px; }
.institucional p { font-size: 17px; }
.institucional .institucional-texto { font-family: var(--fonte-institucional); }
.institucional-etiqueta { color: #312782; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.institucional-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.institucional-grid .marca-card { margin-bottom: 0; }
.institucional-acoes { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.institucional-email { overflow-wrap: anywhere; font-weight: 600; }
.institucional ul { margin-left: 22px; font-size: 16px; line-height: 1.8; }
@media (max-width: 640px) {
    .institucional { padding: 0 16px; }
    .institucional-grid { grid-template-columns: 1fr; }
    .institucional .marca-card, .institucional .marca-header { padding: 22px 18px; }
    .institucional-acoes .btn { width: 100%; }
}