/* =========================================================
   ZUNQ COMPANY — legal.css
   Tipografia para páginas de texto corrido (Termos de Uso etc.)
========================================================= */

.legal-hero{
  position:relative;
  padding: 120px 0 50px;
  overflow:hidden;
}
.legal-hero__inner{ max-width: 640px; }
.legal-hero__title{
  font-family:'Space Grotesk', sans-serif;
  font-size: clamp(1.9rem, 3.6vw, 2.6rem);
  color: var(--text);
  margin: 18px 0 10px;
  font-weight:600;
  letter-spacing: -0.01em;
}
.legal-hero__updated{
  font-size: 0.85rem;
  color: var(--text-faint);
}

.legal-section{ padding: 10px 0 90px; }
.legal-content{
  max-width: 720px;
  border-top: 1px solid var(--border);
  padding-top: 40px;
}
.legal-content h2{
  font-family:'Space Grotesk', sans-serif;
  font-size: 1.2rem;
  font-weight:600;
  color: var(--text);
  margin: 40px 0 14px;
}
.legal-content h2:first-child{ margin-top:0; }
.legal-content p{
  color: var(--text-dim);
  font-size: 0.96rem;
  line-height:1.75;
  margin-bottom: 16px;
}
.legal-content ul{
  margin: 0 0 16px;
  padding-left: 20px;
  color: var(--text-dim);
  font-size: 0.96rem;
  line-height:1.75;
}
.legal-content li{ margin-bottom: 6px; }
.legal-content strong{ color: var(--text); font-weight:600; }
.legal-content a{ color: var(--blue-soft); }
.legal-content a:hover{ text-decoration: underline; }

.legal-note{
  margin-top: 40px;
  padding: 18px 20px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-left: 2px solid var(--blue-soft);
  border-radius: 6px;
  font-size: 0.88rem;
  color: var(--text-faint);
}

@media (max-width: 640px){
  .legal-hero{ padding: 90px 0 40px; }
}