/* ===== Blog Desentupidora Atlas — estilo compartilhado ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--n:#0b1d3a;--n3:#162f5a;--o:#ff6a13;--o2:#e85d0c;--o3:#ff8a3d;--wa:#25d366;--gr:#22c55e;--gd:#fbbf24;--bg:#fafbfc;--b:#e6eaf0;--t9:#0b1220;--t7:#2b3648;--t5:#5b6a82;--w:820px}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font:17px/1.75 'Barlow',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--t9);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--o2);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{font-family:'Barlow Condensed','Barlow',sans-serif;font-weight:800;line-height:1.12;letter-spacing:-.01em;color:var(--n)}
.wrap{max-width:var(--w);margin:0 auto;padding:0 20px}

/* topbar */
.btop{background:linear-gradient(90deg,var(--o),var(--o2));color:#fff;font-size:13px;font-weight:600;text-align:center;padding:9px 16px}
.btop a{color:#fff;text-decoration:underline;font-weight:800}

/* header */
.bhd{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--b)}
.bhdi{max-width:var(--w);margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.blogo{display:flex;align-items:center;gap:10px;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:19px;color:var(--n);text-transform:uppercase;letter-spacing:.02em}
.blogo:hover{text-decoration:none}
.blogo .m{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--n),var(--n3));display:grid;place-items:center;flex-shrink:0}
.blogo .m svg{width:19px;height:19px;color:var(--o3)}
.blogo small{display:block;font-size:9px;font-weight:700;color:var(--t5);letter-spacing:.12em}
.bhd-cta{display:inline-flex;align-items:center;gap:7px;background:var(--wa);color:#fff;font-weight:800;font-size:14px;padding:10px 16px;border-radius:10px;box-shadow:0 4px 14px rgba(37,211,102,.35)}
.bhd-cta:hover{text-decoration:none;filter:brightness(1.05)}
.bhd-cta svg{width:17px;height:17px}
@media(max-width:560px){.bhd-cta span{display:none}.bhd-cta{padding:10px}}

/* breadcrumb */
.bcrumb{max-width:var(--w);margin:0 auto;padding:16px 20px 0;font-size:13px;color:var(--t5);font-family:'Barlow',sans-serif}
.bcrumb a{color:var(--t5)}
.bcrumb span{color:var(--t9);font-weight:600}

/* article */
.bart{padding:20px 0 50px}
.bart .cat{display:inline-block;font-family:'Barlow',sans-serif;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--o2);background:rgba(255,106,19,.1);padding:6px 13px;border-radius:100px;margin-bottom:16px}
.bart h1{font-size:clamp(30px,6vw,46px);margin-bottom:14px;color:var(--n)}
.bart .meta{font-family:'Barlow',sans-serif;font-size:14px;color:var(--t5);margin-bottom:24px;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
.bart .meta .dot{width:4px;height:4px;border-radius:50%;background:var(--t5);opacity:.5}
.bhero{border-radius:18px;overflow:hidden;margin-bottom:28px;aspect-ratio:16/9;box-shadow:0 18px 40px rgba(11,29,58,.14)}
.bhero img{width:100%;height:100%;object-fit:cover}
.bart h2{font-size:clamp(24px,4.5vw,32px);margin:36px 0 14px}
.bart h3{font-size:20px;margin:26px 0 10px;color:var(--n)}
.bart p{margin-bottom:18px;color:var(--t7)}
.bart ul,.bart ol{margin:0 0 20px 22px;color:var(--t7)}
.bart li{margin-bottom:9px}
.bart strong{color:var(--n);font-weight:700}
.bart .lead{font-size:19px;color:var(--t7);line-height:1.7}
.callout{background:#fff;border-left:4px solid var(--o);border-radius:0 12px 12px 0;padding:18px 22px;margin:24px 0;box-shadow:0 2px 10px rgba(11,29,58,.06)}
.callout.warn{border-left-color:#dc2626;background:#fef2f2}
.callout.warn strong{color:#b91c1c}
.callout p:last-child{margin-bottom:0}

/* CTA box */
.bcta{background:linear-gradient(135deg,var(--n),var(--n3));border-radius:20px;padding:30px 24px;text-align:center;color:#fff;margin:34px 0;position:relative;overflow:hidden}
.bcta::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 200px at 80% 0%,rgba(255,106,19,.25),transparent 60%);pointer-events:none}
.bcta>*{position:relative}
.bcta .eh{display:inline-flex;align-items:center;gap:8px;background:rgba(34,197,94,.16);border:1px solid rgba(34,197,94,.3);color:#bbf7d0;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:6px 13px;border-radius:100px;margin-bottom:14px}
.bcta .eh .pd{width:7px;height:7px;border-radius:50%;background:var(--gr);animation:bp 1.5s infinite}
@keyframes bp{0%,100%{opacity:1}50%{opacity:.4}}
.bcta h3{color:#fff;font-size:26px;margin-bottom:8px}
.bcta p{color:rgba(255,255,255,.8);font-size:15px;margin-bottom:20px}
.bcta-btns{display:flex;flex-direction:column;gap:11px;max-width:400px;margin:0 auto}
.bcta-btns a{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:17px 22px;border-radius:13px;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:18px;text-transform:uppercase;letter-spacing:.02em;min-height:56px}
.bcta-btns a:hover{text-decoration:none}
.bcta-wa{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 8px 24px rgba(34,197,94,.4)}
.bcta-call{background:#fff;color:var(--n)}
.bcta-call svg{color:var(--o)}
.bcta-btns svg{width:20px;height:20px}

/* related / hub */
.bsec-t{font-size:clamp(24px,5vw,34px);text-align:center;margin:0 0 8px}
.bsec-s{text-align:center;color:var(--t5);font-family:'Barlow',sans-serif;margin-bottom:32px}
.bgrid{display:grid;gap:22px;padding:20px 0 50px}
@media(min-width:640px){.bgrid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.bgrid{grid-template-columns:repeat(3,1fr)}}
.bcard{background:#fff;border:1px solid var(--b);border-radius:16px;overflow:hidden;transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column}
.bcard:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(11,29,58,.14);text-decoration:none}
.bcard-img{aspect-ratio:16/10;overflow:hidden;background:var(--n)}
.bcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.bcard:hover .bcard-img img{transform:scale(1.05)}
.bcard-b{padding:18px;flex:1;display:flex;flex-direction:column}
.bcard .cat{font-family:'Barlow',sans-serif;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--o2);margin-bottom:8px}
.bcard h3{font-size:19px;color:var(--n);margin-bottom:8px;line-height:1.2}
.bcard p{font-family:'Barlow',sans-serif;font-size:14px;color:var(--t5);line-height:1.55;flex:1}
.bcard .rd{margin-top:12px;font-family:'Barlow',sans-serif;font-size:13px;font-weight:700;color:var(--o2)}
.bhub-hero{background:linear-gradient(135deg,rgba(11,29,58,.82),rgba(22,47,90,.84)),url(../assets/caminhao%20fossa.webp) center 38%/cover;color:#fff;text-align:center;padding:48px 20px;position:relative;overflow:hidden}
.bhub-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 300px at 50% 0%,rgba(255,106,19,.22),transparent 60%)}
.bhub-hero>*{position:relative}
.bhub-hero h1{color:#fff;font-size:clamp(32px,7vw,52px);margin-bottom:12px}
.bhub-hero p{color:rgba(255,255,255,.8);font-family:'Barlow',sans-serif;max-width:560px;margin:0 auto;font-size:17px}

/* footer */
.bft{background:var(--n);color:rgba(255,255,255,.7);padding:40px 20px 26px;text-align:center;font-family:'Barlow',sans-serif}
.bft a{color:var(--o3)}
.bft .ph{font-family:'Barlow Condensed',sans-serif;font-size:26px;font-weight:800;color:#fff;margin:8px 0}
.bft .sm{font-size:13px;color:rgba(255,255,255,.45);margin-top:16px}

/* faq no post */
.bfaq{margin:30px 0}
.bfaq details{background:#fff;border:1px solid var(--b);border-radius:12px;margin-bottom:10px;overflow:hidden}
.bfaq summary{padding:16px 20px;font-family:'Barlow',sans-serif;font-weight:700;color:var(--n);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.bfaq summary::-webkit-details-marker{display:none}
.bfaq summary::after{content:"+";font-size:22px;color:var(--o);font-weight:300}
.bfaq details[open] summary::after{content:"−"}
.bfaq details p{padding:0 20px 18px;font-family:'Barlow',sans-serif;color:var(--t5);font-size:15px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}