/* =====================================================
   AQUASOFT — Legal Pages (oferta, policy)
   ===================================================== */

.legal-page {
  max-width: 1100px; margin: 0 auto;
  padding: 32px 18px 60px;
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  color: #111827;
}
.legal-page h1 { font-size: 1.6rem; font-weight: 800; color: var(--deep); margin: 0 0 6px; }
.legal-page .sub { color: var(--muted); margin: 0 0 28px; font-size: .92rem; }

.legal-grid {
  display: grid; grid-template-columns: 240px 1fr; gap: 22px; align-items: start;
}
@media (max-width: 860px) { .legal-grid { grid-template-columns: 1fr; } }

/* Sidebar TOC */
.legal-toc {
  position: sticky; top: 20px;
  background: #fff; border: 1px solid var(--border);
  border-radius: var(--r); padding: 16px;
  box-shadow: 0 4px 18px rgba(8,164,147,.10);
}
.legal-toc h3 {
  font-size: .78rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: .06em; color: var(--teal); margin: 0 0 10px;
}
.lt-link {
  display: block; padding: 5px 0; border-bottom: 1px solid #f3f6f5;
  text-decoration: none; color: #374151; font-size: .82rem; line-height: 1.4;
  transition: color .15s;
}
.lt-link:last-child { border-bottom: none; }
.lt-link:hover { color: var(--teal); text-decoration: none; }
@media (max-width: 860px) { .legal-toc { position: static; } }

/* Content */
.legal-content { display: flex; flex-direction: column; gap: 14px; }
.legal-section {
  background: #fff; border: 1px solid var(--border);
  border-radius: var(--r); padding: 20px 22px;
  box-shadow: 0 4px 18px rgba(8,164,147,.10);
}
.legal-section h2 {
  font-size: .97rem; font-weight: 700; color: var(--deep);
  margin: 0 0 12px; padding-bottom: 10px;
  border-bottom: 2px solid var(--light);
  display: flex; align-items: center; gap: 8px;
}
.sec-num {
  width: 26px; height: 26px; border-radius: 6px;
  background: var(--light); color: var(--teal);
  font-size: .78rem; font-weight: 800;
  display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.legal-section p {
  font-size: .88rem; color: #374151; line-height: 1.7; margin: 0 0 8px;
}
.legal-section p:last-child { margin-bottom: 0; }
.legal-section a { color: var(--teal); }