:root{
  --verde-escuro:#3D5A45;
  --verde-medio:#6B8F71;
  --terracota:#C1694F;
  --terracota-clara:#D98B6E;
  --creme:#F6F1E7;
  --creme-elevado:#FAF6EE;
  --carvao:#2B2620;
  --carvao-suave:#5b5346;
  --linha:#E3DACB;
  --ease:cubic-bezier(0.22, 1, 0.36, 1);
}
*{box-sizing:border-box;}
body{
  margin:0;background:var(--creme);color:var(--carvao);
  font-family:'Jost',sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:900px;margin:0 auto;padding-inline:24px;}
h1,h2,h3,.serif{font-family:'Fraunces',serif;letter-spacing:-.01em;}
h1{font-size:clamp(2rem,5vw,3.4rem);font-weight:600;line-height:1.08;margin:0;}
h2{font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:600;line-height:1.15;margin:0;}
h3{font-size:clamp(1.1rem,2vw,1.35rem);font-weight:500;line-height:1.3;margin:0;}
p{font-size:1.05rem;line-height:1.75;color:var(--carvao-suave);margin:0 0 20px;}
.eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--terracota);font-weight:600;margin-bottom:14px;display:block;}

/* nav simples do blog */
header.blognav{
  border-bottom:1px solid var(--linha);background:rgba(246,241,231,.9);
  position:sticky;top:0;z-index:50;backdrop-filter:blur(8px);
}
.blognav-inner{max-width:900px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;}
.blognav-inner img{height:61px;width:auto;}
.blognav-inner .back{font-size:.88rem;display:flex;align-items:center;gap:6px;color:var(--verde-escuro);transition:color .3s var(--ease);}
.blognav-inner .back:hover{color:var(--terracota);}

section{padding-block:28px;}
@media (min-width:768px){section{padding-block:44px;}}

/* listagem */
.blog-hero{padding-block:32px 16px;}
@media (min-width:768px){.blog-hero{padding-block:48px 20px;}}
.post-list{display:flex;flex-direction:column;margin-top:12px;}
.post-row{
  display:grid;grid-template-columns:1fr;gap:20px;padding:32px 0;border-top:1px solid var(--linha);
  transition:opacity .3s var(--ease);
}
.post-row:first-child{padding-top:12px;}
@media (min-width:640px){.post-row{grid-template-columns:140px 1fr;align-items:center;}}
.post-row:hover h3{color:var(--terracota);}
.post-row .thumb{border-radius:10px;overflow:hidden;aspect-ratio:4/3;}
.post-row .thumb img{width:100%;height:100%;object-fit:cover;filter:sepia(.15) saturate(.9);transition:filter .3s var(--ease);}
.post-row:hover .thumb img{filter:sepia(.02) saturate(1);}
.post-row .tag{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--terracota);font-weight:600;}
.post-row h3{margin-top:8px;transition:color .3s var(--ease);}
.post-row .excerpt{margin-top:8px;font-size:.92rem;color:var(--carvao-suave);}
.post-row .date{font-size:.78rem;color:var(--carvao-suave);opacity:.7;margin-top:10px;display:block;}
#emptyState{display:none;padding:40px 0;color:var(--carvao-suave);}

/* post individual */
.post-cover{border-radius:16px;overflow:hidden;aspect-ratio:16/8;margin:32px 0 40px;}
.post-cover img{width:100%;height:100%;object-fit:cover;filter:sepia(.15) saturate(.9);}
.post-meta{display:flex;gap:16px;align-items:center;margin-bottom:8px;}
.post-meta .tag{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--terracota);font-weight:600;}
.post-meta .date{font-size:.8rem;color:var(--carvao-suave);}
.post-author{font-size:.85rem;color:var(--carvao-suave);font-style:italic;margin-top:10px;margin-bottom:0;}
.post-body h2{margin-top:40px;margin-bottom:16px;}
.post-body p{margin-bottom:20px;}
.post-body ul{padding-left:20px;margin-bottom:20px;}
.post-body li{margin-bottom:8px;color:var(--carvao-suave);line-height:1.65;}
.post-figure{margin:36px 0;}
.post-figure img{
  width:100%;border-radius:14px;object-fit:cover;max-height:480px;
  filter:sepia(.15) saturate(.9);
}
.post-figure figcaption{
  margin-top:10px;font-size:.8rem;color:var(--carvao-suave);opacity:.75;
  text-align:center;font-style:italic;
}
.post-cta{
  margin-top:56px;padding:32px;border-radius:16px;background:var(--creme-elevado);
  border:1px solid var(--linha);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;
}
.btn{
  display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:999px;
  font-size:.9rem;font-weight:500;background:var(--terracota);color:var(--creme);
  transition:transform .3s var(--ease), box-shadow .3s var(--ease);
}
.btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 24px -8px rgba(193,105,79,.55);}
.btn-outline{background:none;border:1px solid var(--carvao);color:var(--carvao);}
.btn-outline:hover{background:var(--carvao);color:var(--creme);}

footer.blogfoot{
  border-top:1px solid var(--linha);padding:32px 24px;text-align:center;
  font-size:.8rem;color:var(--carvao-suave);
}