/* Estilos exclusivos das páginas de texto legal (privacidade, termos) */

.legal{
  padding: 150px 0 90px;
  position: relative;
  z-index: 2;
  background-color: var(--bg);
}
.legal h1{
  font-size: clamp(1.9rem, 3.6vw, 2.6rem);
  margin-bottom: 10px;
}
.legal-meta{
  color: var(--text-dim); font-size: 13.5px; margin: 0 0 32px;
}
.legal h2{
  font-size: 1.2rem; margin: 44px 0 14px; scroll-margin-top: 100px;
  padding-bottom: 10px; border-bottom: 1px solid var(--surface-border);
}
.legal h3{
  font-size: 1rem; margin: 28px 0 10px; color: var(--accent-2);
}
.legal p{
  color: var(--text-dim); font-size: 15px; margin: 0 0 16px;
}
.legal ul{
  margin: 0 0 18px; padding: 0; list-style: none;
}
.legal li{
  position: relative; padding-left: 22px; margin-bottom: 10px;
  color: var(--text-dim); font-size: 15px;
}
.legal li::before{
  content: ""; position: absolute; left: 4px; top: 10px;
  width: 6px; height: 6px; border-radius: 50%; background: var(--accent-2); opacity: .7;
}
.legal strong{ color: var(--text); }
.legal a{
  color: var(--accent-2); border-bottom: 1px solid transparent; transition: border-color .2s;
}
.legal a:hover{ border-color: var(--accent-2); }
.legal code{
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 13px; padding: 2px 7px; border-radius: 6px;
  background: rgba(255,255,255,0.07); color: var(--text);
}

.legal-warning, .legal-pending{
  padding: 18px 22px; border-radius: 12px; margin: 0 0 28px;
  font-size: 14px; color: var(--text);
  border: 1px dashed rgba(255,190,60,0.45);
  background: rgba(255,190,60,0.05);
}
.legal-pending{ margin: 14px 0 0; }
.legal-warning strong, .legal-pending strong{ color: #ffbe3c; }

.legal-back{
  margin-top: 52px; padding-top: 26px;
  border-top: 1px solid var(--surface-border);
}