:root{--azul:#0b5cff;--tinta:#1b2433;--gris:#6b7280;--borde:#e5e9f0;--fondo:#f3f6fb}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--tinta);background:var(--fondo);line-height:1.6}
header{background:linear-gradient(90deg,#0b5cff,#12b5ea);color:#fff;padding:14px 16px}
header .fila{max-width:860px;margin:auto;display:flex;align-items:center;gap:12px}
header img{height:36px;background:#fff;border-radius:8px;padding:2px}
header b{font-size:17px}
main{max-width:860px;margin:18px auto;background:#fff;border-radius:18px;padding:22px 26px;box-shadow:0 4px 16px rgba(20,40,80,.08)}
h1{font-size:24px;margin:0 0 4px}
h2{font-size:17px;margin:24px 0 6px}
p,li{font-size:15px}
.meta{color:var(--gris);font-size:13px;margin:0 0 16px}
.borrador{background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:12px;padding:10px 14px;font-size:13px;margin-bottom:16px}
.pie{max-width:860px;margin:0 auto 30px;padding:0 16px;font-size:13px;color:var(--gris);display:flex;gap:14px;flex-wrap:wrap}
a{color:#0b5cff}
@media (max-width:600px){main{margin:0;border-radius:0;padding:18px 16px}}
@media print{header,.pie,.borrador{display:none}main{box-shadow:none;margin:0}}