/* Abertura alinhada à jornada. O filete dá uma base ao título e à apresentação. */
.dia-topo.dia-intro {
    width: 92%;
    max-width: 1300px;
    display: block;
    padding-bottom: 28px;
    border-bottom: 1px solid var(--dia-fio);
    margin-bottom: 0;
    text-align: left;
}

.dia-intro-chamada {
    min-width: 0;
}

.dia-intro .dia-headline {
    margin: 0;
    text-wrap: initial;
}

.dia-intro-subheadline {
    max-width: 22em;
    margin: 16px 0 0;
    color: var(--dia-tinta-2);
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.65;
    text-wrap: pretty;
}

.dia-intro + .dia-trilha {
    margin-top: calc(32px - var(--dia-intro-inset, 0px));
}

@media (min-width: 961px) {
    .dia-topo.dia-intro {
        width: 96%;
        padding-left: calc(49px + (min(96vw, 1300px) - min(94vw, 1300px)) / 2);
        padding-right: 28px;
    }
}

@media (min-width: 601px) and (max-width: 960px) {
    .dia-intro .dia-headline {
        font-size: clamp(1.4rem, 3.4vw, 2.2rem);
    }

}

@media (max-width: 600px) {
    .dia-topo.dia-intro {
        padding-bottom: 22px;
    }

    .dia-intro-subheadline {
        margin-top: 12px;
        font-size: 0.875rem;
    }

    .dia-intro + .dia-trilha {
        margin-top: calc(28px - var(--dia-intro-inset, 0px));
    }
}

@media (min-width: 961px) and (prefers-reduced-motion: reduce) {
    .dia-topo.dia-intro {
        width: 94%;
    }
}