:root {
    --mcom-brand: #ff641a;
    --mcom-brand-dark: #de4b09;
    --mcom-graphite: #515151;
}

/* A marca original foi desenhada para respirar sobre fundo branco. */
.brand-bar { background: #fff; }

/* Um pouco mais de presença editorial nos títulos do Economias de Sucesso. */
.hero-copy h1,
.article-header h1,
.listing-header h1,
.page-article > header h1 {
    font-weight: 900;
}

/* Mantém o portal moderno e limpo, sem arredondamentos genéricos de temas prontos. */
button,
input,
.button,
.hero-story,
.story-card,
.success-card,
.latest-panel,
.ranking-panel,
.interview-feature,
.newsletter-section {
    border-radius: 0;
}

/* Respiro editorial entre o encerramento da matéria e o rodapé. */
.mcom-single-post .article-layout--single-column {
    padding-bottom: 72px;
}

/* Mantém o texto institucional do rodapé limpo e com boa largura de leitura. */
.footer-about p {
    max-width: 290px;
    margin: 0;
}

@media (max-width: 620px) {
    .mcom-single-post .article-layout--single-column {
        padding-bottom: 46px;
    }
}