*{box-sizing:border-box}
:root{--azul:#0D47A1;--texto:#14213D;--gris:#5B6474;--fondo:#F4F6FA;--borde:#E3E8F1}
body{margin:0;background:var(--fondo);color:var(--texto);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65;font-size:16px}
header{background:var(--azul);color:#fff;padding:18px 16px}
header .barra{max-width:820px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
header a.marca{color:#fff;text-decoration:none;font-weight:700;font-size:18px}
header a.marca span{color:#FBBF24}
header nav{display:flex;gap:16px;flex-wrap:wrap}
header nav a{color:#fff;opacity:.9;text-decoration:none;font-size:14px}
header nav a:hover{opacity:1;text-decoration:underline}
main{max-width:820px;margin:0 auto;padding:28px 16px 48px}
.hoja{background:#fff;border:1px solid var(--borde);border-radius:16px;padding:28px 24px}
h1{font-size:28px;line-height:1.25;margin:0 0 6px}
.vigencia{color:var(--gris);font-size:14px;margin:0 0 20px}
h2{font-size:19px;margin:28px 0 8px;color:var(--azul)}
h3{font-size:16px;margin:18px 0 6px}
p,li{margin:0 0 10px}
ul,ol{padding-left:22px}
a{color:var(--azul)}
.nota{background:#FFF7E6;border:1px solid #F5C26B;border-radius:12px;padding:12px 14px;font-size:14px;margin:0 0 20px}
.indice{background:var(--fondo);border-radius:12px;padding:14px 18px;margin:0 0 8px}
.indice ol{margin:0}
.pasos li{margin-bottom:8px}
footer{max-width:820px;margin:0 auto;padding:0 16px 32px;color:var(--gris);font-size:13px;text-align:center}
@media (max-width:520px){.hoja{padding:20px 16px}h1{font-size:24px}}