/* Woply legal pages — estilo compartido */
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --carbon:#0B0E10; --surf:#16191C; --acc:#10E9A6; --acc-dk:#03140E;
  --niebla:#EAF2F4; --muted:#8B969C; --line:#262C30; --line2:#333A3F;
  --disp:'Bricolage Grotesque',sans-serif;
  --body:'Hanken Grotesk',sans-serif;
  --mono:'Space Mono',monospace;
}
html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
body{font-family:var(--body);background:var(--carbon);color:var(--niebla);line-height:1.7}
.lw{font-family:var(--disp);font-weight:800;letter-spacing:-.03em}
.lw i{color:var(--acc);font-style:normal}

/* top bar */
.legal-top{position:sticky;top:0;background:rgba(11,14,16,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:30}
.legal-top-inner{display:flex;align-items:center;justify-content:space-between;max-width:880px;margin:0 auto;padding:18px 28px}
.legal-top .lw{font-size:30px;line-height:1;color:var(--niebla);text-decoration:none;transition:opacity .2s}
.legal-top .lw:hover{opacity:.8}
.legal-top .back{font-family:var(--body);font-size:14px;color:var(--muted);text-decoration:none;transition:color .2s}
.legal-top .back:hover{color:var(--niebla)}

/* contenido */
.legal-wrap{max-width:780px;margin:0 auto;padding:50px 28px 60px}
.legal-kicker{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin-bottom:18px}
.legal-wrap h1{font-family:var(--disp);font-weight:800;font-size:clamp(34px,5vw,52px);letter-spacing:-.025em;line-height:1.05;margin-bottom:14px}
.legal-date{font-family:var(--mono);font-size:13px;color:var(--muted);margin-bottom:46px}
.legal-wrap h2{font-family:var(--disp);font-weight:700;font-size:22px;letter-spacing:-.015em;line-height:1.25;margin:42px 0 14px;color:var(--niebla)}
.legal-wrap h3{font-family:var(--disp);font-weight:600;font-size:17px;line-height:1.3;margin:28px 0 10px;color:var(--niebla)}
.legal-wrap p{font-size:15.5px;line-height:1.75;color:#C2CDD2;margin-bottom:14px}
.legal-wrap ul{margin:14px 0 22px;padding-left:22px;color:#C2CDD2;font-size:15.5px}
.legal-wrap li{margin-bottom:7px;line-height:1.7}
.legal-wrap a{color:var(--acc);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}
.legal-wrap a:hover{border-color:var(--acc)}
.legal-wrap strong{color:var(--niebla);font-weight:600}

/* bloque de datos / contacto */
.data-block{background:var(--surf);border:1px solid var(--line);border-radius:14px;padding:22px 26px;margin:24px 0;font-size:14.5px;line-height:1.9;color:#C2CDD2}
.data-block strong{color:var(--niebla);font-weight:600}

/* aviso destacado */
.callout{background:rgba(16,233,166,.06);border:1px solid rgba(16,233,166,.25);border-radius:14px;padding:18px 22px;margin:22px 0;font-size:14.5px;color:#C2CDD2;line-height:1.7}
.callout strong{color:var(--acc)}

/* footer */
.legal-foot{border-top:1px solid var(--line);margin-top:60px;padding:32px 0;font-size:12px;color:var(--muted);text-align:center}
.legal-foot-inner{max-width:780px;margin:0 auto;padding:0 28px}
.legal-foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-bottom:14px}
.legal-foot a{color:var(--muted);text-decoration:none;transition:color .2s}
.legal-foot a:hover{color:var(--niebla)}
.legal-foot .bottom-line strong{color:var(--niebla);font-weight:600}