/* =========================================================
   EMMA · Páginas legales (políticas, condiciones) — scopeado .emma-legal
   Plantilla REUTILIZABLE: sitio, plataforma y EMMA Start usan el mismo
   diseño (hero + índice de anclas + secciones numeradas) cambiando el texto.
   Naranja SOLO en CTA (aquí no hay). Morado #4D4A9E, verde #8DC049, Inter + Rubik.
   ========================================================= */
.emma-legal{
  --morado:#4D4A9E; --deep:#3A3877; --violet:#AC92EC; --green:#8DC049; --green-deep:#6FA033;
  --slate:#516377; --ink:#2c2a4a; --surface:#F6F6FB; --line:#ECECEE; --line2:#DDDDE3;
  font-family:'Inter',system-ui,sans-serif;color:var(--slate);line-height:1.65;background:#fff;
}
.emma-legal :where(h1,h2){color:var(--morado);line-height:1.2;letter-spacing:-.01em;margin:0;font-weight:400}
.emma-legal p{margin:0}
.emma-legal .ll-wrap{max-width:900px;margin:0 auto;padding:56px 24px 72px}

/* hero */
.emma-legal .eyebrow{font-family:'Rubik',sans-serif;font-weight:600;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--morado);display:inline-flex;align-items:center;gap:9px;margin:0 0 12px}
.emma-legal .eyebrow::before{content:"";width:22px;height:2px;background:var(--green);border-radius:2px}
.emma-legal .ll-hero h1{font-size:clamp(28px,4vw,34px);font-weight:400;letter-spacing:-.02em}
.emma-legal .updated{font-size:12.5px;color:var(--slate);margin-top:10px}
.emma-legal .updated b{color:var(--morado);font-weight:600}

/* índice */
.emma-legal .toc{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px 22px;margin:26px 0 8px}
.emma-legal .toc b{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--violet);font-weight:700}
.emma-legal .toc ol{margin:10px 0 0;padding-left:22px;columns:2;column-gap:32px;font-size:13.5px}
.emma-legal .toc li{margin:4px 0}
.emma-legal .toc a{color:var(--morado);text-decoration:none}
.emma-legal .toc a:hover{text-decoration:underline}

/* cuerpo */
.emma-legal h2.sec{font-size:19px;font-weight:600;color:var(--morado);margin:32px 0 8px;scroll-margin-top:100px}
.emma-legal h2.sec .nn{font-family:'Rubik',sans-serif;color:var(--violet);margin-right:10px}
.emma-legal .ll p{font-size:14.5px;line-height:1.75;margin:8px 0}
.emma-legal .ll ul{font-size:14.5px;line-height:1.7;margin:8px 0;padding-left:22px}
.emma-legal .ll ul li{margin:6px 0}
.emma-legal .fill{background:#fff4e8;border:1px solid #f4c48a;border-radius:5px;padding:1px 7px;font-size:12.5px;color:#8a5a1a;font-weight:600}
.emma-legal a.link{color:var(--morado);font-weight:600;text-decoration:none;border-bottom:1px solid var(--line2)}

/* subtítulo dentro de una sección (v7.37, usado por las condiciones de plataforma) */
.emma-legal .ll h3.sub{font-family:'Inter',sans-serif;font-size:15.5px;font-weight:600;color:var(--deep);margin:24px 0 4px;letter-spacing:-.01em;line-height:1.35}
.emma-legal .ll h3.sub + p{margin-top:4px}

@media (max-width:760px){
  .emma-legal .ll-wrap{padding:44px 20px 56px}
  .emma-legal .toc ol{columns:1}
}