:root{
  --navy:#1B2E6B; --navy-deep:#121F4B;
  --gold:#c9a84c; --gold-l:#e2c57a;
  --sand:#EDE7DB; --sand-d:#E0D8C6;
  --terra:#CC5B2C; --terra-l:#E0703F;
  --ink:#1c1c1c; --muted:#787060;
  --line:rgba(201,168,76,.24);
}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Outfit',sans-serif;color:var(--ink);background:#faf8f4;line-height:1.7;font-weight:300;}
h1,h2,h3,h4{font-family:'Cormorant Garamond',serif;font-weight:400;line-height:1.16;}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px;}
em{font-style:italic;color:var(--gold);}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 26px;border-radius:9px;font-weight:600;font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;border:none;transition:.3s;font-family:'Outfit',sans-serif;}
.btn-primary{background:var(--terra);color:#fff;}
.btn-primary:hover{background:var(--terra-l);}
.btn-gold{background:var(--gold);color:var(--navy);}
.btn-navy{background:var(--navy);color:#fff;}

/* Header / Nav (mesma estrutura da LP) */
.header-main{position:sticky;top:0;z-index:60;background:rgba(18,31,75,.96);backdrop-filter:blur(8px);border-bottom:1px solid rgba(194,155,94,.25);}
.header-inner{max-width:1180px;margin:0 auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px;}
.brand{font-family:'Cormorant Garamond',serif;font-size:22px;color:#fff;}
.brand b{color:var(--gold-l);font-weight:600;}
.brand-sub{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:#93a6b7;margin-top:1px;}
.header-cta{display:flex;align-items:center;gap:14px;}
.mainnav{background:rgba(18,31,75,.92);border-bottom:1px solid rgba(194,155,94,.18);}
.mainnav-inner{max-width:1180px;margin:0 auto;display:flex;justify-content:center;flex-wrap:wrap;padding:0 22px;}
.mainnav a{color:#cdd9e6;font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:13px 15px;white-space:nowrap;}
.mainnav a:hover{color:var(--gold-l);}
.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:38px;background:transparent;border:1px solid rgba(194,155,94,.45);border-radius:8px;cursor:pointer;padding:0 9px;}
.nav-toggle span{display:block;height:2px;width:100%;background:var(--gold-l);border-radius:2px;}
@media(max-width:860px){
  .nav-toggle{display:flex;}
  .mainnav{position:fixed;top:0;right:0;height:100dvh;width:min(80vw,310px);transform:translateX(105%);transition:transform .32s ease;z-index:90;border-left:1px solid rgba(194,155,94,.2);background:var(--navy-deep);overflow-y:auto;}
  .mainnav.open{transform:translateX(0);}
  .mainnav-inner{flex-direction:column;align-items:stretch;padding:64px 0 26px;min-height:100dvh;}
  .mainnav a{padding:15px 26px;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px;}
}
.nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:85;}
.nav-overlay.open{display:block;}

/* Breadcrumb */
.breadcrumb{font-size:12px;color:var(--muted);padding:20px 0;}
.breadcrumb a{color:var(--terra);}

/* Blog hero / listing */
.blog-hero{background:var(--navy);color:#fff;padding:64px 0 48px;text-align:center;}
.blog-hero .eyebrow{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:14px;}
.blog-hero h1{font-size:clamp(32px,5vw,52px);font-weight:300;}
.blog-hero p{color:#b9c3dc;max-width:620px;margin:14px auto 0;font-size:15px;}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding:56px 0;}
@media(max-width:960px){.post-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.post-grid{grid-template-columns:1fr;}}
.post-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:.3s;}
.post-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(18,31,75,.12);}
.post-card img{aspect-ratio:16/10;object-fit:cover;}
.post-card .pc-body{padding:20px 20px 24px;}
.post-card .pc-tag{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--terra);font-weight:600;margin-bottom:8px;}
.post-card h2{font-size:20px;color:var(--navy);font-weight:500;margin-bottom:8px;line-height:1.3;}
.post-card p{font-size:13px;color:var(--muted);}

/* Article */
.article-hero{position:relative;padding:56px 0 40px;background:var(--navy);color:#fff;}
.article-hero .eyebrow{color:var(--gold);}
.article-hero h1{font-size:clamp(28px,4.4vw,46px);font-weight:300;max-width:820px;}
.article-hero .meta{color:#9fb0cc;font-size:12.5px;margin-top:14px;}
.article-cover{margin-top:-30px;position:relative;z-index:2;}
.article-cover img{border-radius:14px;box-shadow:0 24px 60px rgba(18,31,75,.2);aspect-ratio:16/8;object-fit:cover;}
.article{max-width:760px;margin:0 auto;padding:48px 22px 20px;font-size:16px;color:#2a2a2a;}
.article h2{color:var(--navy);font-size:28px;margin:38px 0 14px;font-weight:400;}
.article h3{color:var(--navy);font-size:21px;margin:28px 0 10px;font-weight:500;}
.article p{margin-bottom:18px;}
.article a{color:var(--terra);text-decoration:underline;}
.article ul{margin:0 0 18px 22px;}
.article li{margin-bottom:8px;}
.keybox{background:var(--sand);border:1px solid var(--line);border-radius:12px;padding:22px 24px;margin:26px 0;}
.keybox h4{color:var(--navy);font-size:15px;margin-bottom:10px;}
.keybox a{display:block;font-size:14px;margin-bottom:6px;}
.ctabox{background:var(--navy);color:#fff;border-radius:14px;padding:32px 28px;margin:34px 0;text-align:center;}
.ctabox h3{color:#fff;font-size:24px;margin-bottom:10px;font-weight:400;}
.ctabox p{color:#b9c3dc;font-size:14px;margin-bottom:20px;}
.fonte-nota{font-size:12.5px;color:var(--muted);font-style:italic;border-top:1px solid var(--line);padding-top:16px;margin-top:30px;}
.related{max-width:1180px;margin:0 auto;padding:20px 22px 70px;}
.related h3{color:var(--navy);font-size:24px;margin-bottom:22px;text-align:center;font-weight:400;}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:860px){.related-grid{grid-template-columns:1fr;}}

/* Footer */
.blog-footer{background:var(--navy-deep);color:#93a6b7;padding:44px 0 22px;font-size:12.5px;text-align:center;}
.blog-footer a{text-decoration:underline;}
.blog-footer p{margin-bottom:8px;}
