/* ===== Artigos — crmparaadvogados.com.br ===== */
.art-hero{padding:clamp(40px,6vw,72px) 0 clamp(28px,4vw,44px);position:relative;overflow:hidden}
.art-hero .wrap{max-width:860px}
.bc{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--on-dark-2);margin-bottom:18px}
.bc a{color:var(--on-dark-2);text-decoration:none}.bc a:hover{color:var(--green-2)}
.bc span{opacity:.5}
.art-hero h1{font-size:clamp(30px,4.2vw,48px);line-height:1.08;letter-spacing:-.03em;max-width:22ch}
.art-hero .lead{max-width:60ch}
.art-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px;font-size:13px;color:var(--on-dark-2)}
.art-meta b{color:var(--on-dark)}
.art{padding:clamp(40px,6vw,72px) 0 clamp(56px,8vw,96px)}
.art .wrap{max-width:860px}
.art-body{font-size:17px;line-height:1.72;color:var(--ink-2)}
.art-body h2{font-size:clamp(23px,2.8vw,31px);line-height:1.18;letter-spacing:-.022em;color:var(--ink);margin:52px 0 14px;scroll-margin-top:96px}
.art-body h3{font-size:19px;line-height:1.3;color:var(--ink);margin:30px 0 8px}
.art-body p{margin:0 0 16px}
.art-body ul,.art-body ol{margin:0 0 18px;padding-left:22px}
.art-body li{margin:6px 0}
.art-body li b,.art-body p b{color:var(--ink)}
.art-body a{color:var(--green-deep);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(0,39,9,.35)}
.art-body a:hover{text-decoration-color:var(--green-deep)}
.sumario{background:#fff;border:1px solid var(--line-l);border-radius:var(--r);padding:20px 22px;margin:0 0 34px;box-shadow:var(--sh)}
.sumario b{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--green-deep);margin-bottom:10px}
.sumario ol{margin:0;padding-left:20px;columns:2;column-gap:28px}
.sumario li{margin:4px 0;font-size:15px}
.sumario a{text-decoration:none;color:var(--ink)}.sumario a:hover{color:var(--green-deep)}
.callout{border-left:3px solid var(--green);background:#fff;border-radius:0 var(--r) var(--r) 0;padding:18px 20px;margin:24px 0;box-shadow:var(--sh)}
.callout--contra{border-left-color:var(--ink-3)}
.callout p:last-child{margin-bottom:0}
.tabela{overflow-x:auto;margin:20px 0 26px;border:1px solid var(--line-l);border-radius:var(--r);background:#fff;box-shadow:var(--sh)}
.tabela table{width:100%;border-collapse:collapse;font-size:15px;min-width:560px}
.tabela th,.tabela td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line-l);vertical-align:top}
.tabela th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);background:var(--ivory)}
.tabela tr:last-child td{border-bottom:0}
.tabela td:first-child{color:var(--ink);font-weight:600}
.cta-mid{margin:38px 0;padding:26px 24px;border-radius:var(--r-lg);background:var(--bg-900);color:var(--on-dark);border:1px solid var(--line-g)}
.cta-mid h3{color:var(--on-dark);margin:0 0 6px;font-size:20px}
.cta-mid p{color:var(--on-dark-2);margin:0 0 16px}
.cta-mid .btn{margin-top:0}
.art .faq{margin-top:12px}
.art .faq__i{background:#fff;border-color:var(--line-l)}
.art .faq__i summary{color:var(--ink)}
.art .faq__a p{color:var(--ink-2)}
.relacionados{padding:clamp(48px,6vw,80px) 0}
.relacionados .wrap{max-width:860px}
.rel-list{display:grid;gap:12px;margin:22px 0 0;padding:0;list-style:none}
.rel-list li{background:rgba(255,255,255,.04);border:1px solid var(--line-d);border-radius:var(--r);padding:16px 18px}
.rel-list a{color:var(--on-dark);text-decoration:none;font-weight:600}
.rel-list a:hover{color:var(--green-2)}
.rel-list span{display:block;font-size:14px;color:var(--on-dark-2);margin-top:4px}
.fonte{font-size:13px;color:var(--ink-3);margin-top:34px;padding-top:16px;border-top:1px solid var(--line-l)}
@media (max-width:640px){.sumario ol{columns:1}.art-body{font-size:16px}}