/* ============================================================
   Estilos de las páginas legales de AutoSession (landing)
   Paleta de marca idéntica a index.html. Autónomo, sin fuentes
   externas (usa la tipografía del sistema, como la landing).
   ============================================================ */
:root{
  --morado:#582359;
  --morado-profundo:#401b41;
  --morado-claro:#ab7fac;
  --naranja:#F28322;
  --naranja-oscuro:#c06a1e;
  --papel:#e6e6df;
  --gris:#6b6b6b;
  --blanco:#ffffff;
  --fuente:-apple-system,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--fuente);color:var(--morado-profundo);background:var(--papel);
  line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{max-width:100%;display:block}

/* ---- Cabecera ---- */
.legal-top{display:flex;align-items:center;justify-content:space-between;gap:16px;
  background:var(--morado-profundo);padding:16px 24px}
.legal-top .marca img{height:26px;opacity:.95}
.legal-top .volver{color:rgba(255,255,255,.85);font-size:.9rem;font-weight:600}
.legal-top .volver:hover{color:#fff}

/* ---- Documento ---- */
.legal-doc{max-width:760px;margin:0 auto;padding:48px 24px 64px}
.legal-doc .kicker{color:var(--naranja);font-weight:700;text-transform:uppercase;
  letter-spacing:.12em;font-size:.8rem;margin-bottom:8px}
.legal-doc h1{color:var(--morado);font-size:2rem;line-height:1.2;margin-bottom:6px}
.legal-doc .actualizado{color:var(--gris);font-size:.9rem;margin-bottom:28px}
.legal-doc h2{color:var(--morado);font-size:1.15rem;margin:30px 0 8px}
.legal-doc p{margin:10px 0}
.legal-doc ul{margin:10px 0 10px 4px;padding-left:22px}
.legal-doc li{margin:5px 0}
.legal-doc a{color:var(--morado);text-decoration:underline;text-underline-offset:2px}
.legal-doc a:hover{color:var(--naranja)}
.legal-doc .tabla-scroll{overflow-x:auto;margin:14px 0}
.legal-doc table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:520px}
.legal-doc th,.legal-doc td{border:1px solid #cfcfc8;padding:8px 10px;text-align:left;vertical-align:top}
.legal-doc th{background:rgba(88,35,89,.08)}
.legal-doc .nota{background:rgba(88,35,89,.06);border-left:3px solid var(--morado-claro);
  padding:12px 16px;border-radius:8px;margin:16px 0;font-size:.92rem}

/* ---- Pie ---- */
.legal-pie{background:var(--morado-profundo);color:rgba(255,255,255,.6);
  padding:36px 24px;text-align:center;font-size:.85rem}
.legal-pie nav{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;margin-bottom:14px}
.legal-pie a{color:rgba(255,255,255,.8)}
.legal-pie a:hover{color:var(--naranja)}
.legal-pie .cr{opacity:.7}