@import url("variables.css");

/* Política de privacidad: se apoya en legal.css y agrega índice, tabla y resumen */
.privacidad { max-width: 780px; }

.privacidad h2 { scroll-margin-top: 96px; }

.privacidad .resumen {
  background: var(--color-success-bg);
  color: var(--color-ink);
  border-radius: var(--radius);
  padding: var(--space-3) var(--space-4);
  line-height: 1.6;
  margin-bottom: var(--space-4);
}

.privacidad .indice {
  background: var(--color-paper);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-lg);
  padding: var(--space-4);
  margin-bottom: var(--space-5);
}

.privacidad .indice-titulo {
  font-family: var(--font-display);
  font-weight: 600;
  color: var(--color-ink);
  margin: 0 0 var(--space-2);
}

.privacidad .indice ol {
  margin: 0;
  padding-left: 1.4em;
  columns: 2;
  column-gap: var(--space-5);
  line-height: 1.8;
}

.privacidad .indice a { font-weight: 400; text-decoration: none; }
.privacidad .indice a:hover { text-decoration: underline; }

.tabla-scroll { overflow-x: auto; margin-bottom: var(--space-3); -webkit-overflow-scrolling: touch; }

.tabla-datos {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.92rem;
  min-width: 520px;
}

.tabla-datos th,
.tabla-datos td {
  text-align: left;
  vertical-align: top;
  padding: var(--space-2) var(--space-3);
  border-bottom: 1px solid var(--color-line);
  line-height: 1.55;
  color: var(--color-ink-soft);
}

.tabla-datos th {
  font-family: var(--font-display);
  font-weight: 600;
  color: var(--color-ink);
  background: var(--color-paper);
}

.tabla-datos td:first-child { font-weight: 600; color: var(--color-ink); white-space: nowrap; }

.nota-legal {
  font-size: 0.9rem;
  border-left: 3px solid var(--color-line);
  padding-left: var(--space-3);
}

@media (max-width: 600px) {
  .privacidad .indice ol { columns: 1; }
}