/* ============================================================
   Estilos compartidos de las páginas legales (Designed by Clopez)
   Paleta idéntica a index.html. Documento legible, sobrio y on-brand.
   ============================================================ */
:root{
  --morado:#582359; --morado-profundo:#401b41; --morado-claro:#ab7fac;
  --naranja:#F28322; --naranja-oscuro:#c06a1e;
  --papel:#e6e6df; --papel-hueso:#efefe8; --gris:#6b6b6b;
  --azul-claro:#c2e5f2; --azul-medio:#64b6d5; --blanco:#ffffff;
  --fuente:"Plus Jakarta Sans",-apple-system,"Helvetica Neue",Arial,sans-serif;
  --ancho:820px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; font-family:var(--fuente); color:var(--morado-profundo);
  background:var(--papel-hueso); line-height:1.72; -webkit-font-smoothing:antialiased;
}
a{color:var(--naranja)}
a:hover{color:var(--naranja-oscuro)}

/* Cabecera */
.legal-top{
  position:sticky; top:0; z-index:10; display:flex; align-items:center;
  justify-content:space-between; gap:16px; padding:14px 24px;
  background:var(--morado-profundo); box-shadow:0 2px 14px rgba(64,27,65,.18);
}
.legal-top .marca img{height:26px; display:block}
.legal-top .volver{
  color:rgba(255,255,255,.85); text-decoration:none; font-size:.92rem; font-weight:600;
}
.legal-top .volver:hover{color:#fff}

/* Cuerpo del documento */
.legal-doc{max-width:var(--ancho); margin:0 auto; padding:56px 24px 80px}
.legal-doc .kicker{
  color:var(--naranja); font-weight:800; letter-spacing:.14em; text-transform:uppercase;
  font-size:.76rem; margin:0 0 10px;
}
.legal-doc h1{
  font-size:clamp(1.9rem,4.4vw,2.7rem); line-height:1.12; margin:0 0 6px; letter-spacing:-.01em;
}
.legal-doc .actualizado{color:var(--gris); font-size:.86rem; margin:0 0 40px}
.legal-doc h2{
  font-size:clamp(1.18rem,2.4vw,1.42rem); margin:44px 0 10px; letter-spacing:-.01em;
  padding-top:14px; border-top:1px solid rgba(64,27,65,.12);
}
.legal-doc h3{font-size:1.02rem; margin:26px 0 6px}
.legal-doc p{margin:0 0 16px}
.legal-doc ul,.legal-doc ol{margin:0 0 16px; padding-left:22px}
.legal-doc li{margin:0 0 8px}
.legal-doc strong{color:var(--morado)}
.legal-doc .hueco{
  background:rgba(242,131,34,.16); border-bottom:1px dashed var(--naranja);
  padding:0 4px; border-radius:3px; font-weight:600;
}
.legal-doc .nota{
  background:#fff; border:1px solid rgba(64,27,65,.12); border-left:4px solid var(--azul-medio);
  border-radius:12px; padding:16px 18px; margin:22px 0; font-size:.94rem; color:#3a3340;
}
.legal-doc .tabla-cookies{width:100%; border-collapse:collapse; margin:8px 0 22px; font-size:.9rem}
.legal-doc .tabla-cookies th,.legal-doc .tabla-cookies td{
  text-align:left; padding:10px 12px; border-bottom:1px solid rgba(64,27,65,.12); vertical-align:top;
}
.legal-doc .tabla-cookies th{background:rgba(88,35,89,.06); font-weight:700}
.legal-doc .scroll-x{overflow-x:auto}

/* Pie */
.legal-pie{background:var(--morado-profundo); color:rgba(255,255,255,.72); padding:40px 24px; text-align:center}
.legal-pie nav{display:flex; flex-wrap:wrap; gap:8px 22px; justify-content:center; margin-bottom:16px; font-size:.85rem}
.legal-pie nav a{color:inherit; text-decoration:none; opacity:.75}
.legal-pie nav a:hover{opacity:1; color:var(--naranja)}
.legal-pie .cr{font-size:.8rem; opacity:.55}