/* Páginas de leitura integral (capitulo-N-leitura.html). Usa junto com style-capitulos.css. */

.leitura-hero { min-height: 42vh; padding-bottom: 3rem; }

.leitura { max-width: 720px; }
.leitura article p {
    font-size: 1.05rem; line-height: 1.9; color: #333;
    margin-bottom: 1.15rem;
}

.epigrafe {
    background: #fafafa; border-radius: 16px;
    padding: 2rem 2.25rem; margin-bottom: 3rem;
}
.epigrafe p { font-style: italic; font-size: 1.1rem; line-height: 1.8; color: #444; }
.epigrafe cite {
    display: block; margin-top: 0.9rem; font-style: normal;
    font-weight: 800; font-size: 0.8rem; color: #999;
    letter-spacing: 0.06em; text-transform: uppercase;
}

.l-sec {
    font-family: 'Abril Fatface', serif; font-weight: 400;
    font-size: clamp(1.4rem, 3vw, 1.9rem); line-height: 1.2;
    color: var(--dark); margin: 3.25rem 0 1.4rem;
    scroll-margin-top: 90px; letter-spacing: var(--abril-tracking);
}
.leitura article > .l-sec:first-child { margin-top: 0; }
.l-num {
    display: inline-block; color: var(--acc);
    margin-right: 0.6rem;
}
.l-sub {
    font-weight: 900; font-size: 1.05rem; letter-spacing: 0.08em;
    text-transform: uppercase; color: var(--acc);
    margin: 2.25rem 0 1rem; scroll-margin-top: 90px;
}

.l-quote {
    border-left: 4px solid var(--acc);
    background: color-mix(in srgb, var(--acc) 6%, #ffffff);
    border-radius: 0 12px 12px 0;
    padding: 1.25rem 1.5rem; margin: 2rem 0 2rem;
    font-weight: 700; font-style: italic; color: var(--dark) !important;
}

.l-fig { margin: 2.25rem 0; text-align: center; }
.l-fig img {
    max-width: 100%; height: auto; border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

@media (max-width: 768px) {
    .l-fig { margin: 1.5rem 0; }
    .leitura-hero { min-height: 34vh; }
    .leitura article p { font-size: 0.98rem; line-height: 1.85; }
    .epigrafe { padding: 1.5rem; margin-bottom: 2rem; }
    .l-sec { margin: 2.5rem 0 1rem; }
    .l-quote { padding: 1rem 1.15rem; margin: 1.5rem 0; }
}