:root{color-scheme:light dark}
body{max-width:44rem;margin:0 auto;padding:2.5rem 1.25rem 4rem;font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#15181c;background:#f5f5f2}
@media (prefers-color-scheme:dark){body{color:#eceef0;background:#0f1215}}
h1{font-size:1.9rem;line-height:1.15;margin:0 0 .35rem}
h2{font-size:1.15rem;margin:2.2rem 0 .5rem}
.fecha{color:#60666e;font-size:.9rem;margin:0 0 2rem}
ul{padding-left:1.2rem}li{margin:.35rem 0}
a{color:#1c3a63}@media (prefers-color-scheme:dark){a{color:#9dbceb}}
.caja{background:rgba(28,58,99,.08);border-radius:12px;padding:1rem 1.2rem;margin:1.5rem 0}
@media (prefers-color-scheme:dark){.caja{background:rgba(157,188,235,.12)}}
.barra{border-bottom:1px solid #d8d8d2;background:#fff;margin:-2.5rem -1.25rem 2rem;padding:12px 1.25rem;display:flex;align-items:center;gap:10px}
@media (prefers-color-scheme:dark){.barra{background:#181c21;border-color:#2f353d}}
.barra img{width:28px;height:28px;border-radius:7px}
.barra strong a{color:inherit;text-decoration:none;font-size:17px}
.barra nav{margin-left:auto;display:flex;gap:16px;font-size:14px}
.barra nav a{text-decoration:none}
.heroe{text-align:center;margin:2rem 0}.heroe img{width:96px;height:96px;border-radius:22px}