/* Páginas de conteúdo (artigos, serviços e hub /conteudos/). Complementa site.css. */
.crumbs{font-size:.85rem;color:#9db6ce;margin-bottom:22px}
.crumbs a{color:#dbe7f2;text-decoration:underline;text-underline-offset:3px}
.crumbs a:hover{text-decoration:underline}
.content-hero{background:var(--night);color:#fff;padding:56px 0 64px}
.content-hero h1{font-size:clamp(2.1rem,4.4vw,3.6rem);line-height:1.1;letter-spacing:-.04em;max-width:900px;margin:0}
.content-hero .kicker{display:inline-block;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:#9db6ce;margin-bottom:18px}
.byline{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:22px;font-size:.88rem;color:#bbcbdc}
.byline strong{color:#fff;font-weight:600}
.content-hero .actions{margin-top:28px}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) 300px;gap:64px;padding-block:56px 80px;align-items:start}
.summary-box{background:var(--ice);border-left:4px solid var(--blue);border-radius:14px;padding:20px 24px;margin:0 0 36px;font-size:1.02rem}
.summary-box strong{display:block;font:600 .8rem/1.4 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--blue-dark);margin-bottom:6px}
.prose h2{font-size:clamp(1.45rem,2.6vw,1.95rem);line-height:1.2;letter-spacing:-.03em;margin:44px 0 14px}
.prose h3{font:600 1.18rem/1.35 var(--display);margin:30px 0 10px}
.prose p,.prose ul,.prose ol{margin:0 0 18px}
.prose ul,.prose ol{padding-left:22px}
.prose li{margin-bottom:8px}
.prose a{color:var(--blue-dark)}
.prose{min-width:0;overflow-wrap:break-word}
.prose table{width:100%;border-collapse:collapse;margin:8px 0 26px;font-size:.95rem;display:block;overflow-x:auto}
.prose th,.prose td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.prose th{background:var(--ice);font-weight:600}
.prose blockquote{margin:0 0 20px;padding:14px 20px;border-left:3px solid var(--silver);color:var(--muted)}
.aside-card{position:sticky;top:24px;border:1px solid var(--line);border-radius:18px;padding:24px}
.aside-card h2{font-size:1.15rem;letter-spacing:-.02em;margin:0 0 10px}
.aside-card p{font-size:.95rem;color:var(--muted);margin:0 0 18px}
.aside-card .button{width:100%}
.aside-card ul{list-style:none;padding:0;margin:20px 0 0;font-size:.92rem}
.aside-card li{border-top:1px solid var(--line);padding:10px 0}
.aside-card li a{text-decoration:none;color:var(--ink)}
.content-faq{margin-top:48px}
.content-faq h2{margin-bottom:8px}
.content-faq .faq-list p{margin:0 0 22px;color:var(--muted)}
.cta-box{background:var(--night);color:#fff;border-radius:22px;padding:34px;margin:48px 0 0}
.cta-box h2{color:#fff;margin:0 0 10px;font-size:clamp(1.4rem,2.4vw,1.8rem)}
.cta-box p{color:#bbcbdc;margin:0 0 22px}
.related{margin-top:48px}
.related h2{font-size:1.4rem;margin:0 0 16px}
.related ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.related a{display:block;border:1px solid var(--line);border-radius:14px;padding:14px 18px;text-decoration:none;color:var(--ink);font-weight:500}
.related a:hover{border-color:var(--blue)}
.sources{margin-top:40px;font-size:.85rem;color:var(--muted)}
.sources h2{font-size:1rem;margin:0 0 8px;letter-spacing:0}
.sources ol{padding-left:18px;margin:0}
.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin:18px 0 44px}
.hub-grid a{display:block;border:1px solid var(--line);border-radius:14px;padding:16px 18px;text-decoration:none;color:var(--ink);font-weight:500;line-height:1.4}
.hub-grid a:hover{border-color:var(--blue)}
.hub-section h2{font-size:clamp(1.5rem,2.8vw,2.1rem);margin:0 0 4px}
.hub-section p{color:var(--muted);margin:0}
@media(max-width:980px){.article-layout{grid-template-columns:minmax(0,1fr);gap:0}.aside-card{position:static;margin-top:40px}}
@media(max-width:600px){.content-hero{padding:36px 0 44px}.article-layout{padding-block:36px 64px}.cta-box{padding:26px}.summary-box{padding:16px 18px}}