:root{
  --navy:#1e3a8a; --azul:#2563eb; --azul-claro:#dbeafe; --fondo:#e8edf6;
  --papel:#fff; --texto:#1e293b; --suave:#64748b; --linea:#e2e8f0;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; color:var(--texto); line-height:1.7; font-size:1.02rem;
  font-family:Inter,"Segoe UI",system-ui,-apple-system,Roboto,sans-serif;
  background:
    radial-gradient(1200px 500px at 50% -10%,#c7d6f5 0,transparent 70%),
    linear-gradient(180deg,var(--fondo),#f4f7fb 60%);
  min-height:100vh;
}
/* Marca de agua: escudo grande y tenue al fondo */
.marca{position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:var(--escudo) center 60%/min(70vw,520px) no-repeat;opacity:.07}
header.top{background:var(--navy);color:#fff;border-bottom:4px solid var(--azul)}
header.top .in{max-width:960px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;gap:16px}
header.top img{width:52px;height:auto;flex:none}
header.top .t1{font-size:1.25rem;font-weight:700;line-height:1.2}
header.top .t2{font-size:.95rem;color:#bfdbfe}
header.top a{color:inherit;text-decoration:none;display:flex;align-items:center;gap:16px}
main{max-width:960px;margin:32px auto 48px;padding:0 24px}
.hoja{background:var(--papel);border-radius:16px;padding:40px 44px;
  box-shadow:0 10px 30px rgba(30,58,138,.12);border:1px solid var(--linea);
  border-top:6px solid var(--azul)}
.hoja h1{margin:0 0 4px;font-size:1.9rem;color:var(--navy);line-height:1.2}
.hoja h2{margin:2.2rem 0 .4rem;font-size:1.15rem;color:var(--navy);
  padding-left:12px;border-left:4px solid var(--azul)}
.meta{color:var(--suave);font-size:.92rem;margin:0 0 1.5rem}
.hoja p,.hoja li{max-width:70ch}
.volver{display:inline-block;margin-bottom:16px;color:var(--azul);text-decoration:none;font-weight:600}
.volver:hover{text-decoration:underline}
/* Lista de documentos del índice */
.docs{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;gap:12px}
.docs a{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:12px;
  background:#f8fafc;border:1px solid var(--linea);text-decoration:none;color:var(--texto);
  transition:border-color .15s,background .15s}
.docs a:hover,.docs a:focus-visible{border-color:var(--azul);background:var(--azul-claro);outline:none}
.docs img{width:36px;flex:none}
.docs strong{display:block;color:var(--navy)}
.docs span{font-size:.9rem;color:var(--suave)}
footer{text-align:center;color:var(--suave);font-size:.85rem;padding:0 24px 32px}
@media(max-width:600px){.hoja{padding:28px 22px}.hoja h1{font-size:1.5rem}header.top img{width:42px}}