/* Documentos legales (términos de uso y política de privacidad): solo presentación. El texto no cambia: el índice lo arma
   js/documento.js con los títulos que ya existen. */

/* Índice: después de la vigencia, un enlace por sección (44 px para tocarlos). */
.indice-documento { display: block; max-width: 70ch; font-size: .875rem; padding-bottom: 8px; }
.indice-documento .indice-t { font-size: .75rem; font-weight: 600; color: var(--suave); margin: 0 0 4px; }
.indice-documento ol { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 0 32px; }
.documento .indice-documento li { max-width: none; }
.indice-documento a { display: flex; align-items: center; min-height: 44px; padding: 4px 0; border-bottom: 1px solid var(--linea); color: var(--tinta); text-decoration: none; line-height: 1.35; }
.indice-documento a:hover { color: var(--oro-tinta); text-decoration: underline; }

/* En el celular, la columna de lectura no pierde 40 px por lado. */
@media (max-width: 480px) { .documento { padding: 24px 16px; } }

/* Impresión: el documento en bloque (una rejilla partida entre páginas monta un título sobre la línea anterior), sin la
   barra ni el pie, con el número de página. */
@page { size: A4; margin: 16mm 16mm 18mm; @bottom-right { content: "Página " counter(page) " de " counter(pages); font-family: "IBM Plex Sans", sans-serif; font-size: 9pt; color: #566074; } }
@media print {
  /* En papel, siempre los colores claros (aunque la pantalla esté en modo oscuro). */
  :root:not([data-impresion]) { --papel: #fff; --superficie: #fff; --superficie-2: #f6f7f9; --tinta: #0b1324; --suave: #566074; --linea: #dce1e8; --oro-tinta: #7a5c17; color-scheme: light; }
  .barra, .pie { display: none !important; }
  body { background: #fff; color: #0b1324; font-size: 10.5pt; }
  .contenedor { max-width: none; padding: 0; }
  .documento { display: block; border: 0; box-shadow: none; padding: 0; margin: 0; background: none; color: #0b1324; }
  .documento > * + * { margin-top: 12px; }
  .documento h1 { font-size: 22pt; }
  .documento h2 { font-size: 13pt; margin-top: 16px; break-after: avoid; }
  .documento ol, .documento ul { display: block; }
  .documento li + li { margin-top: 8px; }
  .documento p, .documento li { orphans: 3; widows: 3; }
  .documento p, .documento li { max-width: none; }
  .indice-documento ol { display: grid; grid-template-columns: 1fr 1fr; }
  .indice-documento a { min-height: 0; padding: 2px 0; color: #0b1324; }
  .indice-documento { break-inside: avoid; }
  .indice-documento li + li { margin-top: 0; }
}