/* ===== Retaguarda Jurídica — seção Artigos (estático, legível, pró-IA) ===== */
:root{
  --ink:#07090E; --ink-2:#0C1018; --panel:#11151F;
  --gold:#C9A24B; --gold-2:#E3C77B; --electric:#5FD0E6; --violet:#8A7CFF;
  --cream:#F4F1EA; --muted:#97A0B2; --muted-2:#C4CBD6;
  --line:rgba(201,162,75,.24); --line-soft:rgba(255,255,255,.09);
  --serif:'Fraunces',Georgia,serif; --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --grad:linear-gradient(105deg,var(--gold-2) 0%,var(--gold) 35%,var(--electric) 78%,var(--violet) 100%);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  font-family:var(--sans);background:var(--ink);color:var(--cream);
  font-size:18px;line-height:1.7;-webkit-font-smoothing:antialiased;
  background-image:
    radial-gradient(900px 600px at 80% -5%,rgba(201,162,75,.12),transparent 60%),
    radial-gradient(700px 560px at 0% 8%,rgba(95,208,230,.07),transparent 60%);
  background-attachment:fixed;
}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
::selection{background:var(--gold);color:var(--ink)}

/* ---- header / footer ---- */
.ah{display:flex;align-items:center;justify-content:space-between;gap:16px;
  max-width:1100px;margin:0 auto;padding:20px 24px;}
.ah__brand{display:flex;align-items:center;gap:11px}
.ah__mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;
  background:var(--grad);color:#1a1407;font-weight:700;font-size:14px;letter-spacing:.5px}
.ah__name{font-family:var(--serif);font-weight:600;font-size:19px;line-height:1}
.ah__name small{display:block;font-family:var(--sans);font-weight:500;font-size:10.5px;letter-spacing:3px;color:var(--muted);text-transform:uppercase;margin-top:3px}
.ah__nav{display:flex;align-items:center;gap:18px;font-size:14.5px;font-weight:500}
.ah__nav a{color:var(--muted-2)}
.ah__nav a:hover{color:var(--gold-2)}
.ah__cta{padding:9px 18px;border-radius:999px;background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#2A2008 !important;font-weight:600}

.af{max-width:760px;margin:64px auto 0;padding:32px 24px 56px;border-top:1px solid var(--line-soft);text-align:center;color:var(--muted);font-size:14px}
.af strong{color:var(--cream)}
.af__legal{font-size:12.5px;margin:10px 0;line-height:1.6}
.af a{color:var(--muted-2)}.af a:hover{color:var(--gold-2)}

/* ---- chips / breadcrumb ---- */
.art-area{display:inline-block;font-size:12px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;
  color:var(--gold-2);padding:5px 12px;border:1px solid var(--line);border-radius:999px}
.art-bc{font-size:13.5px;color:var(--muted);margin-bottom:18px}
.art-bc a:hover{color:var(--gold-2)}
.art-bc span{color:var(--muted-2)}

/* ---- artigo ---- */
.art{max-width:720px;margin:8px auto 0;padding:8px 24px 0}
.art h1{font-family:var(--serif);font-weight:600;font-size:clamp(28px,4.6vw,42px);line-height:1.14;margin:16px 0 16px;letter-spacing:-.01em}
.art-sub{display:block;font-size:.62em;font-weight:500;color:var(--muted-2);margin-top:8px;line-height:1.3}
.art-meta{display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--muted-2);font-size:14.5px}
.art-meta--sub{color:var(--muted);font-size:13.5px;padding-bottom:8px;border-bottom:1px solid var(--line-soft);margin-bottom:4px}
.art-meta span{display:inline-flex;align-items:center;gap:7px}
.art-meta span+span::before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--muted);margin-right:13px;margin-left:-13px}

/* resumo ABNT (e o que a IA extrai primeiro) */
.art-resumo{margin:26px 0;padding:22px 24px;border-left:3px solid var(--gold);border-radius:0 12px 12px 0;
  background:linear-gradient(90deg,rgba(201,162,75,.10),rgba(201,162,75,.02))}
.art-resumo h2{font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-2);margin-bottom:10px}
.art-resumo p{color:var(--muted-2);font-size:16.5px;line-height:1.65;text-align:justify;-webkit-hyphens:auto;hyphens:auto}
.art-kw{margin-top:14px !important;font-size:14.5px !important;color:var(--muted) !important}
.art-kw strong{color:var(--muted-2)}

/* corpo */
.art-body{font-size:18px}
.art-body>*+*{margin-top:20px}
.art-body h2{font-family:var(--serif);font-weight:600;font-size:26px;line-height:1.25;margin-top:42px;color:var(--cream)}
.art-body h3{font-family:var(--serif);font-weight:600;font-size:21px;margin-top:30px;color:var(--cream)}
.art-body p,.art-body li{color:var(--muted-2);text-align:justify;-webkit-hyphens:auto;hyphens:auto}
.art-body strong{color:var(--cream);font-weight:600}
.art-body a{color:var(--gold-2);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line)}
.art-body ul,.art-body ol{padding-left:24px}
.art-body li{margin-top:8px}
/* citação direta longa ABNT (>3 linhas): recuo, fonte menor, sem aspas */
.art-body blockquote{margin-left:clamp(20px,4vw,52px);padding:2px 0 2px 18px;border-left:2px solid var(--line);
  color:var(--muted-2);font-size:15.5px;line-height:1.5;text-align:justify;-webkit-hyphens:auto;hyphens:auto}
.art-body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;background:rgba(255,255,255,.06);padding:2px 6px;border-radius:6px}
.art-body hr{border:none;border-top:1px solid var(--line-soft);margin:34px 0}

/* referências ABNT (NBR 6023): ordem alfabética, recuo deslocado, simples */
.art-refs{margin-top:44px;padding-top:26px;border-top:1px solid var(--line-soft)}
.art-refs h2{font-family:var(--serif);font-weight:600;font-size:22px;color:var(--cream);margin-bottom:16px}
.art-refs ul{list-style:none;display:flex;flex-direction:column;gap:12px}
.art-refs li{padding-left:28px;text-indent:-28px;color:var(--muted-2);font-size:14.5px;line-height:1.5}

/* autores */
.art-autores{margin-top:40px;padding-top:28px;border-top:1px solid var(--line-soft)}
.art-autores h2{font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:16px}
.art-autor{display:flex;align-items:center;gap:14px;margin-top:14px}
.art-autor__av{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--grad);color:#1a1407;font-weight:700;font-size:15px;flex:none}
.art-autor strong{display:block;font-family:var(--serif);font-size:17px}
.art-autor span{display:block;font-size:13.5px;color:var(--muted)}

/* CTA */
.art-cta{margin-top:44px;padding:30px 28px;border-radius:18px;text-align:center;
  background:linear-gradient(135deg,rgba(201,162,75,.14),rgba(138,124,255,.08));border:1px solid var(--line)}
.art-cta h2{font-family:var(--serif);font-size:24px;margin-bottom:10px}
.art-cta p{color:var(--muted-2);font-size:16px;max-width:48ch;margin:0 auto 20px}
.art-cta__btn{display:inline-block;padding:14px 30px;border-radius:999px;font-weight:600;
  background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#2A2008;
  box-shadow:0 12px 34px -10px rgba(201,162,75,.6)}
.art-cta__btn:hover{box-shadow:0 18px 44px -10px rgba(201,162,75,.85)}

/* ---- índice ---- */
.art-index{max-width:1100px;margin:0 auto;padding:8px 24px 0}
.ai-hero{max-width:680px;margin:12px 0 34px}
.ai-hero h1{font-family:var(--serif);font-weight:600;font-size:clamp(34px,6vw,54px);line-height:1.08;margin:16px 0 14px}
.ai-hero p{color:var(--muted-2);font-size:18px}
.filtros{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.filtro{font-family:var(--sans);font-size:13.5px;font-weight:500;color:var(--muted-2);
  padding:8px 16px;border-radius:999px;border:1px solid var(--line-soft);background:rgba(255,255,255,.02);cursor:pointer;transition:.2s}
.filtro:hover{border-color:var(--gold)}
.filtro.is-on{background:var(--gold-soft,rgba(201,162,75,.16));border-color:var(--gold);color:var(--gold-2)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}
.card{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:16px;
  border:1px solid var(--line-soft);background:rgba(20,26,38,.5);transition:.22s}
.card:hover{border-color:var(--gold);transform:translateY(-3px)}
.card__area{align-self:flex-start;font-size:11.5px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--gold-2)}
.card h2{font-family:var(--serif);font-weight:600;font-size:21px;line-height:1.25}
.card p{color:var(--muted);font-size:14.5px;line-height:1.6;flex:1;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card__meta{font-size:12.5px;color:var(--muted)}

@media(max-width:560px){
  body{font-size:17px}
  .ah{padding:16px}
  .ah__nav{gap:12px}
  .art{padding:8px 18px 0}
  .cards{grid-template-columns:1fr}
}