/* Estilos de las páginas legales de Adianta — registro Product, tokens del sistema Adianta. */
:root{
  --accent:#4F46E5;--accent-dk:#4338CA;--ink:#16161D;--body-c:#3F4250;
  --label:#6B7080;--bg:#F5F5F7;--dark:#141829;--line:rgba(22,22,29,.10);
}
@font-face{font-family:"Inter";src:url("../fonts/Inter.woff2") format("woff2");font-weight:400 700;font-display:swap;}
@font-face{font-family:"Bricolage Grotesque";src:url("../fonts/BricolageGrotesque.woff2") format("woff2");font-weight:400 800;font-display:swap;}
*,*::before,*::after{box-sizing:border-box;}
body{margin:0;font-family:"Inter",system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65;-webkit-font-smoothing:antialiased;}
a{color:var(--accent-dk);}
.legal-header{background:#fff;border-bottom:1px solid var(--line);}
.legal-header .wrap{max-width:820px;margin:0 auto;padding:1.1rem clamp(1.25rem,4vw,2rem);display:flex;align-items:center;justify-content:space-between;gap:1rem;}
.legal-header svg{height:24px;width:auto;}
.legal-header a.back{font-size:.9rem;font-weight:600;color:var(--body-c);}
.legal-header a.back:hover{color:var(--ink);}
main.legal{max-width:820px;margin:0 auto;padding:clamp(2.5rem,5vw,4.5rem) clamp(1.25rem,4vw,2rem) 4rem;}
.legal h1{font-family:"Bricolage Grotesque","Inter",sans-serif;font-weight:800;letter-spacing:-.02em;font-size:clamp(2rem,1.4rem+2vw,2.8rem);line-height:1.08;margin:0 0 .5rem;}
.legal .updated{color:var(--label);font-size:.9rem;margin:0 0 2rem;}
.legal h2{font-family:"Bricolage Grotesque","Inter",sans-serif;font-weight:700;letter-spacing:-.015em;font-size:1.3rem;margin:2.4rem 0 .7rem;}
.legal p,.legal li{color:var(--body-c);font-size:1rem;}
.legal p{margin:0 0 1rem;}
.legal ul{margin:0 0 1rem;padding-left:1.2rem;display:flex;flex-direction:column;gap:.4rem;}
.legal .ph{background:#FFF7D6;border-radius:4px;padding:0 .3em;color:#7a6a00;font-weight:600;}
.legal-foot{max-width:820px;margin:0 auto;padding:1.6rem clamp(1.25rem,4vw,2rem) 3rem;border-top:1px dashed var(--line);display:flex;flex-wrap:wrap;gap:1.2rem;font-size:.88rem;}
.legal-foot a{color:var(--body-c);}
.legal-foot a:hover{color:var(--ink);}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;}