/* =============================================================================
   Avisou — páginas jurídicas (privacidade, termos, encarregado)
   -----------------------------------------------------------------------------
   Carregado SÓ nas jurídicas, via $this->css[] no controller — o core versiona
   com filemtime sozinho.

   Tudo aqui está escopado em .pagina-juridica de propósito: `.nota` existe nos
   dois CSS com significados diferentes (aqui é caixa de destaque, na home é
   linha pequena e cinza). Sem o escopo, quem carregasse os dois pegaria a
   errada, e é o tipo de coisa que só aparece em produção.

   Tipografia própria e não a da home: aqui o texto é longo e precisa ser LIDO
   inteiro, não escaneado.
   ============================================================================= */
body.pagina-juridica{font-family:var(--font);color:var(--text);background:var(--surface);line-height:1.7;
  -webkit-font-smoothing:antialiased}
.pagina-juridica a{color:var(--brand)}
.pagina-juridica .wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.pagina-juridica header{border-bottom:1px solid var(--surface-border);background:var(--surface)}
.pagina-juridica .barra{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}
.pagina-juridica .barra img{height:34px;display:block}
.pagina-juridica .barra a.voltar{color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:500}
.pagina-juridica .barra a.voltar:hover{color:var(--brand)}

/* Medida de leitura: ~72 caracteres por linha. Texto jurídico em linha larga
   ninguém termina, e o que ninguém termina não informou nada. */
.pagina-juridica .doc{max-width:680px;margin:0 auto;padding:44px 20px 72px}
.pagina-juridica .doc h1{font-size:clamp(28px,4.4vw,38px);letter-spacing:-.02em;line-height:1.2}
.pagina-juridica .doc .resumo{color:var(--text-muted);font-size:17px;margin-top:12px}
.pagina-juridica .doc .vigencia{display:inline-block;margin-top:18px;font-size:13px;color:var(--text-faint);
  background:var(--bg);border:1px solid var(--surface-border);border-radius:20px;padding:5px 14px}
.pagina-juridica .doc h2{font-size:20px;margin:40px 0 12px;letter-spacing:-.01em;scroll-margin-top:20px}
.pagina-juridica .doc h2 .n{color:var(--text-faint);font-weight:600;margin-right:8px}
.pagina-juridica .doc h3{font-size:16px;margin:24px 0 8px;color:var(--brand)}
.pagina-juridica .doc p{margin:0 0 14px}
.pagina-juridica .doc ul, .pagina-juridica .doc ol{margin:0 0 14px 22px}
.pagina-juridica .doc li{margin-bottom:8px}
.pagina-juridica .doc strong{font-weight:650}

/* Caixa de destaque: usada onde o texto diz algo que contraria a expectativa
   comum — é ali que a pessoa precisa parar de escanear e ler. */
.pagina-juridica .nota{background:var(--brand-tint);border-left:3px solid var(--brand);
  border-radius:0 10px 10px 0;padding:16px 18px;margin:20px 0;font-size:15px}
.pagina-juridica .nota strong{color:var(--brand)}
.pagina-juridica .alerta{background:var(--amber-tint);border-left:3px solid var(--amber);
  border-radius:0 10px 10px 0;padding:16px 18px;margin:20px 0;font-size:15px}
.pagina-juridica .alerta strong{color:var(--amber-text)}
.pagina-juridica table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14.5px}
.pagina-juridica th, .pagina-juridica td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--surface-border);vertical-align:top}
.pagina-juridica th{background:var(--bg);font-weight:650;font-size:13px;text-transform:uppercase;
  letter-spacing:.04em;color:var(--text-muted)}
.pagina-juridica .indice{background:var(--bg);border:1px solid var(--surface-border);border-radius:14px;
  padding:20px 22px;margin:28px 0}
.pagina-juridica .indice strong{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.05em;
  color:var(--text-muted);margin-bottom:10px}
.pagina-juridica .indice ol{margin:0 0 0 20px;font-size:15px}
.pagina-juridica .indice li{margin-bottom:5px}
.pagina-juridica .indice a{text-decoration:none}
.pagina-juridica .indice a:hover{text-decoration:underline}
.pagina-juridica footer{background:var(--text);color:#C9D4D7;padding:36px 0 26px;font-size:14px;margin-top:40px}
.pagina-juridica footer a{color:#fff}
.pagina-juridica footer img{height:26px;display:block;margin-bottom:10px}
.pagina-juridica footer .links{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px;font-size:13.5px}@media print{
.pagina-juridica header, .pagina-juridica footer, .pagina-juridica .indice{display:none}
.pagina-juridica .doc{max-width:none;padding:0}
body.pagina-juridica{font-size:11pt}
}