/* Páginas legais (/privacidade/, /cookies/).
   CSS isolado (D-040), carregado depois de inner-pages.css; reutiliza os tokens dessa folha. */

.legal-hero{padding:72px 0 64px}
.legal-hero .hero-lead{margin-top:22px}
.legal-updated{margin:22px 0 0;color:#92958f;font-size:.8rem;font-weight:700}

.legal{max-width:780px}
.legal h2{font-size:clamp(1.35rem,2.4vw,1.75rem);line-height:1.2;letter-spacing:-.03em;font-weight:900;margin:48px 0 14px}
.legal h2:first-child{margin-top:0}
.legal h3{font-size:1.02rem;font-weight:800;margin:28px 0 8px}
.legal p,
.legal li{color:#3d413d;font-size:.98rem;line-height:1.75}
.legal p{margin:0 0 14px}
.legal ul{margin:0 0 16px;padding-left:22px}
.legal li{margin-bottom:6px}
.legal a{color:var(--ink);font-weight:700;text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:3px}
.legal a:hover{color:#000;text-decoration-color:var(--ink)}
.legal strong{color:var(--ink)}

.legal-note{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin:0 0 16px}
.legal-note p:last-child{margin-bottom:0}

.legal-actions{margin:22px 0 8px}
.legal .legal-actions a.btn{text-decoration:none;color:#fff}

/* Inventário de cookies: um cartão por cookie (sem tabela, para não forçar scroll horizontal em mobile). */
.cookie-list{display:grid;gap:12px;margin:0 0 18px}
.cookie-item{border:1px solid var(--line);border-radius:16px;padding:18px 20px;background:#fff}
.cookie-item h3{margin:0 0 10px;font-size:.95rem;word-break:break-all}
.cookie-item dl{display:grid;grid-template-columns:120px 1fr;gap:6px 14px;margin:0}
.cookie-item dt{font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#6f746f;padding-top:3px}
.cookie-item dd{margin:0;font-size:.92rem;line-height:1.6;color:#3d413d}

@media (max-width:680px){
  .legal-hero{padding:48px 0 44px}
  .legal h2{margin-top:38px}
  .cookie-item dl{grid-template-columns:1fr;gap:2px}
  .cookie-item dd{margin-bottom:8px}
}
