/* ============================================================
   PÁGINAS LEGALES (Aviso legal y Política de privacidad).
   Usan los colores y fuentes de la web (styles.css).
   ============================================================ */
body { background: var(--bg); }

.lg-top { border-bottom: 1px solid var(--line); }
.lg-top-inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 18px; padding-bottom: 18px; }
.lg-brand { display: inline-flex; flex-direction: column; align-items: center; line-height: 1; }
.lg-brand-name {
  font-family: var(--serif);
  font-size: 22px;
  letter-spacing: 0.16em;
  padding-left: 0.16em;
  background: linear-gradient(120deg, var(--gold-3), var(--gold-2) 45%, var(--gold-3));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.lg-brand-sub { margin-top: 5px; font-size: 8px; letter-spacing: 0.5em; padding-left: 0.5em; color: var(--ink-muted); }
.lg-actions { display: flex; align-items: center; gap: 18px; }
.lg-back { font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-muted); }
.lg-back:hover { color: var(--gold-2); }
.lg-lang {
  padding: 7px 12px; border: 1px solid var(--line); border-radius: 999px; background: none;
  font: inherit; font-size: 11px; letter-spacing: 0.14em; color: var(--ink); cursor: pointer;
}
.lg-lang:hover { border-color: var(--gold-3); color: var(--gold-2); }

.lg-main { max-width: 760px; padding-top: 56px; padding-bottom: 72px; }
.lg-main h1 { margin: 10px 0 0; font-family: var(--serif); font-weight: 500; font-size: clamp(32px, 4.5vw, 46px); }
.lg-main h2 { margin: 42px 0 12px; font-family: var(--serif); font-weight: 500; font-size: 22px; }
.lg-main p, .lg-main li { font-size: 15px; line-height: 1.75; color: var(--ink-muted); }
.lg-main ul { padding-left: 20px; }
.lg-main a { color: var(--gold-2); text-decoration: underline; text-underline-offset: 3px; }
.lg-main strong { color: var(--ink); font-weight: 500; }

/* ficha con los datos de la empresa */
.lg-datos { margin: 18px 0 0; border-top: 1px solid var(--line); }
.lg-datos div { display: grid; grid-template-columns: 170px 1fr; gap: 12px; padding: 11px 0; border-bottom: 1px solid var(--line); font-size: 14px; }
.lg-datos dt { color: var(--ink-faint); letter-spacing: 0.06em; }
.lg-datos dd { margin: 0; color: var(--ink); }
@media (max-width: 560px) { .lg-datos div { grid-template-columns: 1fr; gap: 2px; } }

/* dato sin rellenar en datos-legales.js */
.lg-falta {
  display: inline-block; padding: 1px 8px; border-radius: 4px;
  background: #b3261e; color: #fff; font-size: 11px; letter-spacing: 0.12em; font-weight: 500;
}
.lg-aviso-pend {
  margin: 22px 0 0; padding: 12px 16px; border: 1px solid #b3261e; border-radius: 6px;
  color: #b3261e; font-size: 13px; line-height: 1.6;
}
.lg-updated { margin-top: 48px; font-size: 12px; color: var(--ink-faint); }

[hidden] { display: none !important; }