/* Página pública del informe: lo propio de esta página. El resto de los estilos vienen de la Bitácora. */
html, body{ margin:0; padding:0; }
body.pub{ display:block !important; background:#f4f6f5; color:#241b3a; font-family:'Nunito', sans-serif; }
.pub-app{ display:block; max-width:932px; margin:0 auto; padding:24px 16px 40px; }
.pub-est{ min-height:60vh; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; text-align:center; }
.pub-est img{ border-radius:12px; }
.pub-est p{ margin:0; font-family:'Nunito', sans-serif; font-weight:700; font-size:17px; color:#5e5b68; max-width:420px; line-height:1.45; }
.pub-est h1{ margin:0; font-family:'Fraunces', serif; font-weight:800; font-size:26px; color:#241b3a; }
.pub-est a{ display:inline-flex; align-items:center; min-height:44px; padding:0 18px; margin-top:6px; border-radius:14px; background:#0f5f59; color:#fff; font-family:'Nunito', sans-serif; font-weight:800; font-size:16px; text-decoration:none; }
.pub-ns{ text-align:center; padding:40px 16px; font-size:16px; }
/* en celular el informe va de borde a borde: en la Bitácora el margen de la página es de 20 px, acá de 16 (antes desbordaba 4 px y la página se corría de costado) */
@media (max-width:700px){ body.pub .inf-lect .inf.bol{ margin:0 -16px; padding-left:16px; padding-right:16px; } }
@media print{ .pub-app{ padding:0; max-width:none; } }