/* Páginas legales (privacy, privacidad, terms, terminos). Van después de
   site.css. Son para leer de corrido: una columna alineada con el logo y un
   ancho de línea cómodo. */

.doc {
  padding-top: clamp(1.5rem, 4vw, 3rem);
  padding-bottom: clamp(3rem, 8vw, 5rem);
}

.doc > * { max-width: 46rem; }

.doc-head {
  padding-bottom: 1.5rem;
  margin-bottom: 2.5rem;
  border-bottom: 1px solid var(--rule);
}

.doc h1 {
  font: 600 clamp(2.4rem, 5vw, 3.5rem)/1 var(--display);
  margin: 0 0 0.75rem;
}

.doc .meta { color: var(--muted); margin: 0; }

.doc h2 {
  font: 600 1.65rem/1.15 var(--display);
  margin: 2.75rem 0 0.75rem;
}

.doc h3 {
  font-size: 1.1rem;
  font-weight: 500;
  margin: 1.75rem 0 0.5rem;
}

.doc p, .doc li { margin: 0 0 0.85rem; }
.doc ul { padding-left: 1.35rem; }

/* Barlow se carga en 400 y 500; sin esto el navegador inventa una negrita. */
.doc strong, .doc th { font-weight: 500; }

.doc code {
  font: 0.9em ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  background: var(--slip);
  border: 1px solid var(--rule);
  border-radius: 3px;
  padding: 0.05em 0.3em;
}

.doc table {
  border-collapse: collapse;
  width: 100%;
  margin: 1rem 0 1.5rem;
  font-size: 0.95rem;
}
.doc th, .doc td {
  text-align: left;
  vertical-align: top;
  padding: 0.6rem 0.7rem;
  border-bottom: 1px solid var(--rule);
}
.doc th { background: var(--slip); }

/* Las tablas de plazos no caben en un teléfono: se desplazan solas, sin
   empujar la página hacia los lados. */
@media (max-width: 40rem) {
  .doc table { display: block; overflow-x: auto; }
}