@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--ink:#17212e;--ink-soft:#253448;--gold:#c39b5c;--gold-deep:#9a7138;--paper:#f7f5f0;--card:#fffdfa;--line:#e6dfd3;--text:#243142;--text-soft:#667085;--maxw:1180px}
html{scroll-padding-top:120px}
body{font-family:Manrope,Inter,system-ui,sans-serif!important;background:radial-gradient(circle at top right,#fff 0,transparent 28%),var(--paper)!important;letter-spacing:-.01em}
h1,h2,h3,.logo .n,.foot-brand .n{font-family:"DM Serif Display",Georgia,serif!important;letter-spacing:0!important}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(195,155,92,.45);outline-offset:3px}
header.site{background:rgba(250,247,241,.96)!important;backdrop-filter:blur(15px);box-shadow:0 8px 28px rgba(20,28,40,.10)}
.navbar{height:78px!important}.menu{gap:25px!important}.menu a{font-size:13px!important;font-weight:700;letter-spacing:.01em}.logo .n{font-size:29px!important}.logo .k{color:#d8b576!important}
.btn{border-radius:999px!important;box-shadow:0 7px 18px rgba(23,33,46,.12);transform:translateZ(0)}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(23,33,46,.18)}.btn-gold,.btn-wa{background:linear-gradient(135deg,#b98543,#8b6230)!important}.btn-outline{border-color:#d8b576!important}
.hero,.page-head{position:relative;overflow:hidden;background:linear-gradient(125deg,#17212e,#2a3c51)!important}.hero:before,.page-head:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(195,155,92,.13);right:-100px;top:-230px}.hero>*,.page-head>*{position:relative}.hero h1,.page-head h1{font-size:clamp(42px,6vw,68px)!important}.hero p,.page-head p{max-width:720px}
.portrait{border-radius:28px!important;box-shadow:18px 20px 0 rgba(195,155,92,.35),0 22px 50px rgba(0,0,0,.25)}.portrait:after{border-radius:28px!important}.mono{font-family:"DM Serif Display",serif!important}
.areas,.grid-section,.article-wrap,.contact{padding-top:72px!important}.areas-grid,.grid{gap:22px!important}.area-card,.card,.post,.rel-card,.contact-map{border-radius:16px!important;border-color:var(--line)!important;box-shadow:0 10px 28px rgba(33,43,54,.055)}.area-card,.card,.rel-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}.area-card:hover,.card:hover,.rel-card:hover{transform:translateY(-6px)!important;border-color:#c39b5c!important;box-shadow:0 20px 38px rgba(33,43,54,.13)!important}.area-card .num{color:var(--gold)!important}.area-card .more,.read{font-weight:800!important}
.sobre{background:linear-gradient(120deg,#fffdf9,#f1ece3)!important}.badges span{border-radius:999px!important;background:#fff!important;box-shadow:0 4px 12px rgba(33,43,54,.08)}
.crim,.urg{background:linear-gradient(120deg,#243448,#17212e)!important}.tick{background:#d8b576!important}.filterbar{background:rgba(255,253,250,.92)!important;backdrop-filter:blur(12px)}.chip{border-radius:999px!important;font-family:Manrope,Inter,sans-serif!important;font-weight:700!important}.chip.active{background:var(--ink)!important}.search input{font-family:Manrope,Inter,sans-serif!important;border-radius:999px!important;padding:14px 19px!important}
.post{border-radius:18px!important;padding:60px 64px!important}.post h1{font-size:clamp(36px,4vw,52px)!important}.post .lead{font-size:19px!important;line-height:1.75!important}.post h3{font-size:29px!important}.post p,.post li{line-height:1.78!important}.post .callout{border-radius:12px!important;border-left-width:4px!important;background:#fcf8ef!important}.crumb{background:#fffdfa!important}.related h2{font-size:34px!important}
.contact-info,.contato-info{background:#fffdfa;border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:0 10px 28px rgba(33,43,54,.055)}input,textarea,select{font-family:Manrope,Inter,sans-serif!important;border-radius:10px!important}
footer.site{background:linear-gradient(135deg,#17212e,#101821)!important}.foot-rule{background:rgba(216,181,118,.25)!important}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:900px){.post{padding:42px 30px!important}.navbar{height:72px!important}.filterbar{top:72px!important}}
@media(max-width:640px){.menu{top:72px!important}.post{padding:32px 22px!important}.area-card,.card{border-radius:14px!important}.contact-info,.contato-info{padding:26px}.hero h1,.page-head h1{font-size:40px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}


/* ===== [add] Justificação dos textos dos artigos ===== */
.post .lead,.post p,.post li,.post .callout{text-align:justify;-webkit-hyphens:auto;hyphens:auto}
.post-note{text-align:left!important}
/* ===== [add] Barra de compartilhamento ===== */
.share-block{margin-top:30px;padding-top:22px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:11px}
.share-block .share-label{font-weight:800;font-size:14px;color:var(--ink);margin-right:2px}
.share-btn{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--line);background:#fffdfa;color:var(--ink);padding:10px 16px;border-radius:999px;font-family:Manrope,Inter,sans-serif;font-weight:700;font-size:13.5px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.share-btn:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 8px 18px rgba(33,43,54,.1)}
.share-btn .share-svg{width:17px;height:17px}
.share-btn.wa{color:#1f8a4c}
.share-btn.ig{background:linear-gradient(135deg,#b98543,#8b6230);color:#fff;border-color:transparent}
.share-btn.ig:hover{box-shadow:0 10px 22px rgba(23,33,46,.25)}
/* ===== [add] Modal do Story ===== */
.story-modal{position:fixed;inset:0;background:rgba(15,20,28,.8);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:1000;padding:20px}
.story-modal.open{display:flex}
.story-modal .box{background:#fffdfa;border-radius:18px;padding:20px;max-width:340px;width:100%;text-align:center;box-shadow:0 30px 70px rgba(0,0,0,.45)}
.story-modal .preview{width:100%;border-radius:12px;display:block;margin:0 auto 12px;box-shadow:0 12px 30px rgba(0,0,0,.25);aspect-ratio:9/16;object-fit:cover;background:#17212e}
.story-modal .story-hint{font-family:Manrope,Inter,sans-serif;font-size:13px;color:var(--text-soft);margin:0 0 14px}
.story-modal .row{display:flex;gap:10px}
.story-modal .row .btn{flex:1}


/* ===== [add] Imagem/ilustração de artigo ===== */
.post .post-figure{margin:26px 0 10px}
.post .post-figure svg{width:100%;height:auto;display:block;border-radius:16px;box-shadow:0 14px 32px rgba(23,33,46,.16)}
.post .post-figure figcaption{margin-top:10px;text-align:center;font-family:Manrope,Inter,sans-serif;font-size:13px;color:var(--text-soft)}


/* ===== [add] Texto do artigo alinhado às margens laterais do cabeçalho ===== */
.article-wrap .post{max-width:none!important}
.related{max-width:none!important}