/* ============================================================
   O CUIDADOR — blog (páginas públicas, fora da aplicação)
   Compartilhado por blog.html e pelos artigos em blog/
   ============================================================ */
:root{
  --primary:#E53E66; --primary-dark:#C42B50; --primary-soft:#FDE8EE;
  --ink:#2E1B26; --text:#3A2C33; --text-soft:#7C6A73;
  --line:#EDE3E7; --bg:#FAF6F7;
  --green:#1E9E6A; --amber:#D9820B; --blue:#2D7DD2;
  --font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--text);background:#fff;-webkit-font-smoothing:antialiased;line-height:1.65}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.wrap-txt{max-width:720px;margin:0 auto;padding:0 24px}
h1,h2,h3{color:var(--ink);letter-spacing:-.5px;line-height:1.25}
.kicker{font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:var(--primary)}

.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:11px;border:none;
  font-size:.94rem;font-weight:700;transition:all .18s;font-family:inherit;cursor:pointer}
.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 18px rgba(229,62,102,.3)}
.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}
.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}
.btn-ghost:hover{border-color:var(--primary);color:var(--primary)}
.btn-light{background:#fff;color:var(--primary)}
.btn-sm{padding:9px 17px;font-size:.86rem}

/* NAV */
nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.93);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;gap:20px;padding:14px 24px;max-width:1080px;margin:0 auto}
.nav-links{display:flex;gap:23px;font-size:.89rem;font-weight:600;color:var(--text-soft)}
.nav-links a:hover{color:var(--primary)}

/* AUTORA */
.autora-hero{background:linear-gradient(170deg,#FFF6F8 0%,#fff 66%);padding:56px 0 50px;border-bottom:1px solid var(--line)}
.autora-grid{display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:center}
.foto{width:158px;height:158px;border-radius:50%;object-fit:cover;object-position:center top;
  border:5px solid #fff;box-shadow:0 12px 36px rgba(46,27,38,.18);background:var(--primary);
  display:grid;place-items:center;color:#fff;font-size:2.6rem;font-weight:900;flex-shrink:0}
.foto-sm{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:center top;
  background:var(--primary);display:grid;place-items:center;color:#fff;font-weight:800;font-size:1rem;flex-shrink:0}
.autora-grid h1{font-size:2.1rem;font-weight:900;margin:10px 0 12px}
.autora-grid p{color:var(--text-soft);font-size:1rem;max-width:600px}
.creds{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.cred{font-size:.76rem;font-weight:700;background:#fff;border:1px solid var(--line);border-radius:99px;
  padding:5px 13px;color:var(--text-soft)}

/* LISTA DE POSTS */
.posts{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:38px}
.post{display:block;background:#fff;border:1px solid var(--line);border-radius:15px;padding:28px;
  transition:transform .18s,box-shadow .18s}
.post:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(46,27,38,.11);border-color:#E4D2D9}
.post .tag{display:inline-block;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;
  background:var(--primary-soft);color:var(--primary-dark);border-radius:99px;padding:3px 11px}
.post h2{font-size:1.25rem;margin:14px 0 10px}
.post p{font-size:.9rem;color:var(--text-soft)}
.post .meta{display:flex;align-items:center;gap:9px;margin-top:18px;padding-top:15px;border-top:1px solid var(--line);
  font-size:.78rem;color:var(--text-soft)}
.post.destaque{grid-column:1/-1;background:linear-gradient(160deg,#FFF6F8,#fff)}
.post.destaque h2{font-size:1.7rem}

/* ARTIGO */
.artigo{padding:52px 0 20px}
.artigo .voltar{font-size:.85rem;color:var(--text-soft);font-weight:600}
.artigo .voltar:hover{color:var(--primary)}
.artigo h1{font-size:2.5rem;font-weight:900;margin:18px 0 16px}
.artigo .resumo{font-size:1.14rem;color:var(--text-soft);line-height:1.6}
.assinatura{display:flex;align-items:center;gap:13px;margin:28px 0 0;padding:18px 0;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.assinatura .n{font-size:.9rem;font-weight:700;color:var(--ink)}
.assinatura .c{font-size:.78rem;color:var(--text-soft)}
.assinatura .d{margin-left:auto;font-size:.78rem;color:var(--text-soft);text-align:right}

.corpo{padding:34px 0 60px;font-size:1.06rem}
.corpo p{margin-bottom:20px}
.corpo h2{font-size:1.5rem;margin:38px 0 14px}
.corpo h3{font-size:1.15rem;margin:28px 0 10px}
.corpo ul,.corpo ol{margin:0 0 20px 22px}
.corpo li{margin-bottom:9px}
.corpo strong{color:var(--ink)}
.corpo blockquote{border-left:3px solid var(--primary);padding:4px 0 4px 20px;margin:26px 0;
  font-size:1.1rem;color:var(--ink);font-weight:500}
.destaque-box{background:var(--primary-soft);border-radius:14px;padding:24px 26px;margin:30px 0}
.destaque-box b{color:var(--primary-dark)}
.aviso{background:#FCF1DE;border-radius:14px;padding:20px 24px;margin:30px 0;font-size:.94rem;color:#7A4A06}
.aviso b{display:block;margin-bottom:5px}

/* CTA E RODAPÉ */
.cta{background:var(--primary);color:#fff;text-align:center;padding:70px 0}
.cta h2{color:#fff;font-size:2.1rem}
.cta p{font-size:1.02rem;opacity:.93;margin:14px auto 26px;max-width:540px}
.cta-curso{background:linear-gradient(160deg,var(--ink) 0%,#4A2B3C 100%);color:#fff;border-radius:16px;
  padding:34px;margin:20px 0 44px;display:grid;grid-template-columns:1fr auto;gap:26px;align-items:center}
.cta-curso h3{color:#fff;font-size:1.35rem;margin-bottom:8px}
.cta-curso p{color:#C6B4BD;font-size:.93rem;max-width:480px}
footer{background:var(--ink);color:#B49FA9;padding:46px 0 28px;font-size:.85rem}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px;margin-bottom:30px}
footer h4{color:#fff;font-size:.85rem;margin-bottom:12px}
footer a:hover{color:#fff}
.foot-bot{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;font-size:.78rem}

@media(max-width:940px){
  .autora-grid{grid-template-columns:1fr;text-align:center;justify-items:center}
  .autora-grid p{margin:0 auto}
  .creds{justify-content:center}
  .posts{grid-template-columns:1fr}
  .cta-curso{grid-template-columns:1fr;text-align:center;justify-items:center}
  .artigo h1{font-size:1.9rem}
  .nav-links{display:none}
  .foot-grid{grid-template-columns:1fr 1fr}
}