:root { color-scheme: light; --azul: #071d3e; --azul-claro: #123e62; --dourado: #c89a3d; --papel: #f8f6f1; --texto: #28384d; --linha: #dfd8ca; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--papel); color: var(--texto); font: 18px/1.75 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: #164b78; }
header { background: linear-gradient(115deg, var(--azul), var(--azul-claro)); color: white; padding: 22px max(24px, calc((100% - 920px) / 2)); }
header a { color: white; font: 700 23px/1 Georgia, serif; text-decoration: none; }
main { max-width: 760px; margin: 0 auto; padding: 64px 24px 72px; }
.sobretitulo { color: var(--dourado); font-size: .76rem; font-weight: 800; letter-spacing: .15em; margin: 0 0 12px; text-transform: uppercase; }
h1 { color: var(--azul); font: 700 clamp(2.45rem, 8vw, 4.5rem)/1.05 Georgia, serif; letter-spacing: -.025em; margin: 0; }
.introducao { color: #526176; font-size: 1.08rem; margin: 20px 0 42px; }
.oracao { border-top: 1px solid var(--linha); border-bottom: 1px solid var(--linha); color: var(--azul); font: 400 clamp(1.22rem, 3.4vw, 1.52rem)/1.85 Georgia, serif; margin: 0; padding: 34px 0; white-space: pre-line; }
.nota { border-left: 3px solid var(--dourado); color: #5e6470; font-size: .96rem; margin: 34px 0 0; padding: 2px 0 2px 18px; }
.voltar { display: inline-flex; align-items: center; border: 1px solid #c9ad73; border-radius: 999px; color: var(--azul); font-size: .92rem; font-weight: 750; margin-top: 42px; padding: 12px 20px; text-decoration: none; }
footer { color: #687385; font-size: .9rem; margin-top: 56px; }
.outras { border-top: 1px solid var(--linha); margin-top: 48px; padding-top: 25px; }
.outras h2 { color: var(--azul); font: 700 1.25rem/1.2 Georgia, serif; margin: 0 0 12px; }
.outras ul { margin: 0; padding-left: 20px; }
.outras li { margin: 6px 0; }
@media (max-width: 520px) { main { padding-top: 46px; } .oracao { padding: 28px 0; } }