/* Hoja común de las páginas legales de automateMJ.
   Misma paleta índigo que la landing, sin dependencias externas. */
:root {
  --bg:#F1F1F7; --ink:#16172B; --accent:#4338CA; --rule:#D9D9E6; --muted:#4F4F66;
  --meta:#6A6A85; --alt:#EAEAF3; --card:#E7E7F1; --aviso:#B3283F;
  --foot-bg:#101124; --foot-text:#8A88A6;
}
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink);
  font-family:'Sora',system-ui,-apple-system,'Segoe UI',sans-serif; line-height:1.7; }
a { color:var(--accent); }
a:focus-visible, button:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
.barra { border-bottom:1px solid var(--rule); background:rgba(241,241,247,.94);
  position:sticky; top:0; backdrop-filter:blur(12px); z-index:5; }
.barra div { max-width:820px; margin:0 auto; padding:16px 24px;
  display:flex; align-items:center; justify-content:space-between; gap:16px; }
.marca { display:flex; align-items:center; gap:11px; text-decoration:none; color:inherit; }
.marca span:first-child { width:11px; height:11px; background:var(--accent); flex:none; }
.marca span:last-child { font-weight:800; font-size:17px; letter-spacing:-.02em; }
.volver { font-family:ui-monospace,'IBM Plex Mono',monospace; font-size:11px;
  letter-spacing:.16em; text-decoration:none; color:var(--meta); }
.volver:hover { color:var(--accent); }
main { max-width:820px; margin:0 auto; padding:48px 24px 72px; }
.eyebrow { font-family:ui-monospace,'IBM Plex Mono',monospace; font-size:11px;
  letter-spacing:.22em; color:var(--accent); }
h1 { margin:14px 0 8px; font-size:clamp(32px,6vw,46px); font-weight:200; letter-spacing:-.035em; }
.fecha { margin:0 0 30px; font-family:ui-monospace,'IBM Plex Mono',monospace;
  font-size:11px; letter-spacing:.14em; color:var(--meta); }
.aviso { border:1px solid var(--aviso); border-left-width:4px; background:var(--alt);
  padding:18px 20px; margin:0 0 40px; font-size:14.5px; }
.aviso b { display:block; font-family:ui-monospace,'IBM Plex Mono',monospace; font-size:10.5px;
  letter-spacing:.18em; color:var(--aviso); margin-bottom:8px; }
h2 { margin:38px 0 12px; font-size:clamp(20px,3.4vw,25px); font-weight:600; letter-spacing:-.02em; }
h3 { margin:26px 0 8px; font-size:17px; font-weight:600; }
p, li { font-size:15.5px; color:var(--muted); text-wrap:pretty; }
ul { padding-left:20px; } li { margin-bottom:7px; }
.hueco { background:var(--card); border-bottom:2px solid var(--accent); padding:1px 6px;
  font-family:ui-monospace,'IBM Plex Mono',monospace; font-size:.88em; color:var(--ink);
  white-space:nowrap; }
.idioma { margin:56px 0 0; padding-top:34px; border-top:1px solid var(--rule); }
table { width:100%; border-collapse:collapse; margin:14px 0; font-size:14.5px; }
th, td { text-align:left; padding:11px 12px; border-bottom:1px solid var(--rule); vertical-align:top; }
th { font-family:ui-monospace,'IBM Plex Mono',monospace; font-size:10.5px;
  letter-spacing:.16em; color:var(--meta); font-weight:400; }
td { color:var(--muted); }
footer { background:var(--foot-bg); color:var(--foot-text); }
footer div { max-width:820px; margin:0 auto; padding:30px 24px;
  display:flex; flex-wrap:wrap; gap:10px 26px; justify-content:space-between;
  font-family:ui-monospace,'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.1em; }
footer a { color:var(--foot-text); text-decoration:none; }
footer a:hover { color:#A9A2FF; }
@media (prefers-reduced-motion: reduce) { * { transition:none !important; animation:none !important; } }