.dia-texto-card > .dia-hora > time,
.dia-cartao > .dia-hora > time {
    display: block;
    font: inherit;
}

/* Coluna narrativa do desktop. As medidas do palco e das imagens ficam em style.css. */
@media (min-width: 961px) {
    .dia-texto-card {
        --dia-card-recuo: calc(48px + (min(96vw, 1300px) - min(94vw, 1300px)) / 2);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        width: 100%;
        max-width: 560px;
        min-height: var(--dia-card-altura, 0px);
        padding: 28px 20px 28px var(--dia-card-recuo);
        border: 1px solid rgba(12, 12, 13, 0.04);
        border-radius: var(--dia-raio);
        background: #f5f5f7;
    }

    .dia-texto-card > .dia-hora {
        display: block;
        padding: 0;
        margin-bottom: 12px;
        border: 0;
        background: none;
        color: #73737a;
        font-size: 1rem;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 1.4;
    }

    .dia-texto-card > .dia-titulo {
        max-width: 26ch;
        margin-bottom: 16px;
        font-size: 1.4rem;
        font-weight: 400;
        letter-spacing: -0.02em;
        line-height: 1.25;
        text-wrap: balance;
    }

    .dia-texto-card > .dia-corpo {
        max-width: 46ch;
        margin: 0;
        font-size: 1rem;
        font-weight: 300;
        line-height: 1.7;
        text-wrap: pretty;
    }
}

@media (min-width: 961px) and (max-width: 1100px) {
    .dia-texto-card {
        padding: 24px 24px 24px var(--dia-card-recuo);
    }

}

@media (min-width: 961px) and (max-height: 640px) {
    .dia-texto-card {
        padding: 24px 24px 24px var(--dia-card-recuo);
    }

}

@media (min-width: 961px) and (max-height: 560px) {
    .dia-texto-card {
        padding: 20px 20px 20px var(--dia-card-recuo);
    }

    .dia-texto-card > .dia-corpo {
        font-size: 0.9375rem;
        line-height: 1.5;
    }
}

@media (max-width: 960px), (prefers-reduced-motion: reduce) {
    .dia-cartao > .dia-hora {
        display: block;
        padding: 0;
        margin-bottom: 12px;
        border: 0;
        background: none;
        color: #73737a;
        font-size: 1rem;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 1.4;
    }
}

/* Amplia somente a superfície: caixa, padding e texto mantêm suas medidas. */
@media (min-width: 961px) and (prefers-reduced-motion: no-preference) {
    .dia-texto-card {
        --dia-card-extensao: 16px;
        position: relative;
        isolation: isolate;
        border-color: transparent;
        background: transparent;
    }

    .dia-texto-card::before {
        content: '';
        position: absolute;
        z-index: -1;
        inset: -1px -1px -1px calc(-1px - var(--dia-card-extensao));
        border: 1px solid rgba(12, 12, 13, 0.04);
        border-radius: inherit;
        background: #f5f5f7;
        pointer-events: none;
    }

    .dia-texto-card > :is(.dia-hora, .dia-titulo, .dia-corpo) {
        position: relative;
        left: -30px;
    }
}

@media (min-width: 1280px) and (prefers-reduced-motion: no-preference) {
    .dia-texto-card {
        --dia-card-extensao: 40px;
    }
}