:root{
  --lop-magenta:#FF1493;--lop-purple:#5446B8;--lop-ink:#1B1743;
  --lop-dark:#0A0A0A;--lop-white:#FFF;--lop-bone:#F6F5F9;--lop-gray:#6B7280;
  --lop-display:'Barlow Condensed',Impact,sans-serif;
  --lop-body:'Outfit',system-ui,sans-serif;--lop-skew:-8deg;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--lop-white);color:var(--lop-dark);
  font-family:var(--lop-body);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
:focus-visible{outline:3px solid var(--lop-magenta);outline-offset:3px}
.wrap{max-width:780px;margin:0 auto;padding-inline:clamp(20px,5vw,40px)}

.nav{background:var(--lop-dark);border-bottom:1px solid rgba(255,255,255,.14)}
.nav-in{display:flex;align-items:center;gap:1.1rem;height:74px;
  max-width:1120px;margin:0 auto;padding-inline:clamp(20px,5vw,40px)}
.nav-logo{height:42px;width:auto}
.nav-back{margin-left:auto;font-family:var(--lop-display);font-weight:700;
  text-transform:uppercase;letter-spacing:.12em;font-size:.82rem;
  color:rgba(255,255,255,.72);text-decoration:none}
.nav-back:hover{color:var(--lop-magenta)}

.doc-head{background:var(--lop-ink);color:var(--lop-white);padding-block:clamp(2.5rem,6vw,4rem)}
.doc-head .eyebrow{font-family:var(--lop-display);font-weight:700;text-transform:uppercase;
  letter-spacing:.22em;font-size:.85rem;color:var(--lop-magenta);display:block;margin-bottom:.7rem}
.doc-head h1{font-family:var(--lop-display);font-weight:800;text-transform:uppercase;
  font-size:clamp(2.4rem,6vw,3.8rem);line-height:.92;margin:0;letter-spacing:-.01em}
.doc-head .fecha{margin:1rem 0 0;color:rgba(255,255,255,.62);font-size:.95rem}

main{padding-block:clamp(2.5rem,6vw,4rem) clamp(3rem,7vw,5rem)}
main h2{font-family:var(--lop-display);font-weight:700;text-transform:uppercase;
  font-size:1.5rem;letter-spacing:.01em;margin:2.6rem 0 .8rem;padding-top:1.4rem;
  border-top:2px solid var(--lop-magenta)}
main h2:first-of-type{margin-top:0}
main h3{font-family:var(--lop-display);font-weight:700;text-transform:uppercase;
  font-size:1.15rem;margin:1.8rem 0 .5rem}
main p{margin:0 0 1.1rem}
main ul{margin:0 0 1.1rem;padding-left:1.3rem}
main li{margin-bottom:.5rem}
main a{color:var(--lop-magenta)}
.tabla{width:100%;border-collapse:collapse;margin:0 0 1.6rem;font-size:.96rem}
.tabla th,.tabla td{text-align:left;padding:.75rem .9rem;border-bottom:1px solid #E4E2EC;vertical-align:top}
.tabla th{background:var(--lop-bone);font-weight:600;width:38%}
.nota{background:var(--lop-bone);border-left:4px solid var(--lop-purple);
  padding:1.1rem 1.3rem;margin:0 0 1.6rem;font-size:.96rem}
.nota p:last-child{margin-bottom:0}

.foot{background:var(--lop-dark);color:rgba(255,255,255,.5);padding-block:2.2rem;font-size:.88rem}
.foot-in{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;
  max-width:1120px;margin:0 auto;padding-inline:clamp(20px,5vw,40px)}
.foot a{color:rgba(255,255,255,.72);text-decoration:none}
.foot a:hover{color:var(--lop-magenta)}
.foot-logo{height:34px;width:auto;opacity:.75}
.foot-links{margin-left:auto;display:flex;gap:1.4rem;flex-wrap:wrap}