/* Blog CertFácil: mesmo sistema da home (Fraunces + Manrope, verde como único acento, múltiplos de 8) */
:root{
  --paper:#F5F2EA; --paper-2:#EBE6D9; --card:#FFFDF8;
  --ink:#0B1D30; --ink-2:#465366; --line:rgba(11,29,48,0.16);
  --navy:#0B2140; --on-navy:#F5F2EA; --on-navy-2:#AEBBCD; --line-navy:rgba(245,242,234,0.18);
  --green:#35B34A; --green-ink:#17702D; --green-on-navy:#6BDB7D; --on-green:#04220B;
  --font-display:'Fraunces',Georgia,'Times New Roman',serif;
  --font-body:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  --shadow-1:0 1px 2px rgba(11,29,48,0.08), 0 4px 12px -4px rgba(11,29,48,0.12);
  --ease:cubic-bezier(0.2,0.8,0.2,1);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#0A1424; --paper-2:#101D33; --card:#132340;
    --ink:#EEF1F5; --ink-2:#A9B4C4; --line:rgba(238,241,245,0.16);
    --navy:#060E1B; --green-ink:#6BDB7D;
    --shadow-1:0 1px 2px rgba(0,0,0,0.4), 0 4px 12px -4px rgba(0,0,0,0.5);
  }
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:88px;}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:1.0625rem;line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
img,svg{max-width:100%;display:block;}
a{color:inherit;}
h1,h2,h3,h4,p{margin:0;}
h1,h2,h3{font-family:var(--font-display);font-weight:600;font-optical-sizing:auto;letter-spacing:-0.02em;line-height:1.12;text-wrap:balance;}
p{text-wrap:pretty;}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px;}
.wrap-narrow{max-width:720px;margin:0 auto;padding:0 24px;}
.mono{font-family:var(--font-body);font-variant-numeric:tabular-nums;}
::selection{background:var(--green);color:var(--on-green);}
:focus-visible{outline:3px solid var(--green);outline-offset:3px;border-radius:4px;}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-weight:700;font-size:1.0625rem;line-height:1;min-height:48px;padding:0 32px;border-radius:999px;text-decoration:none;border:1.5px solid transparent;cursor:pointer;white-space:nowrap;transition:transform 0.2s var(--ease), background-color 0.2s var(--ease), border-color 0.2s var(--ease);}
.btn:hover{transform:translateY(-2px);}
.btn svg{width:20px;height:20px;flex:none;}
.btn-green{background:var(--green);color:var(--on-green);}
.btn-green:hover{background:#43C258;}
header .btn{min-height:40px;padding:0 24px;font-size:0.875rem;}
header .btn svg{width:18px;height:18px;}

/* header */
header{position:sticky;top:0;z-index:100;background:var(--paper);border-bottom:1px solid var(--line);}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;height:72px;max-width:1160px;margin:0 auto;padding:0 24px;}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;}
.brand img{width:40px;height:40px;border-radius:50%;}
.brand-name{font-family:var(--font-display);font-weight:600;font-size:1.3rem;letter-spacing:-0.02em;}
.brand-name em{font-style:normal;color:var(--green-ink);}
.nav-links{display:none;gap:32px;list-style:none;margin:0;padding:0;}
.nav-links a{text-decoration:none;font-size:0.875rem;font-weight:700;color:var(--ink-2);transition:color 0.2s var(--ease);}
.nav-links a:hover{color:var(--ink);}
@media(min-width:900px){.nav-links{display:flex;}}

/* topo da página / do artigo */
.eyebrow-light{display:flex;align-items:center;gap:12px;font-size:0.8rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--green-ink);margin-bottom:16px;}
.eyebrow-light::before{content:"";width:32px;height:2px;background:currentColor;flex:none;}
.breadcrumb{font-size:0.875rem;color:var(--ink-2);margin-bottom:32px;}
.breadcrumb a{color:var(--ink-2);text-decoration:none;border-bottom:1px solid transparent;transition:border-color 0.2s var(--ease), color 0.2s var(--ease);}
.breadcrumb a:hover{color:var(--ink);border-color:currentColor;}
.page-hero{padding:64px 0 48px;border-bottom:1px solid var(--line);}
.page-hero .wrap{max-width:928px;margin:0 auto;}
.page-hero h1{font-size:clamp(2.05rem,4.6vw,3.2rem);}
.page-hero p{color:var(--ink-2);font-size:1.3rem;line-height:1.5;max-width:34em;margin-top:24px;}

/* lista de posts */
.post-grid{padding:32px 0 96px;}
.post-list{max-width:880px;margin:0 auto;border-bottom:1px solid var(--line);}
.post-card{display:block;padding:32px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink);}
.post-card .date{font-size:0.8rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-2);}
.post-card h2{font-size:1.65rem;margin:8px 0 16px;transition:color 0.2s var(--ease);}
.post-card:hover h2{color:var(--green-ink);}
.post-card p{color:var(--ink-2);max-width:40em;}
.post-card .read-more{display:inline-block;margin-top:16px;color:var(--green-ink);font-weight:700;font-size:0.9375rem;transition:transform 0.2s var(--ease);}
.post-card:hover .read-more{transform:translateX(4px);}

/* artigo */
.article-section{padding:48px 0 96px;}
.article-body{max-width:720px;margin:0 auto;}
.article-meta{display:flex;gap:8px 16px;flex-wrap:wrap;color:var(--ink-2);font-size:0.875rem;font-weight:700;margin-bottom:32px;}
.article-body p{color:var(--ink-2);font-size:1.125rem;line-height:1.75;margin:0 0 24px;}
.article-body h2{font-size:2.05rem;color:var(--ink);margin:64px 0 16px;}
.article-body h3{font-size:1.3rem;color:var(--ink);margin:32px 0 16px;}
.article-body ul,.article-body ol{color:var(--ink-2);font-size:1.125rem;line-height:1.75;padding-left:1.3em;margin:0 0 24px;}
.article-body li{margin-bottom:8px;}
.article-body li::marker{color:var(--green-ink);font-weight:700;}
.article-body strong{color:var(--ink);font-weight:700;}
.article-body a{color:var(--green-ink);font-weight:700;text-underline-offset:3px;}
.article-body a.btn{color:var(--on-green);text-decoration:none;}
.article-body table{width:100%;border-collapse:collapse;margin:0 0 32px;font-size:1rem;}
.article-body th,.article-body td{text-align:left;padding:16px;border-bottom:1px solid var(--line);color:var(--ink-2);vertical-align:top;}
.article-body th{color:var(--ink);font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;border-bottom-color:var(--ink);}
.article-body td:first-child{color:var(--ink);font-weight:700;}
@media(max-width:640px){.article-body table{display:block;overflow-x:auto;}}

/* lista de dados (política de privacidade): empilhada, legível em qualquer largura */
.data-list{margin:0 0 32px;border-top:1px solid var(--ink);}
.data-list>div{padding:16px 0;border-bottom:1px solid var(--line);}
.data-list dt{color:var(--ink);font-weight:700;margin-bottom:4px;}
.data-list dd{margin:0;color:var(--ink-2);font-size:1rem;line-height:1.6;}
.data-list b{color:var(--ink);font-weight:700;}

/* CTA no fim do artigo: o único bloco escuro da página */
.cta-box{background:var(--navy);color:var(--on-navy);border-radius:8px;padding:48px 32px;margin:64px 0;}
.article-body .cta-box p{color:var(--on-navy-2);margin:16px 0 32px;font-size:1.0625rem;}
.cta-box h3{font-size:2.05rem;color:var(--on-navy);margin:0;}
.related{border-top:1px solid var(--line);margin-top:64px;padding-top:32px;}
.related h3{margin:0 0 24px;font-size:1.3rem;}
.related-list{display:grid;grid-template-columns:1fr;gap:16px;}
@media(min-width:640px){.related-list{grid-template-columns:1fr 1fr;}}
.article-body .related-list a{display:block;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:24px;text-decoration:none;color:var(--ink);font-weight:700;font-size:1.0625rem;line-height:1.4;transition:border-color 0.2s var(--ease), transform 0.2s var(--ease);}
.article-body .related-list a:hover{border-color:var(--green-ink);transform:translateY(-2px);}

/* documento ilustrativo (post de validade jurídica) */
.cert-preview{background:#FFFDF8;color:#0B1D30;border:1px solid rgba(11,29,48,0.18);border-radius:8px;padding:24px;margin:8px 0 32px;box-shadow:var(--shadow-1);}
.cert-preview-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px 16px;}
.cert-valid{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:1.3rem;letter-spacing:-0.02em;color:#0B1D30;}
.cert-valid svg{width:20px;height:20px;color:#17702D;flex:none;}
.cert-tag{font-size:0.8rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#17702D;border:1.5px solid #17702D;border-radius:999px;padding:4px 16px;}
.cert-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;border-top:1px dashed rgba(11,29,48,0.25);padding-top:16px;}
.cert-field{display:flex;flex-direction:column;gap:4px;}
.cert-field .k{font-size:0.8rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#465366;}
.cert-field .v{font-size:1rem;font-weight:700;color:#0B1D30;}
.article-body .cert-caption{font-size:0.875rem;color:#465366;margin:16px 0 0;}
@media(max-width:480px){.cert-preview-grid{grid-template-columns:1fr;}}

/* footer */
footer{background:var(--navy);color:var(--on-navy-2);padding:0 0 32px;font-size:0.875rem;}
footer .wrap{border-top:1px solid var(--line-navy);padding-top:64px;}
.footer-grid{display:grid;grid-template-columns:1fr;gap:48px;margin-bottom:48px;}
@media(min-width:800px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;}}
.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:var(--on-navy);}
.footer-brand img{width:36px;height:36px;border-radius:50%;}
.footer-brand span{font-family:var(--font-display);font-weight:600;font-size:1.3rem;}
.footer-col h4{font-size:0.8rem;font-weight:700;color:var(--on-navy);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:16px;}
.footer-col ul{list-style:none;padding:0;margin:0;display:grid;gap:12px;}
.footer-col a{text-decoration:none;transition:color 0.2s var(--ease);}
.footer-col a:hover{color:var(--on-navy);}
.footer-bottom{border-top:1px solid var(--line-navy);padding-top:24px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;font-size:0.8rem;}

/* WhatsApp flutuante */
.sticky-wa{position:fixed;right:24px;bottom:24px;z-index:150;width:56px;height:56px;border-radius:50%;background:var(--green);color:var(--on-green);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-1);transition:transform 0.2s var(--ease);}
.sticky-wa:hover{transform:translateY(-2px);}
.sticky-wa svg{width:28px;height:28px;}
@media(max-width:640px){.sticky-wa{right:16px;bottom:16px;}.page-hero{padding:48px 0 32px;}.page-hero p{font-size:1.0625rem;}.article-body h2{font-size:1.65rem;}.cta-box h3{font-size:1.65rem;}.cta-box{padding:32px 24px;}}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.001ms !important;transition-duration:0.001ms !important;scroll-behavior:auto !important;}}