/* =========================================================================
   Páginas legales — visor de documentos (usa los tokens de skipit.css)
========================================================================= */
body.legal { min-height: 100vh; background: var(--bg); color: var(--ink); }

.legal-nav {
  position: sticky; top: 0; z-index: 50;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 13px clamp(16px, 4vw, 40px);
  background: var(--bg);
  border-bottom: 1px solid var(--border);
}
.legal-logo img { height: 24px; width: auto; display: block; }
.legal-logo .logo-dark { display: none; }
html[data-theme="dark"] .legal-logo .logo-light { display: none; }
html[data-theme="dark"] .legal-logo .logo-dark { display: block; }
.legal-nav-actions { display: flex; align-items: center; gap: 12px; }
.legal-back { font-size: .86rem; font-weight: 500; color: var(--muted); white-space: nowrap; }
.legal-back:hover { color: var(--green-3); }

.legal-main { max-width: 1000px; margin: 0 auto; padding: clamp(28px, 5vw, 56px) clamp(16px, 4vw, 40px) 72px; }
.legal-cat { font-family: var(--font-mono); font-size: .68rem; text-transform: uppercase; letter-spacing: .1em; color: var(--green-3); display: block; margin-bottom: 10px; }
.legal-title { font-size: clamp(1.6rem, 3vw, 2.4rem); font-weight: 500; letter-spacing: -0.02em; line-height: 1.1; margin-bottom: 22px; }

.legal-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 22px; }
.legal-actions .btn { font-size: .82rem; }

.legal-doc { border: 1px solid var(--border); border-radius: var(--r); overflow: hidden; background: var(--bg-card); box-shadow: var(--sh); }
.legal-doc iframe { width: 100%; height: min(82vh, 1150px); border: 0; display: block; }

.legal-fallback { margin-top: 16px; font-size: .86rem; color: var(--muted); text-align: center; }
.legal-fallback a { color: var(--green-3); font-weight: 600; }

@media (max-width: 600px) { .legal-doc iframe { height: 72vh; } }