/* Estilos para documentos legales de lectura larga (aviso de privacidad).
   Medida corta y jerarquía clara: son textos que se leen completos, no se
   hojean. */

.documento {
  max-width: 74ch;
  margin: 0 auto;
  padding: 48px 24px 88px;
}

.documento h1 {
  font-size: clamp(28px, 4vw, 40px);
  font-weight: 600;
  margin-bottom: 8px;
}

.documento h2 {
  font-size: clamp(21px, 2.6vw, 26px);
  font-weight: 600;
  margin: 44px 0 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--borde);
}

.documento h3 {
  font-size: 18px;
  font-weight: 600;
  margin: 28px 0 8px;
}

.documento p {
  margin: 0 0 15px;
  font-size: 16px;
  color: var(--texto-medio);
}

.documento strong { color: var(--texto); font-weight: 600; }

.documento ul,
.documento ol {
  margin: 0 0 18px;
  padding-left: 24px;
  color: var(--texto-medio);
}

.documento li { margin-bottom: 7px; font-size: 16px; }

.documento hr {
  margin: 36px 0;
  border: 0;
  border-top: 1px solid var(--borde);
}

.documento code {
  padding: 2px 6px;
  border-radius: 5px;
  background: var(--superficie-alt);
  font-family: var(--fuente-mono);
  font-size: 13.5px;
  color: var(--azul-500);
}

/* Las tablas de encargados no caben en móvil: se desplazan solas en vez de
   forzar scroll horizontal a toda la página. */
.tabla-scroll {
  overflow-x: auto;
  margin: 0 0 22px;
  border: 1px solid var(--borde);
  border-radius: var(--r-md);
}

.documento table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14.5px;
}

.documento thead {
  background: var(--marino-800);
  color: var(--marfil-200);
}

.documento th {
  padding: 11px 14px;
  text-align: left;
  font-weight: 600;
  white-space: nowrap;
}

.documento td {
  padding: 10px 14px;
  border-top: 1px solid var(--borde);
  color: var(--texto-medio);
}

.documento tbody tr:nth-child(even) { background: var(--superficie-alt); }