/* Artigos do blog — Dr. Renato Barcelos (responsivo, mesmo tema da home) */
:root{--blue:#2562bf;--blue-dark:#1e4f9c;--ink:#2b3a55;--muted:#5b6b86;--bg-soft:#f4f6fa;--wa:#25d366}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Montserrat",system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.7;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--blue)}
.wrap{width:100%;max-width:760px;margin:0 auto;padding:0 20px}

/* NAV */
.nav{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #e7ecf3}
.nav__in{max-width:1120px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--blue);font-weight:700;font-size:18px}
.brand img{width:34px;height:34px}
.nav .btn{white-space:nowrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--blue);color:#fff !important;
  text-decoration:none;font-weight:600;font-size:15px;padding:11px 20px;border-radius:6px;transition:background .2s}
.btn:hover{background:var(--blue-dark)}
.btn--wa{background:var(--wa)}
.btn--wa:hover{background:#1eb85a}

/* ARTIGO */
.article{padding:44px 0 20px}
.back{display:inline-block;color:var(--muted);text-decoration:none;font-size:14px;margin-bottom:22px}
.back:hover{color:var(--blue)}
.article h1{color:var(--blue);font-size:clamp(28px,5vw,42px);font-weight:700;line-height:1.18}
.meta{color:var(--muted);font-size:14.5px;margin:16px 0 30px;padding-bottom:22px;border-bottom:1px solid #e7ecf3}
.article h2{color:var(--blue);font-size:clamp(20px,3vw,26px);font-weight:600;margin:36px 0 12px;line-height:1.3}
.article p{margin:0 0 20px;font-size:clamp(16px,2vw,18px);color:#3a4a63}
.article a{color:var(--blue);font-weight:600;text-decoration:underline}

/* CTA */
.cta{background:var(--blue);color:#fff;text-align:center;padding:48px 20px;margin-top:40px;border-radius:12px}
.cta h3{font-size:clamp(20px,3vw,26px);font-weight:700;margin-bottom:8px}
.cta p{opacity:.9;margin-bottom:22px}
.cta .btn{background:#fff;color:var(--blue) !important}
.cta .btn:hover{background:#eaf1ff}

/* FOOTER */
footer{background:#0f1b2d;color:#fff;padding:34px 20px;margin-top:56px}
.credit{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.credit .lead-txt{color:#9fb0c9;font-size:15px}
.badge{display:inline-flex;align-items:center;gap:10px;background:#fff;border-radius:999px;padding:9px 18px;text-decoration:none;box-shadow:0 2px 10px rgba(0,0,0,.25)}
.badge img{width:24px;height:24px}
.badge span{font-family:Georgia,serif;color:#20372a;font-weight:600;font-size:18px}
.badge .c{font-weight:400;margin:0 3px}

@media (max-width:520px){
  .brand span{display:none}
  .article{padding:30px 0 10px}
}