/* Rumorea · páginas legales y «recuperar contraseña». Sólo tokens. */

.legal{padding-block:clamp(28px,4vw,48px) clamp(64px,8vw,112px)}
.legal__borrador{display:flex;gap:12px;align-items:flex-start;padding:14px 18px;border-radius:14px;
  background:var(--aviso-velo);border:1px solid var(--aviso);color:var(--texto);font-size:.93rem}
.legal__borrador svg{flex:none;width:18px;height:18px;margin-top:3px;color:var(--aviso)}
.legal__borrador b{color:var(--aviso)}

.legal__cab{margin-top:clamp(32px,5vw,56px);max-width:72ch}
.legal__docs{display:flex;gap:2px;padding:3px;border-radius:var(--r-pill);background:var(--sup);border:1px solid var(--linea);
  width:max-content;max-width:100%;overflow-x:auto;margin-bottom:28px}
.legal__docs a{padding:8px 15px;border-radius:var(--r-pill);text-decoration:none;font-size:.9rem;color:var(--gris);white-space:nowrap}
.legal__docs a:hover{color:var(--texto)}
.legal__docs a[aria-current]{background:var(--sup-3);color:var(--texto)}
.legal__cab h1{font:600 clamp(2.2rem,4.4vw,3.4rem)/1.02 var(--f-texto);letter-spacing:-.045em}
.legal__intro{margin-top:16px;color:var(--gris);font-size:1.08rem;line-height:1.6}
.legal__meta{margin-top:14px;font-size:.8rem;color:var(--gris)}

.legal__cuerpo{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(32px,5vw,72px);margin-top:clamp(36px,5vw,60px);
  padding-top:clamp(28px,4vw,40px);border-top:1px solid var(--linea)}
.legal__indice{position:sticky;top:96px;align-self:start;max-height:calc(100dvh - 120px);overflow:auto}
.legal__indice ol{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:2px}
.legal__indice a{display:grid;grid-template-columns:28px 1fr;gap:6px;padding:7px 10px;border-radius:10px;text-decoration:none;
  color:var(--gris);font-size:.88rem;line-height:1.35}
.legal__indice a .mono{font-size:.75rem;padding-top:1px;color:var(--tenue)}
.legal__indice a:hover{background:var(--sup);color:var(--texto)}

.legal__texto{max-width:70ch;font-size:1.02rem;line-height:1.75}
.legal__texto section{scroll-margin-top:96px}
.legal__texto section+section{margin-top:clamp(40px,5vw,56px)}
.legal__texto h2{display:flex;gap:14px;align-items:baseline;font:600 1.4rem/1.2 var(--f-texto);letter-spacing:-.025em;margin-bottom:16px}
.legal__texto h2 .mono{font-size:.85rem;color:var(--lila);font-weight:450}
.legal__texto h3{font:600 1.05rem/1.3 var(--f-texto);letter-spacing:-.01em;margin:26px 0 8px}
.legal__texto p+p,.legal__texto p+ul,.legal__texto ul+p,.legal__texto p+ol,.legal__texto ol+p,.legal__texto .legal__tabla+p{margin-top:14px}
.legal__texto ul,.legal__texto ol{margin:14px 0 0;padding-left:1.3em}
.legal__texto li+li{margin-top:8px}
.legal__texto li::marker{color:var(--lila)}
.legal__texto b,.legal__texto strong{font-weight:600}
.legal__texto a:not(.enlace){color:var(--lila)}
.legal__destaca{margin-top:16px;padding:16px 18px;border-radius:12px;background:var(--lila-velo);border-left:3px solid var(--lila)}
.legal__tabla{margin-top:16px;overflow-x:auto;border:1px solid var(--linea);border-radius:12px}
.legal__tabla table{width:100%;border-collapse:collapse;font-size:.92rem;line-height:1.5}
.legal__tabla th{font:450 var(--t-micro)/1.3 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gris);text-align:left;
  padding:12px 14px;background:var(--sup);border-bottom:1px solid var(--linea)}
.legal__tabla td{padding:12px 14px;border-bottom:1px solid var(--linea);vertical-align:top}
.legal__tabla tr:last-child td{border-bottom:0}
.legal__contacto{margin-top:56px;padding-top:24px;border-top:1px solid var(--linea);color:var(--gris)}

@media (max-width:900px){
  .legal__cuerpo{grid-template-columns:1fr}
  .legal__indice{position:static;max-height:none;padding:16px;border:1px solid var(--linea);border-radius:14px;background:var(--sup)}
}

/* ---------------------------------------------------------------- recuperar */
.rec{display:grid;place-items:center}
.rec__caja{width:100%;max-width:620px;padding:clamp(24px,4vw,40px);display:grid;gap:16px;justify-items:start}
.rec__caja h1{font:600 clamp(1.9rem,3.4vw,2.5rem)/1.05 var(--f-texto);letter-spacing:-.04em}
.rec__caja>.gris{font-size:1.02rem;line-height:1.6}
.rec__caja>.gris b{color:var(--texto);font-weight:600}
.rec__pasos{list-style:none;margin:8px 0;padding:0;display:grid;gap:14px;width:100%}
.rec__pasos li{display:grid;grid-template-columns:28px 1fr;gap:14px;align-items:start;padding:14px 16px;border-radius:12px;background:var(--sup-2)}
.rec__pasos b{display:block;font-weight:600;font-size:.96rem}
.rec__pasos .gris{font-size:.88rem}
.acc-n{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--lila-velo);color:var(--lila);font:500 .8rem/1 var(--f-mono)}
.rec__acc{--hueco:10px}
.rec__caja>.aviso{width:100%}
@media (max-width:640px){.rec__acc .btn{width:100%}}

/* [errores-publica 30-sep] en claro el número lila sobre el velo lila del paso daba 4,3:1 */
:root[data-tema="claro"] .acc-n,:root[data-tema="claro"] .acc-num{color:var(--lila-2)}