/* Blog público — mesma identidade visual da landing */
:root{
  --navy:#1D335B;--green:#1a9e5c;--green-2:#158049;--green-light:#22c55e;
  --green-ghost:#edfaf3;--green-border:#c3edd8;
  --bg:#ffffff;--bg-2:#f8f9fb;--border:#e8eaed;--border-2:#d1d5db;
  --text:#111827;--text-2:#4b5563;--text-3:#9ca3af;
  --r:10px;--r-lg:16px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.wrap-narrow{max-width:740px;margin:0 auto;padding:0 24px}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:62px}
.nav-links{display:flex;align-items:center;gap:24px}
.nav-links a{font-size:.86rem;font-weight:500;color:var(--text-2)}
.nav-links a:hover,.nav-links a.active{color:var(--text)}
.nav-actions{display:flex;align-items:center;gap:8px}
.lang-btn{padding:5px 11px;border:1px solid var(--border-2);border-radius:99px;font-size:.76rem;font-weight:600;color:var(--text-2);background:#fff}
.btn-login{padding:7px 16px;border:1px solid var(--border-2);border-radius:99px;font-size:.84rem;font-weight:500}
.btn-cta-nav{padding:8px 18px;background:var(--green);border-radius:99px;font-size:.84rem;font-weight:700;color:#fff}
.btn-cta-nav:hover{background:var(--green-2)}

/* HERO */
.blog-hero{background:var(--navy);padding:118px 0 56px;color:#fff}
.blog-hero .eyebrow{display:inline-block;background:rgba(26,158,92,.15);border:1px solid rgba(26,158,92,.35);border-radius:99px;padding:4px 12px;font-size:.75rem;font-weight:600;color:#86efac;margin-bottom:14px}
.blog-hero h1{font-size:clamp(1.9rem,3.6vw,2.8rem);font-weight:800;line-height:1.15;letter-spacing:-.03em;margin-bottom:12px}
.blog-hero p{color:rgba(255,255,255,.72);max-width:640px}
.lang-note{margin-top:16px;font-size:.85rem;color:#fde68a}

/* LISTA */
.post-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;padding:56px 0 80px}
.post-card{display:flex;flex-direction:column;gap:10px;padding:24px;border:1px solid var(--border);border-radius:var(--r-lg);background:#fff;transition:all .15s}
.post-card:hover{border-color:var(--green-border);box-shadow:0 8px 28px rgba(0,0,0,.07);transform:translateY(-2px)}
.post-card h2{font-size:1.12rem;font-weight:700;line-height:1.35;letter-spacing:-.01em}
.post-card p{font-size:.9rem;color:var(--text-2);flex:1}
.post-meta{font-size:.76rem;color:var(--text-3);font-weight:500}
.read-more{font-size:.84rem;font-weight:700;color:var(--green)}
.empty{padding:80px 0;text-align:center;color:var(--text-2)}

/* POST */
.post-header{background:var(--navy);padding:112px 0 48px;color:#fff}
.breadcrumb{font-size:.8rem;color:rgba(255,255,255,.55);margin-bottom:18px}
.breadcrumb a:hover{color:#fff}
.post-header h1{font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:800;line-height:1.18;letter-spacing:-.025em;margin-bottom:14px}
.post-header .lead{color:rgba(255,255,255,.75);font-size:1.05rem;margin-bottom:16px}
.post-header .post-meta{color:rgba(255,255,255,.55)}

.prose{padding:48px 0 24px;font-size:1.06rem;line-height:1.8;color:#1f2937;overflow-wrap:break-word}
.prose > * + *{margin-top:1.1em}
.prose h2{font-size:1.55rem;font-weight:800;letter-spacing:-.02em;line-height:1.3;margin-top:2.1em;color:var(--text)}
.prose h3{font-size:1.18rem;font-weight:700;line-height:1.4;margin-top:1.7em;color:var(--text)}
.prose a{color:var(--green-2);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.prose strong{color:var(--text)}
.prose ul,.prose ol{padding-left:1.4em}
.prose li + li{margin-top:.35em}
.prose blockquote{border-left:4px solid var(--green);background:var(--green-ghost);padding:14px 20px;border-radius:0 var(--r) var(--r) 0;color:#14532d}
.prose blockquote p + p{margin-top:.6em}
.prose hr{border:0;border-top:1px solid var(--border);margin:2.4em 0}
.prose code{background:var(--bg-2);border:1px solid var(--border);border-radius:5px;padding:1px 6px;font-size:.9em}
.prose pre{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r);padding:16px;overflow-x:auto;font-size:.9rem;line-height:1.6}
.prose pre code{background:none;border:0;padding:0}
.prose table{width:100%;border-collapse:collapse;font-size:.92rem;display:block;overflow-x:auto}
.prose th,.prose td{border:1px solid var(--border);padding:8px 12px;text-align:left}
.prose th{background:var(--bg-2);font-weight:700}

.post-cta{margin:32px 0 56px;padding:32px;border-radius:var(--r-lg);background:var(--navy);color:#fff;text-align:center}
.post-cta h2{font-size:1.35rem;font-weight:800;margin-bottom:8px}
.post-cta p{color:rgba(255,255,255,.72);margin-bottom:20px}
.btn-cta{display:inline-block;padding:12px 26px;background:var(--green);border-radius:99px;font-weight:700;color:#fff}
.btn-cta:hover{background:var(--green-2)}

.related{background:var(--bg-2);border-top:1px solid var(--border);padding:48px 0 64px}
.related h2{font-size:1.2rem;font-weight:800;margin-bottom:20px}
.related .post-list{padding:0}

/* FOOTER */
footer{background:var(--navy);padding:24px 0;border-top:1px solid rgba(255,255,255,.06)}
.footer-in{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footer-in img{height:28px;background:#fff;border-radius:5px;padding:2px 6px}
.footer-links{display:flex;gap:20px;flex-wrap:wrap}
.footer-links a{font-size:.78rem;color:rgba(255,255,255,.45)}
.footer-links a:hover{color:var(--green-light)}
.footer-copy{font-size:.72rem;color:rgba(255,255,255,.3)}

@media(max-width:768px){
  .nav-links{display:none}
  .post-list{grid-template-columns:1fr}
}
@media(max-width:480px){
  .wrap,.wrap-narrow{padding:0 16px}
  .btn-login{display:none}
  .prose{font-size:1rem}
}

/* COMPARTILHAR */
.share{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:40px 0 0;padding-top:24px;border-top:1px solid var(--border)}
.share-label{font-size:.86rem;font-weight:700;color:var(--text);margin-right:4px}
.share-btn{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-2);border-radius:50%;background:#fff;color:var(--text-2);cursor:pointer;transition:color .15s,background .15s,border-color .15s}
.share-btn:hover{color:#fff;border-color:transparent;background:var(--navy)}
.share-linkedin:hover{background:#0a66c2}
.share-whatsapp:hover{background:#25d366}
.share-x:hover{background:#000}
.share-facebook:hover{background:#1877f2}
.share-feedback{font-size:.8rem;font-weight:600;color:var(--green-2)}