:root{
  --navy-900:#0B1730;--navy-800:#101F44;--navy-700:#1B3163;
  --blue-600:#1B6AAE;--blue-300:#8FC0E8;--blue-100:#DCEBF8;--blue-50:#EFF5FB;
  --paper:#F5F8FC;--ink:#132140;--muted:#56677F;--line:#DBE5F0;
  --display:"Archivo",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --body:"Public Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--body);font-size:17px;line-height:1.7;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--blue-600)}
:focus-visible{outline:3px solid #3D8CCE;outline-offset:2px;border-radius:4px}
.wrap{width:min(92%,780px);margin-inline:auto}

h1,h2,h3{font-family:var(--display);color:var(--navy-900);letter-spacing:-.02em;line-height:1.15}
h1{font-size:clamp(2rem,4.4vw,3rem);font-weight:800;letter-spacing:-.03em}
h2{font-size:1.3rem;font-weight:700;margin:38px 0 12px}
h3{font-size:1.02rem;font-weight:700;margin:24px 0 8px}
p,li{color:#3a4c66}
p{margin-bottom:14px}
ul,ol{margin:0 0 16px 20px}
li{margin-bottom:7px}

.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.site-header .wrap{width:min(92%,1160px);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0}
.site-header img{height:56px;width:auto}
.back{font-family:var(--display);font-weight:700;font-size:.92rem;text-decoration:none;color:var(--navy-800);border:1.5px solid var(--line);border-radius:8px;padding:11px 18px}
.back:hover{border-color:var(--blue-600);color:var(--blue-600)}

.page-hero{background:linear-gradient(150deg,var(--navy-700),var(--navy-900));color:#fff;padding:clamp(46px,6vw,76px) 0;position:relative;overflow:hidden}
.page-hero::before{content:"";position:absolute;inset:0;opacity:.4;background-image:repeating-linear-gradient(-32deg,rgba(143,192,232,.10) 0 1px,transparent 1px 11px)}
.page-hero .wrap{position:relative;z-index:1;width:min(92%,1160px)}
.page-hero h1{color:#fff}
.page-hero p{color:#bed4e9;margin:12px 0 0;font-size:1rem}

main{padding:clamp(40px,5vw,64px) 0 clamp(56px,7vw,88px)}

.note{background:var(--blue-50);border:1px solid var(--blue-100);border-left:3px solid var(--blue-600);border-radius:8px;padding:18px 20px;margin:0 0 30px}
.note p{margin:0;font-size:.94rem;color:var(--navy-800)}

.site-footer{background:var(--navy-900);color:#a8bdd4;padding:34px 0;font-size:.88rem}
.site-footer .wrap{width:min(92%,1160px);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.site-footer a{color:#fff}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}