/* Blog: chamadas. No meio do texto, um bloco névoa na coluna de leitura;
   no fim do artigo, a banda azul da marca (a única da página). Botões são
   os .lp-btn da home. */

.blog-cta
{
    margin: 48px 0;
    padding: 28px 32px 32px;
    border-radius: var(--radius);
    background: var(--mist);
}

.blog-cta__title
{
    margin: 0;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 600;
    letter-spacing: -.015em;
    color: var(--fg);
}

.blog-cta__text
{
    margin: 8px 0 22px;
    font-size: 16px;
    line-height: 1.55;
    color: var(--text-secondary);
}

.blog-band
{
    padding: 104px 0;
    background: var(--brand);
    color: #FFFFFF;
}

.blog-band .lp-h2
{
    max-width: 820px;
    color: #FFFFFF;
}

.blog-band .lp-lead
{
    color: var(--royal-soft);
}

.blog-band .lp-btn-primary
{
    background: #FFFFFF;
    border-color: #FFFFFF;
    color: var(--brand-deep);
}

.blog-band .lp-btn-primary:hover
{
    background: var(--royal-soft);
    border-color: var(--royal-soft);
}

@media (max-width: 900px)
{
    .blog-cta
    {
        padding: 24px 20px 24px;
    }

    .blog-band
    {
        padding: 72px 0;
    }

    .blog-band .lp-btn
    {
        width: 100%;
    }
}