/* Tema claro para privacidad y aviso legal. Se carga DESPUÉS de styles.css, que sigue siendo la
 * hoja (oscura) de la demo de /ia: aquí solo se cambian las variables y los colores fijos que
 * usan estas dos páginas. Misma paleta que ia.css y nueva.css. */
.legal-page{
  --bg:#ffffff; --bg-soft:#f4f7f5; --panel:#ffffff; --panel-2:#f4f7f5; --panel-3:#eef3f0;
  --line:rgba(16,40,28,.11); --line-strong:rgba(16,40,28,.2); --border:rgba(16,40,28,.11);
  --text:#1d2d26; --text-soft:#47594f; --muted:#47594f; --muted-2:#5f7066;
  --green:#0a7d4a; --green-2:#8fd6b0; --green-dark:#e3f6ec; --accent:#0a7d4a;
  --danger:#b42a33; --warning:#8a5800;
  color-scheme:light;
  color:var(--text);
  background:linear-gradient(180deg,#f1faf5,#fff 28rem);
}
.legal-page .skip-link{color:#fff}
.legal-page .site-header.scrolled{background:rgba(255,255,255,.9)}
.legal-page .header-cta{color:#fff;background:var(--green)}
.legal-page .header-cta:hover{color:#fff;background:#086a3f}
.legal-page .legal-shell > h1{letter-spacing:-.04em;font-weight:700}
.legal-page .legal-shell section p{line-height:1.75}
.legal-page .language-switcher{border-color:var(--line-strong);background:transparent}
.legal-page .language-switcher:hover,.legal-page .language-switcher:focus-within{border-color:var(--green);background:var(--green-dark)}
.legal-page .language-switcher option{background:#fff}
.legal-page .legal-shell section p a,.legal-page .legal-back:hover{color:var(--green)}
.legal-page .legal-shell section p a{text-decoration:underline;text-underline-offset:3px}
.legal-page .legal-warning{border-color:#ecc98a;background:#fdf1dc}
.legal-page .legal-warning strong{color:var(--warning)}
.legal-page .site-footer{background:var(--bg-soft)}