/* LoDicen — estilos de las páginas legales. Documentos largos, lectura cómoda. */

.doc { max-width: 760px; margin: 0 auto; padding: 8px 0 40px; }
.doc h1 { font-size: clamp(27px, 4.4vw, 36px); font-weight: 800; letter-spacing: -.9px; margin-bottom: 6px; }
.doc-fecha { font-size: 13.5px; color: var(--ink-soft); margin-bottom: 26px; }
.doc h2 {
  font-size: 20px; font-weight: 700; letter-spacing: -.3px; text-align: left;
  margin: 38px 0 12px; padding-top: 22px; border-top: 1px solid var(--line);
}
.doc h3 { font-size: 16.5px; font-weight: 600; margin: 22px 0 8px; }
.doc p { color: var(--ink-soft); font-size: 15.5px; margin-bottom: 12px; }
.doc ul, .doc ol { color: var(--ink-soft); font-size: 15.5px; margin: 0 0 14px 22px; }
.doc li { margin-bottom: 7px; }
.doc strong { color: var(--ink); font-weight: 600; }
.doc a { font-weight: 500; }

/* Datos que faltan por rellenar. En rojo y a propósito: si esta página se
   publica sin completarlos, tiene que cantar a la primera ojeada. */
.falta {
  background: #fef2f2; color: #b91c1c; border: 1px dashed #fca5a5;
  border-radius: 6px; padding: 1px 7px; font-weight: 600;
  font-family: ui-monospace, monospace; font-size: .92em; white-space: nowrap;
}

.doc-aviso {
  background: #fffbeb; border: 1px solid #fde68a; color: #92400e;
  border-radius: var(--radius); padding: 16px 20px; margin: 0 0 30px; font-size: 14.5px;
}
.doc-aviso strong { color: #78350f; }

.doc-tabla { width: 100%; border-collapse: collapse; font-size: 14.5px; margin: 6px 0 18px; }
.doc-tabla th {
  text-align: left; padding: 11px 14px; background: var(--brand-soft);
  color: var(--brand-ink); font-size: 13.5px; font-weight: 700;
}
.doc-tabla td { padding: 11px 14px; border-top: 1px solid var(--line); color: var(--ink-soft); vertical-align: top; }
.doc-tabla td:first-child { color: var(--ink); font-weight: 600; width: 34%; }
.doc-scroll { overflow-x: auto; border: 1px solid var(--line); border-radius: var(--radius); }

/* Campo trampa: invisible y fuera del alcance del teclado y de los lectores de
   pantalla. Solo lo rellenan los robots que completan todo lo que encuentran. */
.miel { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.llamada { display: flex; gap: 18px; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 18px; background: var(--brand-soft); border-color: var(--brand); }
.llamada b { display: block; font-size: 16px; margin-bottom: 3px; }
.llamada p { font-size: 14px; color: var(--brand-ink); margin: 0; max-width: 380px; }

.doc-legal-nav { display: flex; gap: 18px; justify-content: center; flex-wrap: wrap; margin-bottom: 14px; font-size: 13.5px; }
.doc-legal-nav a[aria-current] { color: var(--ink); font-weight: 600; }

@media (max-width: 700px) {
  .doc-tabla td:first-child { width: auto; }
  .doc h2 { font-size: 18.5px; }
}