/* Estilo: páginas institucionais do Santuário Editorial, com leitura serena e hierarquia jurídica clara. */
:root { --ink:#0c2d33; --paper:#f7f2e9; --sand:#ebe1d0; --gold:#d89b3d; --gold-light:#f2ddb5; --clay:#ab7350; --line:rgba(12,45,51,.16); }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Manrope,Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
.top { padding:25px max(24px,calc((100% - 1120px)/2)); color:var(--paper); background:var(--ink); }
.top-inner { display:flex; align-items:center; justify-content:space-between; gap:25px; }
.brand { display:inline-flex; align-items:center; gap:10px; }.brand-mark { display:grid; place-items:center; width:36px; height:36px; border:1px solid rgba(247,242,233,.8); border-radius:50%; color:var(--gold); font-size:20px; }.brand-copy { display:flex; flex-direction:column; line-height:.72; }.brand-copy b { font:600 22px/.9 "Cormorant Garamond",Georgia,serif; letter-spacing:-.04em; }.brand-copy i { margin-left:15px; font:500 italic 15px/1 "Cormorant Garamond",Georgia,serif; }.back { padding-bottom:5px; border-bottom:1px solid var(--gold); color:var(--gold-light); font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.hero { position:relative; overflow:hidden; padding:98px max(24px,calc((100% - 1120px)/2)) 74px; color:var(--paper); background:linear-gradient(115deg,#0b3036,#133f45); }.hero::after { content:""; position:absolute; right:10%; bottom:-135px; width:360px; height:360px; border:1px solid rgba(242,221,181,.36); border-radius:50%; }.hero > * { position:relative; z-index:1; }.eyebrow { display:flex; align-items:center; gap:9px; margin:0 0 18px; color:var(--gold-light); font-size:9px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }.eyebrow::before { content:""; width:25px; height:1px; background:var(--gold); }.hero h1 { max-width:800px; margin:0; font:600 clamp(3.5rem,7vw,6.2rem)/.8 "Cormorant Garamond",Georgia,serif; letter-spacing:-.07em; }.hero h1 i { color:var(--gold-light); font-weight:500; }.hero p:last-child { max-width:620px; margin:22px 0 0; color:rgba(247,242,233,.73); font-size:13px; line-height:1.8; }
.content { width:min(860px,calc(100% - 48px)); margin:0 auto; padding:74px 0 84px; }.meta { margin:0 0 33px; color:#6d8385; font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.notice { margin:0 0 36px; padding:18px 20px; border-left:3px solid var(--gold); color:#566e71; background:var(--sand); font-size:12px; line-height:1.7; }.content h2 { margin:39px 0 13px; font:600 33px/.9 "Cormorant Garamond",Georgia,serif; letter-spacing:-.05em; }.content h3 { margin:26px 0 10px; font:600 25px/.95 "Cormorant Garamond",Georgia,serif; letter-spacing:-.04em; }.content p,.content li { color:#4d696d; font-size:13px; line-height:1.9; }.content ul { margin:15px 0 0; padding-left:21px; }.content li { padding-left:4px; margin-bottom:8px; }.highlight { margin:32px 0; padding:28px; color:var(--paper); background:var(--ink); }.highlight h2 { margin:0 0 11px; color:var(--gold-light); }.highlight p { margin:0; color:rgba(247,242,233,.72); }.contact-box { display:grid; gap:8px; margin-top:28px; padding:25px; border:1px solid var(--line); background:#fffdf8; }.contact-box strong { color:var(--ink); font-size:11px; }.contact-box span { color:#5c7477; font-size:12px; line-height:1.65; }
.footer { padding:55px max(24px,calc((100% - 1120px)/2)) 30px; color:rgba(247,242,233,.72); background:#08262a; }.footer-links { display:flex; flex-wrap:wrap; gap:13px 22px; margin-bottom:32px; }.footer-links a { font-size:9px; font-weight:700; letter-spacing:.04em; }.footer-links a:hover { color:var(--gold-light); }.footer-info { padding-top:20px; border-top:1px solid rgba(247,242,233,.15); color:rgba(247,242,233,.46); font-size:8px; line-height:1.8; }
@media (max-width:620px) { .top { padding:20px; }.top-inner { align-items:flex-start; }.back { margin-top:7px; font-size:8px; }.hero { padding:72px 24px 59px; }.hero h1 { font-size:clamp(3.6rem,17vw,5rem); }.content { width:calc(100% - 40px); padding:55px 0 62px; }.content h2 { font-size:30px; }.content p,.content li { font-size:12px; }.footer { padding:45px 20px 25px; } }