/* Páginas legais (Termos de Uso, Política de Privacidade, Política de Cookies) —
   mesmo padrão visual da home comercial (style.css), reaproveitado nas 3 pra não
   divergir de novo cada vez que uma delas for ajustada. */

.legal-hero{ padding:150px 0 8px; background: radial-gradient(ellipse 60% 50% at 85% 10%, rgba(200,154,60,.16), transparent 60%), var(--petroleo); }
.legal-breadcrumb{ font-size:.85rem; color:var(--cinza); margin-bottom:14px; }
.legal-breadcrumb a{ color:var(--cinza); text-decoration:underline; }
.legal-breadcrumb a:hover{ color:var(--dourado); }
.legal-breadcrumb span{ margin:0 6px; }
.legal-hero h1{ font-size:1.7rem; margin-bottom:8px; }
.legal-updated{ color:var(--cinza); font-size:.9rem; margin:0; }

.legal-section{ padding:24px 0 120px; }
.legal-wrapper{ display:grid; grid-template-columns:240px 1fr; gap:48px; align-items:start; }

.legal-toc{ position:sticky; top:110px; background:var(--petroleo-3); border:1px solid var(--linha); border-radius:var(--radius); padding:22px; }
.legal-toc h2{ font-size:.85rem; text-transform:uppercase; letter-spacing:.08em; color:var(--dourado); margin-bottom:14px; }
.legal-toc ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
.legal-toc a{ font-size:.88rem; color:var(--cinza); line-height:1.4; }
.legal-toc a:hover{ color:var(--dourado); }

.legal-content{ background:var(--petroleo-3); border:1px solid var(--linha); border-radius:var(--radius); padding:40px; }
.legal-content .legal-lead{ font-size:1.02rem; color:var(--branco); margin-bottom:34px; }
.legal-content section{ padding:26px 0; border-top:1px solid var(--linha); }
.legal-content section:first-of-type{ border-top:none; padding-top:0; }
.legal-content h2{ font-size:1.15rem; color:var(--branco); margin-bottom:12px; }
.legal-content p{ font-size:.95rem; line-height:1.7; }
.legal-content ul{ margin:0 0 1em; padding-left:20px; }
.legal-content li{ font-size:.95rem; line-height:1.7; color:var(--cinza); margin-bottom:8px; }
.legal-content a{ color:var(--dourado); text-decoration:underline; }

@media (max-width: 860px){
  .legal-wrapper{ grid-template-columns:1fr; }
  .legal-toc{ position:static; }
  .legal-content{ padding:28px; }
  .legal-hero{ padding:130px 0 8px; }
  .legal-hero h1{ font-size:1.5rem; }
}