/* Blog do Dr. Emerson Marchetti. Complementa /styles/style.css (tokens, fontes, botões, details). */

/* Cabeçalho do blog: sem menu JS, links só a partir de 1024px como na home */
.hdr__in .nav a[aria-current="page"]{color:var(--ink)}

/* Artigo */
.post{width:min(100% - 40px,760px);margin-inline:auto;padding-block:clamp(36px,2rem + 2.5vw,72px) 88px}
.migalha{font-size:var(--s--1);color:var(--ink-3);margin-bottom:20px}
.migalha ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:0 10px}
.migalha li{display:flex;align-items:center}
.migalha li+li::before{content:"/";margin-right:10px;color:var(--ink-3)}
.migalha a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink-3);text-decoration:none}
.migalha a:hover{color:var(--brand)}
.migalha [aria-current]{color:var(--ink-2);padding-block:12px}
.post__categoria{font:600 .75rem/1.3 var(--f-c);letter-spacing:.2em;text-transform:uppercase;color:var(--brand);margin:0 0 16px}
.post h1{font-size:var(--s-3);font-weight:300;line-height:1.08;margin-bottom:20px;max-width:22ch}
.post__lede{font-size:var(--s-1);line-height:1.55;color:var(--ink-2);margin-bottom:28px}
.post__meta{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:var(--s--1);color:var(--ink-3);padding:16px 0;border-block:1px solid var(--fio);margin-bottom:40px}
.post__meta strong{color:var(--ink);font-weight:600}

.article-body h2{font-size:var(--s-2);font-weight:350;line-height:1.15;margin:56px 0 16px}
.article-body h3{font-size:var(--s-1);font-weight:400;margin:36px 0 12px}
.article-body p,.article-body li{color:var(--ink-2);line-height:1.78;text-wrap:pretty}
.article-body ul,.article-body ol{margin:0 0 1.2em;padding:0;list-style:none;display:grid;gap:12px}
.article-body li{position:relative;padding-left:26px}
.article-body li::before{content:"";position:absolute;left:4px;top:.72em;width:7px;height:7px;border-radius:50%;background:var(--brand)}
.article-body strong{color:var(--ink);font-weight:600}

/* Chamada para agendar */
.post__cta{margin-top:56px;padding:clamp(28px,1.4rem + 2vw,44px);border-radius:var(--r);background:var(--plum);color:#D8C4CA}
.post__cta h2{color:#fff;font-size:var(--s-2);font-weight:300;margin-bottom:12px}
.post__cta p{color:#D8C4CA;max-width:52ch}
.post__cta .btn{background:#fff;color:var(--mg-12);box-shadow:none;margin-top:12px}
.post__cta .btn:hover{background:var(--mg-3);color:var(--mg-12)}
.post__cta .micro{color:#BEA9AF}

/* Perguntas frequentes */
.article-faq{margin-top:72px}
.article-faq>h2{font-size:var(--s-2);font-weight:300;margin-bottom:16px}
.article-faq details:first-of-type{border-top:1px solid var(--fio)}

/* Autor e aviso */
.post__autor{display:flex;gap:20px;align-items:flex-start;margin-top:64px;padding:24px;border-radius:var(--r);background:var(--bg-2)}
.post__autor img{width:84px;height:84px;border-radius:50%;object-fit:cover;flex:none}
.post__autor p{margin:0 0 8px;color:var(--ink-2);font-size:var(--s--1);line-height:1.6}
.post__autor .post__autor-nome{font:400 var(--s-1)/1.2 var(--f-t);color:var(--ink);margin-bottom:4px}
.post__autor a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
.aviso{margin-top:32px;font-size:var(--s--1);color:var(--ink-3);border-left:3px solid var(--mg-5);padding:4px 0 4px 16px}
.aviso p{margin:0}

/* Leia também e cards */
.leia-tambem{margin-top:72px;padding-top:40px;border-top:1px solid var(--fio)}
.leia-tambem>h2{font-size:var(--s-2);font-weight:300;margin-bottom:24px}
.cards{display:grid;gap:16px}
.post-card{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:var(--r);background:#fff;box-shadow:var(--sh-2);text-decoration:none;color:var(--ink);transition:transform .35s var(--ease),box-shadow .35s}
.post-card:hover{transform:translateY(-3px);color:var(--ink);box-shadow:var(--sh)}
.post-card__cat{font:600 .7rem/1.3 var(--f-c);letter-spacing:.2em;text-transform:uppercase;color:var(--brand)}
.post-card h2,.post-card h3{font:350 var(--s-1)/1.22 var(--f-t);letter-spacing:-.01em;margin:0}
.post-card p{color:var(--ink-2);font-size:var(--s--1);line-height:1.6;margin:0}
.post-card time{font-size:.8rem;color:var(--ink-3);margin-top:auto;padding-top:6px}
.post-card__mais{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--brand);font-size:.95rem}
.post-card__mais .ico{width:1em;height:1em}

/* Índice do blog */
.blog{width:min(100% - 40px,1120px);margin-inline:auto;padding-block:clamp(36px,2rem + 2.5vw,72px) 96px}
.blog__hdr{max-width:760px}
.blog h1{font-size:var(--s-3);font-weight:300;line-height:1.08;margin-bottom:20px}
.blog__lede{font-size:var(--s-1);line-height:1.55;color:var(--ink-2)}
.blog__grid{margin-top:48px}
.blog__cta{margin-top:72px}

/* Rodapé do blog */
.blog-rod{border-top:1px solid var(--fio);padding:28px 0 36px;font-size:var(--s--1);color:var(--ink-3)}
.blog-rod nav{display:flex;flex-wrap:wrap;gap:0 24px;margin-bottom:12px}
.blog-rod nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink-2);text-decoration:none}
.blog-rod nav a:hover{color:var(--brand)}
.blog-rod p{margin:0 0 4px}

@media (min-width:700px){
  .cards--3{grid-template-columns:repeat(3,1fr)}
  .blog__grid{grid-template-columns:repeat(2,1fr);gap:20px}
}
@media (min-width:1000px){
  .blog__grid{grid-template-columns:repeat(3,1fr)}
}
@media (prefers-reduced-motion:reduce){
  .post-card{transition:none}
  .post-card:hover{transform:none}
}