/* ===== Blog do Wagner — artigo (estilo Nino) ===== */
:root{--cream:#f4f3ed;--card:#f7f7f7;--ink:#070707;--muted:#777;--line:rgba(7,7,7,.1);
  --bodytext:rgba(255,255,255,.82);--bodymuted:rgba(255,255,255,.55);--fd:'Oswald',sans-serif;--fb:'Poppins',sans-serif;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--fb);background:var(--ink);color:var(--bodytext);line-height:1.6;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
.container{max-width:1240px;margin:0 auto;padding:0 40px;}

/* NAV */
#nav{position:sticky;top:0;z-index:50;background:rgba(244,243,237,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:20px 40px;display:flex;align-items:center;justify-content:space-between;}
#nav .logo{font-family:var(--fd);font-size:20px;font-weight:600;color:var(--ink);}
#nav .back{font-family:var(--fd);font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);opacity:.75;transition:opacity .2s;}
#nav .back:hover{opacity:1;}

/* HERO (título gigante) */
.post-hero{background:var(--cream);color:var(--ink);padding:80px 0 84px;}
.post-hero .eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--fd);font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:24px;}
.post-hero .eyebrow::before{content:'';width:26px;height:1px;background:var(--muted);display:inline-block;}
.post-hero h1{font-family:var(--fd);font-weight:500;font-size:clamp(38px,6.4vw,82px);line-height:1.02;letter-spacing:.01em;text-transform:uppercase;max-width:24ch;}

/* CORPO (fundo preto, 2 colunas) */
.post-body{background:var(--ink);padding:80px 0 100px;}
.post-layout{display:grid;grid-template-columns:1fr 350px;gap:56px;align-items:start;}

/* meta */
.a-meta{display:flex;flex-wrap:wrap;gap:26px;margin-bottom:30px;}
.a-meta .pm{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--bodymuted);}
.a-meta .pm svg{width:15px;height:15px;flex:none;opacity:.8;}

/* imagem de capa */
.a-cover{width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:44px;}

/* texto rico */
.a-rich{max-width:760px;}
.a-rich .lead{font-family:var(--fb);font-size:20px;font-weight:400;line-height:1.7;color:#fff;margin-bottom:26px;}
.a-rich p{font-size:16.5px;line-height:1.85;color:var(--bodytext);margin-bottom:22px;}
.a-rich h2{font-family:var(--fd);font-weight:500;font-size:clamp(26px,3vw,34px);line-height:1.15;text-transform:uppercase;letter-spacing:.01em;color:#fff;margin:44px 0 18px;}
.a-rich h3{font-family:var(--fd);font-weight:500;font-size:24px;text-transform:uppercase;color:#fff;margin:34px 0 14px;}
.a-rich strong{color:#fff;font-weight:600;}
.a-rich ul,.a-rich ol{margin:0 0 22px 22px;color:var(--bodytext);}
.a-rich li{font-size:16.5px;line-height:1.8;margin-bottom:8px;}
.a-rich a:not(.btn){color:#fff;text-decoration:underline;text-underline-offset:3px;}
.a-rich blockquote{background:var(--cream);color:var(--ink);padding:32px 44px 34px;margin:34px 0;font-size:21px;font-weight:500;line-height:1.4;}
.a-rich img{margin:34px 0;}
.a-rich figcaption{font-size:13px;color:var(--bodymuted);text-align:center;margin-top:12px;}

/* tags do artigo */
.a-tags{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:44px 0 0;padding-top:34px;border-top:1px solid rgba(255,255,255,.12);}
.a-tags .tl{font-family:var(--fd);font-size:13px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#fff;margin-right:6px;}
.a-tags a{background:var(--cream);color:var(--ink);font-size:14px;padding:9px 18px;transition:opacity .2s;}
.a-tags a:hover{opacity:.82;}

/* leia também */
.a-related{margin:48px 0 0;padding-top:34px;border-top:1px solid rgba(255,255,255,.12);}
.a-related .rl-title{font-family:var(--fd);font-size:14px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#fff;margin-bottom:20px;}
.a-related a{display:block;font-family:var(--fd);font-size:20px;font-weight:400;line-height:1.35;color:var(--bodytext);margin-bottom:14px;transition:color .2s;}
.a-related a:hover{color:#fff;}

/* curtir */
.like-block{margin:52px 0 0;text-align:center;}
.like-block p{font-size:15px;color:var(--bodymuted);margin-bottom:18px;}
.like-btn{display:inline-flex;align-items:center;gap:10px;background:var(--cream);color:var(--ink);border:none;padding:15px 32px;border-radius:2px;font-family:var(--fd);font-size:14px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .2s,background .3s;}
.like-btn:hover{transform:translateY(-2px);}
.like-btn .like-ico{width:20px;height:20px;display:flex;align-items:center;justify-content:center;}
.like-btn .like-ico svg{width:20px;height:20px;}
.like-btn .check{display:none;stroke-dasharray:24;stroke-dashoffset:24;}
.like-btn.liked{background:#fff;cursor:default;animation:likePop .45s cubic-bezier(.16,1,.3,1);}
.like-btn.liked:hover{transform:none;}
.like-btn.liked .heart{display:none;}
.like-btn.liked .check{display:block;animation:checkDraw .5s .1s forwards ease-out;}
@keyframes likePop{0%{transform:scale(1);}40%{transform:scale(1.12);}100%{transform:scale(1);}}
@keyframes checkDraw{to{stroke-dashoffset:0;}}

/* CTA final */
.a-cta{margin:44px 0 0;background:var(--cream);color:var(--ink);padding:46px 44px;text-align:center;}
.a-cta h3{font-family:var(--fd);font-weight:500;font-size:28px;text-transform:uppercase;margin-bottom:14px;}
.a-cta p{font-size:15px;color:var(--muted);line-height:1.7;margin-bottom:26px;max-width:46ch;margin-left:auto;margin-right:auto;}
.a-cta a{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:#fff;padding:16px 32px;border-radius:2px;font-family:var(--fd);font-size:14px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--ink);transition:background .2s,color .2s;}
.a-cta a:hover{background:transparent;color:var(--ink);}

/* ===== SIDEBAR (igual à listagem) ===== */
.sidebar{display:flex;flex-direction:column;gap:44px;}
.widget-title{font-family:var(--fd);font-weight:500;font-size:26px;line-height:1.1;text-transform:uppercase;color:#fff;letter-spacing:.02em;margin-bottom:22px;}
.author-card{background:var(--cream);color:var(--ink);padding:38px 32px;text-align:center;}
.author-photo{width:118px;height:118px;border-radius:50%;object-fit:cover;margin:0 auto 20px;filter:grayscale(1);}
.author-card h3{font-family:var(--fd);font-weight:500;font-size:24px;text-transform:uppercase;letter-spacing:.02em;}
.author-role{font-family:var(--fd);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:6px 0 16px;}
.author-bio{font-size:14.5px;color:var(--muted);line-height:1.7;margin-bottom:22px;}
.author-cta{display:inline-flex;align-items:center;gap:9px;font-family:var(--fd);font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;background:var(--ink);color:#fff;border-radius:2px;padding:14px 26px;transition:opacity .2s;}
.author-cta:hover{opacity:.85;}
.rc-list{display:flex;flex-direction:column;gap:16px;}
.rc-item{display:flex;gap:16px;align-items:center;background:var(--cream);color:var(--ink);padding:14px;transition:transform .25s;}
.rc-item:hover{transform:translateX(4px);}
.rc-thumb{width:78px;height:70px;flex:none;overflow:hidden;background:#ddd;}
.rc-thumb img{width:100%;height:100%;object-fit:cover;}
.rc-body h4{font-family:var(--fd);font-weight:500;font-size:16px;line-height:1.2;text-transform:uppercase;letter-spacing:.01em;margin-bottom:7px;}
.rc-date{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);}
.rc-date svg{width:12px;height:12px;}
.cat-list{list-style:none;display:flex;flex-direction:column;gap:12px;}
.cat-list a{display:flex;align-items:center;justify-content:space-between;background:var(--cream);color:var(--ink);padding:16px 22px;font-size:15px;transition:opacity .2s;}
.cat-list a:hover{opacity:.82;}
.cat-list .count{font-family:var(--fd);font-size:13px;font-weight:500;}
.tag-cloud{display:flex;flex-wrap:wrap;gap:10px;}
.tag-cloud a{background:var(--cream);color:var(--ink);font-size:14px;padding:9px 18px;transition:opacity .2s;}
.tag-cloud a:hover{opacity:.82;}
.side-cta{background:var(--cream);color:var(--ink);padding:34px 30px;text-align:center;}
.side-cta h3{font-family:var(--fd);font-weight:500;font-size:24px;text-transform:uppercase;line-height:1.1;margin-bottom:14px;}
.side-cta p{font-size:14px;color:var(--muted);line-height:1.65;margin-bottom:20px;}
.side-cta a{display:inline-flex;align-items:center;gap:9px;font-family:var(--fd);font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;background:var(--ink);color:#fff;border-radius:2px;padding:14px 24px;}

/* FOOTER */
footer{background:var(--ink);color:rgba(255,255,255,.55);padding:44px 0;text-align:center;font-size:13px;border-top:1px solid rgba(255,255,255,.08);}
footer a{color:rgba(255,255,255,.8);}

@media (max-width:1000px){
  .post-layout{grid-template-columns:1fr;gap:64px;}
  .sidebar{max-width:560px;}
}
@media (max-width:600px){
  .container{padding:0 22px;}
  #nav{padding:16px 22px;}
  .post-hero{padding:56px 0 60px;}
  .post-body{padding:56px 0 72px;}
  .a-cta{padding:34px 26px;}
}