@font-face{font-family:Poppins;font-weight:600;font-display:swap;src:url(assets/fonts/poppins-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:Poppins;font-weight:700;font-display:swap;src:url(assets/fonts/poppins-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:Lato;font-weight:400;font-display:swap;src:url(assets/fonts/lato-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:Lato;font-weight:700;font-display:swap;src:url(assets/fonts/lato-latin-700-normal.woff2) format('woff2')}

:root{
  --blanco:#fff;
  --lienzo:#F2F4F9;
  --tinta:#0A1540;
  --azul:#0033A0;
  --magenta:#E4007C;
  --gris:#5A6480;
  --linea:#DDE2EE;
  --mx:clamp(20px,5vw,72px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--blanco);color:var(--tinta);
  font-family:Lato,system-ui,sans-serif;font-size:1.02rem;line-height:1.72;
  -webkit-font-smoothing:antialiased}

.barra{border-bottom:1px solid var(--linea);background:var(--blanco)}
.barra__in{max-width:900px;margin:0 auto;padding:18px var(--mx);
  display:flex;align-items:center;justify-content:space-between;gap:20px}
.barra img{height:32px;width:auto;display:block}
.barra a.volver{font-family:Poppins,sans-serif;font-weight:600;font-size:.86rem;
  color:var(--azul);text-decoration:none}
.barra a.volver:hover{text-decoration:underline}

main{max-width:900px;margin:0 auto;padding:clamp(48px,7vw,86px) var(--mx) clamp(60px,8vw,110px)}

h1{font-family:Poppins,sans-serif;font-weight:700;color:var(--azul);
  text-transform:uppercase;letter-spacing:-.03em;line-height:1;
  font-size:clamp(2rem,5.4vw,3.2rem);margin:0 0 14px}
.fecha{font-family:Poppins,sans-serif;font-weight:600;font-size:.74rem;
  letter-spacing:.14em;text-transform:uppercase;color:var(--magenta);margin:0 0 34px}
h2{font-family:Poppins,sans-serif;font-weight:700;color:var(--tinta);
  font-size:clamp(1.12rem,2.2vw,1.34rem);line-height:1.25;margin:44px 0 10px}
p{margin:0 0 16px}
ul{margin:0 0 16px;padding-left:22px}
li{margin-bottom:8px}
a{color:var(--azul)}
strong{font-weight:700}

.intro{font-size:1.1rem;color:var(--gris);border-left:3px solid var(--magenta);
  padding-left:22px;margin-bottom:8px}

.caja{background:var(--lienzo);border-radius:18px;padding:clamp(22px,3vw,30px);margin:34px 0}
.caja p:last-child{margin-bottom:0}

.pie{border-top:1px solid var(--linea);margin-top:60px;padding-top:26px;
  font-size:.9rem;color:var(--gris)}
.pie a{color:var(--gris)}