.previa-moderna {
    --paper: #f5f4ed;
    --ink: #243b32;
    --green: #284b3d;
    --line: #d4ded2;
    background: radial-gradient(ellipse at 65% 0%, #edf2e9 0, transparent 52%), var(--paper);
}
.previa-moderna .topo { padding-block: 1.25rem; }
.previa-moderna .topo nav a { font-size: .88rem; text-decoration: none; }
.previa-moderna .topo nav a:is(:hover, [aria-current]) { text-decoration: underline; }
.previa-moderna .abertura {
    position: relative;
    isolation: isolate;
    display: block;
    min-height: 27rem;
    border-radius: 1.6rem;
    background: #233f34;
    color: #fffdf6;
}
.previa-moderna .abertura-texto { position: relative; z-index: 1; max-width: 37rem; }
.previa-moderna .abertura h1 { font-size: clamp(2.45rem, 6vw, 4.6rem); }
.previa-moderna .abertura p:not(.rotulo) { max-width: 34ch; }
.previa-moderna .abertura a { color: inherit; }
.previa-moderna .abertura .botao { background: #f2ecd5; color: #243b32; }
.previa-moderna .abertura .botao:hover { background: white; }
.previa-moderna .paisagem { position: absolute; inset: 0; z-index: -1; }
.previa-moderna .paisagem::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #142d24f5, #142d24ba 43%, #142d2410 86%);
}
.previa-moderna .busca { background: #e4ece3; }
.previa-moderna .card { box-shadow: 0 .4rem 1.4rem #243b3209; }
.previa-moderna .reflexao {
    padding: clamp(1.4rem, 4vw, 3rem);
    background: #e6ecdf url("horizonte.svg") right center / auto 100% no-repeat;
}
.previa-moderna .reflexao .destaque { max-width: 37ch; font-size: clamp(1.4rem, 3vw, 2.25rem); }
.faixa-acervo {
    height: clamp(5rem, 14vw, 11rem);
    border-radius: 1.2rem;
    background: #e6ecdf url("horizonte.svg") center 57% / cover no-repeat;
}
.previa-moderna .leitura { box-shadow: 0 .6rem 2rem #243b320a; }
.previa-moderna .leitura h1 { text-wrap: balance; }
.espaco-publicitario {
    display: grid;
    min-height: 6rem;
    place-items: center;
    margin-block: 2rem;
    padding: 1rem;
    border: 1px dashed #9dab9e;
    border-radius: .75rem;
    font-size: .8rem;
    text-align: center;
}
#carregando, #falha-navegacao {
    position: fixed;
    inset: auto 1rem 1rem;
    z-index: 2;
    width: fit-content;
    max-width: calc(100% - 2rem);
    margin-inline: auto;
    padding: .5rem 1rem;
    border-radius: .75rem;
    background: #244537;
    color: white;
    pointer-events: none;
}
#falha-navegacao { pointer-events: auto; }
#falha-navegacao a { color: inherit; }
#carregando { opacity: 0; visibility: hidden; transition: opacity .12s, visibility .12s; }
#carregando.htmx-request { opacity: 1; visibility: visible; transition-delay: .22s; }
@media (max-width: 44rem) {
    .previa-moderna .abertura { min-height: 22rem; }
    .previa-moderna .paisagem::after { background: #142d24b8; }
}
@media (prefers-reduced-motion: no-preference) {
    .previa-moderna #conteudo.conteudo-atualizado { animation: revelar-conteudo .24s ease-out both; }
    @keyframes revelar-conteudo {
        from { opacity: .5; transform: translateY(.3rem); }
        to { opacity: 1; transform: none; }
    }
}
@media print { #carregando, #falha-navegacao { display: none; } }