/* Páginas legales de la vitrina (borradores) — dirección A · Galeria */
.saltar { position: absolute; left: 12px; top: -80px; z-index: 100; background: var(--c-ink); color: var(--c-bg); padding: 10px 14px; border-radius: 8px; font-weight: 600; text-decoration: none; }
.saltar:focus { top: 12px; }
.enlace-volta { margin-left: auto; font-size: .9rem; color: var(--c-muted); }

.legal { max-width: 820px; padding-top: 40px; padding-bottom: 120px; }
.legal h1 { font-family: var(--c-font-display); font-weight: 400; font-size: clamp(2.4rem, 5vw, 3.6rem); line-height: 1; letter-spacing: -.015em; margin: 28px 0 10px; }
.legal h2 { font-family: var(--c-font-display); font-weight: 400; font-size: 1.7rem; line-height: 1.1; margin: 0 0 14px; }
.legal section { padding: 28px 0; border-top: 1px solid var(--c-line); }
.legal p, .legal li, .legal dd { font-size: 1rem; line-height: 1.65; }
.legal p + p { margin-top: .8em; }
.legal ul { padding-left: 1.2em; margin: .6em 0; display: grid; gap: .45em; }
.legal code { font-size: .9em; background: var(--c-surface); padding: 1px 6px; border-radius: 4px; border: 1px solid var(--c-line); }
.legal__meta { color: var(--c-muted); font-size: .92rem; margin-bottom: 28px; }
.legal__fonte { color: var(--c-muted); font-size: .88rem; }

.legal__rascunho { padding: 14px 18px; border-radius: 10px; background: #FFF4C2; color: #4A3B00; border: 1px dashed #9A7400; }
.legal__resumo { padding: 22px 24px !important; border: 1px solid var(--c-line) !important; border-radius: 14px; background: var(--c-surface); margin-bottom: 8px; }
.legal__dados { margin: 0; display: grid; }
.legal__dados div { display: grid; grid-template-columns: 220px 1fr; gap: 16px; padding: 10px 0; border-bottom: 1px solid var(--c-line); }
.legal__dados dt { color: var(--c-muted); font-size: .9rem; }
.legal__dados dd { margin: 0; }
.legal__nota-interna { margin-top: 12px; padding: 14px 18px; border-radius: 10px; background: #F1E3E0; color: #5A2014; border: 1px dashed #8B2F1C; font-size: .95rem; }
.legal__nota-interna ul { margin-top: .4em; }
.legal__aviso-final { margin-top: 32px; padding-top: 20px; border-top: 1px solid var(--c-line); font-size: .88rem; color: var(--c-muted); }

/* Marca de dato pendiente */
.pend {
  display: inline; padding: 1px 6px; border-radius: 4px;
  background: #FFF4C2; color: #5C4600; border: 1px dashed #9A7400;
  font: 600 .82em/1.5 ui-monospace, Consolas, monospace; letter-spacing: .01em;
}

@media (max-width: 620px) {
  .legal__dados div { grid-template-columns: 1fr; gap: 2px; }
  .enlace-volta { font-size: .82rem; }
}