:root{
  --navy:#081d42;
  --navy-2:#0d2a5c;
  --gold:#c9a84c;
  --gold-ink:#8a6a1c;
  --white:#fff;
  --paper:#f6f6f8;
  --ink:#101a2c;
  --ink-2:#4a566b;
  --line:#e3e5ea;
  --on-navy-2:rgba(255,255,255,.72);
  --r-lg:18px;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  background:var(--paper);color:var(--ink);line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:var(--gold-ink)}

.inner{width:min(100% - 2.4rem,780px);margin-inline:auto}

.legal-top{background:var(--navy);color:var(--white);padding-block:1.1rem}
.legal-top .inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.legal-top img{height:42px;width:auto}
.legal-top a{
  color:var(--on-navy-2);text-decoration:none;font-size:.78rem;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;transition:color .25s var(--ease);
}
.legal-top a:hover{color:var(--gold)}

.legal-hero{background:var(--navy);color:var(--white);padding-block:clamp(2.6rem,6vw,4.4rem) clamp(3rem,7vw,5rem)}
.legal-hero .eyebrow{
  font-size:.7rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold);margin-bottom:.9rem;
}
.legal-hero h1{font-size:clamp(1.7rem,4.6vw,2.9rem);font-weight:900;letter-spacing:-.02em;line-height:1.12}
.legal-hero .fecha{margin-top:1.1rem;font-size:.85rem;color:var(--on-navy-2)}

main{padding-block:clamp(2.6rem,6vw,4.2rem) clamp(3.4rem,8vw,5.6rem)}
main h2{
  font-size:clamp(1.1rem,2.2vw,1.35rem);font-weight:800;color:var(--navy);
  margin:2.6rem 0 .9rem;letter-spacing:-.01em;
}
main h2:first-child{margin-top:0}
main h2 .num{color:var(--gold);margin-right:.5rem}
main p{font-size:.94rem;color:var(--ink-2);margin-bottom:1rem}
main ul{list-style:none;margin:0 0 1.2rem;display:grid;gap:.6rem}
main li{position:relative;padding-left:1.5rem;font-size:.94rem;color:var(--ink-2)}
main li::before{
  content:'';position:absolute;left:.25rem;top:.72rem;
  width:6px;height:6px;border-radius:50%;background:var(--gold);
}
main b,main strong{color:var(--navy);font-weight:700}

.aviso{
  margin-top:2.8rem;padding:1.4rem 1.6rem;border-radius:var(--r-lg);
  background:var(--white);border:1px solid var(--line);
}
.aviso p{margin:0;font-size:.9rem}

.legal-foot{background:#050f24;color:var(--on-navy-2);padding-block:2.2rem;font-size:.82rem}
.legal-foot .inner{display:flex;flex-wrap:wrap;gap:1rem 1.6rem;justify-content:space-between;align-items:center}
.legal-foot a{color:var(--on-navy-2);text-decoration:none;transition:color .25s var(--ease)}
.legal-foot a:hover{color:var(--gold)}
.legal-foot nav{display:flex;gap:1.4rem;flex-wrap:wrap}