/* =====================================================================
   Blog Barros Engenharia — paleta do RDO: mármore, grafite e dourado
   ===================================================================== */
:root{
  --marble:#F4EEE1;
  --marble-2:#EAE1CC;
  --paper:#FBF8F1;
  --ink:#22201B;
  --ink-soft:#57503F;
  --ink-dim:#8A806B;
  --dark:#14120F;
  --gold:#C9A227;
  --gold-deep:#8F7118;
  --line:#DDD2BA;
  --wa:#1EA952;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;background:var(--marble);color:var(--ink);
  font-family:'DM Sans',system-ui,sans-serif;font-size:17px;line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:var(--gold-deep);}
a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px;}
h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:700;color:var(--ink);line-height:1.2;}

/* ---------- cabeçalho ---------- */
.bh{background:var(--dark);border-bottom:2px solid var(--gold);position:sticky;top:0;z-index:50;}
.bh-in{max-width:1080px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.bh-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#E7C873;font-family:'Playfair Display',serif;font-weight:700;font-size:1.05rem;}
.bh-nav{display:flex;gap:22px;}
.bh-nav a{color:rgba(244,238,225,0.78);text-decoration:none;font-size:0.92rem;font-weight:500;}
.bh-nav a:hover,.bh-nav a[aria-current="page"]{color:#E7C873;}
@media (max-width:640px){ .bh-nav a:not([aria-current="page"]){display:none;} .bh-brand span{font-size:0.98rem;} }

.wrap{max-width:1080px;margin:0 auto;padding:0 20px;}

/* ---------- listagem ---------- */
.bl-intro{padding:48px 0 8px;max-width:640px;}
.bl-intro h1{font-size:clamp(1.9rem,4.5vw,2.6rem);margin:0 0 12px;}
.bl-intro p{margin:0;color:var(--ink-soft);font-size:1.05rem;}

.bl-cats{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 36px;padding:0;list-style:none;}
.bl-cats a{
  display:inline-block;padding:7px 14px;border-radius:20px;text-decoration:none;
  border:1px solid var(--line);color:var(--ink-soft);font-size:0.9rem;background:var(--paper);
}
.bl-cats a:hover{border-color:var(--gold-deep);color:var(--ink);}
.bl-cats a[aria-current="page"]{background:var(--dark);border-color:var(--dark);color:#E7C873;}

.bl-feat{
  display:grid;grid-template-columns:1.25fr 1fr;gap:0;margin-bottom:44px;
  background:var(--paper);border:1px solid var(--line);border-radius:6px;overflow:hidden;
  text-decoration:none;color:inherit;
}
.bl-feat .ph{min-height:320px;background:var(--marble-2);}
.bl-feat .ph img{width:100%;height:100%;object-fit:cover;}
.bl-feat .tx{padding:34px 34px 30px;display:flex;flex-direction:column;justify-content:center;}
.bl-feat h2{font-size:clamp(1.4rem,2.6vw,1.9rem);margin:8px 0 12px;}
.bl-feat p{margin:0 0 18px;color:var(--ink-soft);}
.bl-feat:hover h2{color:var(--gold-deep);}

.bl-cat{font-size:0.86rem;font-weight:700;color:var(--gold-deep);}
.bl-date{font-size:0.86rem;color:var(--ink-dim);}

.bl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 28px;margin-bottom:56px;}
.bl-card{text-decoration:none;color:inherit;display:flex;flex-direction:column;}
.bl-card .ph{aspect-ratio:3/2;border-radius:4px;overflow:hidden;background:var(--marble-2);margin-bottom:14px;}
.bl-card .ph img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.bl-card:hover .ph img{transform:scale(1.03);}
.bl-card h3{font-size:1.18rem;margin:6px 0 8px;}
.bl-card p{margin:0 0 10px;color:var(--ink-soft);font-size:0.95rem;}
.bl-card:hover h3{color:var(--gold-deep);}

.bl-pages{display:flex;justify-content:space-between;align-items:center;padding:0 0 64px;}
.bl-pages a{text-decoration:none;font-weight:700;}
.bl-empty{padding:40px 0 80px;color:var(--ink-soft);}

@media (max-width:860px){
  .bl-feat{grid-template-columns:1fr;}
  .bl-feat .ph{min-height:0;aspect-ratio:16/10;}
  .bl-feat .tx{padding:24px 22px;}
  .bl-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:560px){ .bl-grid{grid-template-columns:1fr;} }

/* ---------- post: cabeçalho editorial, capa larga e coluna lateral ---------- */
.po-page{max-width:1120px;margin:0 auto;padding:0 20px;}
.po-hero{max-width:820px;padding:34px 0 26px;}
.po-crumb{font-size:0.86rem;color:var(--ink-dim);margin:0 0 22px;}
.po-crumb a{color:var(--ink-dim);text-decoration:none;}
.po-crumb a:hover{color:var(--gold-deep);}
.po-crumb span{margin:0 4px;opacity:0.6;}
.po-cat{display:inline-block;font-size:0.84rem;font-weight:700;color:var(--gold-deep);background:rgba(201,162,39,0.14);border-radius:20px;padding:5px 12px;}
.po-hero h1{font-size:clamp(2rem,5.2vw,3.1rem);line-height:1.12;letter-spacing:-0.015em;margin:14px 0 16px;}
.po-lede{font-size:clamp(1.08rem,2.2vw,1.25rem);line-height:1.55;color:var(--ink-soft);margin:0 0 26px;max-width:720px;}
.po-byline{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:18px;border-top:1px solid var(--line);}
.po-byline img{width:44px;height:44px;flex:none;border-radius:50%;background:var(--paper);padding:5px;border:1px solid var(--line);}
.po-by-quem{display:flex;flex-direction:column;line-height:1.3;margin-right:auto;}
.po-by-quem strong{font-size:0.98rem;}
.po-by-quem span{font-size:0.86rem;color:var(--ink-dim);}
.po-by-quando{display:flex;gap:16px;font-size:0.88rem;color:var(--ink-dim);}

.po-cover{margin:6px 0 44px;border-radius:8px;overflow:hidden;background:var(--marble-2);box-shadow:0 24px 48px -28px rgba(20,18,15,0.45);}
.po-cover img{width:100%;aspect-ratio:21/9;object-fit:cover;}

.po-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:64px;align-items:start;}
.po-main{max-width:720px;min-width:0;}

.po-side{position:sticky;top:84px;}
.po-side-in{display:flex;flex-direction:column;gap:18px;}
.po-toc-side p{margin:0 0 10px;font-size:0.8rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink-dim);}
.po-toc-side ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--line);}
.po-toc-side li{margin:0;}
.po-toc-side a{display:block;padding:6px 0 6px 14px;margin-left:-2px;border-left:2px solid transparent;text-decoration:none;color:var(--ink-soft);font-size:0.92rem;line-height:1.4;}
.po-toc-side a:hover{color:var(--ink);}
.po-toc-side a.ativo{border-left-color:var(--gold);color:var(--ink);font-weight:700;}
.po-side-cta{background:var(--dark);border-radius:8px;padding:18px;}
.po-side-cta p{margin:0 0 12px;color:#E7C873;font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:1.08rem;line-height:1.3;}
.po-side-cta a{display:block;text-align:center;padding:11px 12px;border-radius:4px;text-decoration:none;font-weight:700;font-size:0.92rem;background:linear-gradient(135deg,#E7C873,#C9A227 60%,#8F7118);color:var(--dark);}
.po-side-share{margin:0 !important;display:grid !important;grid-template-columns:1fr 1fr;gap:8px !important;}
.po-side-share a,.po-side-share button{justify-content:center;padding:9px 8px !important;font-size:0.84rem !important;}

.po-toc-mob{display:none;background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:4px;margin:0 0 30px;}
.po-toc-mob summary{cursor:pointer;padding:14px 18px;font-weight:700;list-style:none;position:relative;}
.po-toc-mob summary::-webkit-details-marker{display:none;}
.po-toc-mob summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:1.3rem;color:var(--gold-deep);font-weight:400;}
.po-toc-mob[open] summary::after{content:"−";}
.po-toc-mob ol{margin:0;padding:0 18px 14px 38px;}
.po-toc-mob li{margin:6px 0;}
.po-toc-mob a{text-decoration:none;color:var(--ink-soft);}
.po-share-top{display:none !important;}

@media (max-width:980px){
  .po-grid{grid-template-columns:1fr;gap:0;}
  .po-side{display:none;}
  .po-main{max-width:none;}
  .po-toc-mob{display:block;}
  .po-share-top{display:flex !important;}
  .po-cover img{aspect-ratio:16/10;}
}
@media (max-width:560px){
  .po-hero{padding-top:22px;}
  .po-by-quando{width:100%;gap:12px;}
  .po-cover{margin:0 -20px 32px;border-radius:0;box-shadow:none;}
}

.post-body{font-size:1.1rem;line-height:1.8;color:var(--ink);}
.po-main > .post-body:not(:first-of-type) > p:first-child{font-size:1.2rem;line-height:1.7;color:var(--ink);}
.post-body p{margin:0 0 1.25em;}
.post-body h2{font-size:clamp(1.45rem,3vw,1.8rem);margin:1.9em 0 0.6em;scroll-margin-top:84px;letter-spacing:-0.01em;}
.post-body h3{font-size:1.25rem;margin:1.5em 0 0.5em;}
.post-body ul,.post-body ol{margin:0 0 1.3em;padding-left:1.3em;}
.post-body li{margin:0.35em 0;}
.post-body blockquote{
  margin:1.6em 0;padding:18px 22px;background:var(--paper);
  border-left:3px solid var(--gold);border-radius:0 4px 4px 0;
}
.post-body blockquote p{margin:0;font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:1.22rem;line-height:1.5;color:var(--ink);}
.post-body figure{margin:1.8em 0;}
.post-body figure img{border-radius:4px;width:100%;}
.post-body figcaption{font-size:0.88rem;color:var(--ink-dim);margin-top:8px;}
.post-body a{color:var(--gold-deep);text-decoration-thickness:1px;text-underline-offset:3px;}
.post-body strong{font-weight:700;}

/* ---------- blocos visuais do texto ---------- */
.md-box{margin:1.7em 0;padding:18px 22px 6px;border-radius:6px;border:1px solid var(--line);background:var(--paper);}
.md-box-t{font-weight:700;margin:0 0 8px !important;font-size:0.98rem;display:flex;align-items:center;gap:8px;}
.md-box-t::before{content:"";width:22px;height:22px;flex:none;border-radius:50%;background:var(--gold) center/14px no-repeat;}
.md-box > :last-child{margin-bottom:14px;}
.md-box ul,.md-box ol{margin-bottom:0.8em;}
.md-resumo{background:#FFFDF7;border-color:var(--gold);border-width:1.5px;}
.md-resumo .md-box-t{color:var(--gold-deep);font-family:'Playfair Display',Georgia,serif;font-size:1.12rem;}
.md-resumo .md-box-t::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314120F' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M12 8v4l3 2'/%3E%3C/svg%3E");}
.md-resumo ul{list-style:none;padding-left:0;}
.md-resumo li{position:relative;padding-left:22px;}
.md-resumo li::before{content:"";position:absolute;left:4px;top:0.72em;width:7px;height:7px;border-radius:50%;background:var(--gold);}
.md-dica .md-box-t::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314120F' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M9 18h6M10 21h4M12 3a6 6 0 0 0-3.5 10.9c.6.4 1 1.1 1 1.8V16h5v-.3c0-.7.4-1.4 1-1.8A6 6 0 0 0 12 3z'/%3E%3C/svg%3E");}
.md-atencao{background:#FDF3EF;border-color:#E7B7A6;}
.md-atencao .md-box-t{color:#9A3B24;}
.md-atencao .md-box-t::before{background-color:#D65A4A;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.8' stroke-linecap='round'%3E%3Cpath d='M12 7v6M12 17h.01'/%3E%3C/svg%3E");}

.md-chamada{
  margin:2em 0;padding:20px 22px;border-radius:6px;background:var(--dark);color:#F4EEE1;
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
}
.post-body .md-chamada p{margin:0;color:#F4EEE1;font-weight:500;max-width:420px;}
.post-body .md-chamada-btn{
  display:inline-block;padding:12px 20px;border-radius:4px;text-decoration:none;font-weight:700;white-space:nowrap;
  background:linear-gradient(135deg,#E7C873,#C9A227 60%,#8F7118);color:var(--dark);
}

.md-tabela{margin:1.6em 0;overflow-x:auto;border:1px solid var(--line);border-radius:6px;background:var(--paper);}
.md-tabela table{width:100%;border-collapse:collapse;font-size:0.97rem;min-width:420px;}
.md-tabela th{background:var(--dark);color:#E7C873;text-align:left;font-weight:700;padding:11px 14px;}
.md-tabela td{padding:11px 14px;border-top:1px solid var(--line);vertical-align:top;}
.md-tabela tr:nth-child(even) td{background:rgba(234,225,204,0.35);}

.post-body ul.md-check{list-style:none;padding-left:0;}
.md-check li{position:relative;padding:10px 12px 10px 44px;margin:6px 0 !important;background:var(--paper);border:1px solid var(--line);border-radius:5px;}
.md-check li::before{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:4px;border:2px solid var(--gold-deep);background:#fff;}
.md-check li.on::before{background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314120F' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/14px no-repeat;border-color:var(--gold);}

.post-body ol{list-style:none;padding-left:0;counter-reset:passo;}
.post-body ol > li{counter-increment:passo;position:relative;padding:4px 0 4px 48px;min-height:34px;margin:0.7em 0;}
.post-body ol > li::before{
  content:counter(passo);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;
  background:var(--dark);color:#E7C873;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:0.95rem;
}

.md-galeria{display:grid;gap:12px;margin:1.8em 0;}
.md-galeria.md-g2{grid-template-columns:1fr 1fr;}
.md-galeria.md-g3{grid-template-columns:1fr 1fr 1fr;}
.post-body .md-galeria figure{margin:0;}
.md-galeria img{aspect-ratio:4/3;object-fit:cover;}
@media (max-width:560px){ .md-galeria.md-g3{grid-template-columns:1fr 1fr;} }

.md-faq{border:1px solid var(--line);border-radius:6px;background:var(--paper);margin:10px 0;}
.md-faq summary{cursor:pointer;list-style:none;padding:15px 48px 15px 18px;font-weight:700;position:relative;}
.md-faq summary::-webkit-details-marker{display:none;}
.md-faq summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:1.4rem;color:var(--gold-deep);font-weight:400;}
.md-faq[open] summary::after{content:"−";}
.md-faq > div{padding:0 18px 4px;}

/* barra de progresso da leitura */
.po-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:70;pointer-events:none;}
.po-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#E7C873,#C9A227);}

/* compartilhar */
.po-share{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 28px;}
.po-share span{font-size:0.9rem;color:var(--ink-dim);}
.po-share a,.po-share button{
  display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:20px;font:inherit;font-size:0.88rem;font-weight:700;
  border:1px solid var(--line);background:var(--paper);color:var(--ink);text-decoration:none;cursor:pointer;
}
.po-share a.wa{background:var(--wa);border-color:var(--wa);color:#fff;}
.po-share svg{width:16px;height:16px;}
.po-share-end{margin:34px 0 0;padding:22px;border:1px dashed var(--gold-deep);border-radius:6px;background:var(--paper);}
.po-share-end p{margin:0 0 12px;font-weight:700;}

/* chamada no fim do post */
.po-cta{
  margin:44px 0 36px;padding:28px;background:var(--dark);border-radius:6px;color:#F4EEE1;
  display:flex;gap:22px;align-items:center;justify-content:space-between;flex-wrap:wrap;
}
.po-cta h2{color:#E7C873;font-size:1.35rem;margin:0 0 6px;}
.po-cta p{margin:0;color:rgba(244,238,225,0.8);max-width:430px;}
.po-cta .btn{
  display:inline-block;padding:13px 22px;border-radius:4px;text-decoration:none;font-weight:700;
  background:linear-gradient(135deg,#E7C873,#C9A227 60%,#8F7118);color:var(--dark);white-space:nowrap;
}

/* autor */
.po-author{
  display:flex;gap:16px;align-items:flex-start;padding:24px 0;margin:0 0 20px;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.po-author img{width:52px;height:52px;flex:none;}
.po-author p{margin:0;font-size:0.95rem;color:var(--ink-soft);}
.po-author strong{display:block;color:var(--ink);font-size:1rem;margin-bottom:2px;}

.po-related{max-width:1080px;margin:0 auto;padding:36px 20px 64px;}
.po-related > h2{font-size:1.5rem;margin:0 0 24px;}

/* ---------- rodapé ---------- */
.bf{background:var(--dark);border-top:2px solid var(--gold);color:rgba(244,238,225,0.7);}
.bf-in{max-width:1080px;margin:0 auto;padding:30px 20px 90px;font-size:0.92rem;}
.bf-in p{margin:0 0 6px;}
.bf-brand{font-family:'Playfair Display',serif;font-size:1.1rem;color:#E7C873;}
.bf a{color:#E7C873;}
.bf-in{position:relative;}
.bf .bf-admin{position:absolute;right:20px;bottom:34px;color:rgba(244,238,225,0.28);display:inline-flex;padding:6px;border-radius:4px;}
.bf .bf-admin:hover,.bf .bf-admin:focus-visible{color:#E7C873;}
.bf-wa{
  position:fixed;right:18px;bottom:18px;z-index:60;width:54px;height:54px;border-radius:50%;
  background:var(--wa);color:#fff;display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 24px -6px rgba(0,0,0,0.45);
}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *{transition:none !important;}
}