.entrada__cuerpo { overflow-wrap: anywhere; }
.entrada__cuerpo h2 { margin: 2rem 0 .8rem; color: var(--tinta); font-size: clamp(1.4rem, 4vw, 1.8rem); line-height: 1.25; }
.entrada__cuerpo h3 { margin: 1.5rem 0 .65rem; color: var(--tinta); font-size: 1.2rem; line-height: 1.3; }
.entrada__cuerpo blockquote.destacado { margin: 1.5rem 0; padding: 1rem 1.25rem; border: 1px solid #bdd3de; border-left: 5px solid #0079ae; border-radius: 0 8px 8px 0; background: #fff; color: var(--tinta); font-weight: 600; }
.entrada__cuerpo blockquote.destacado p:last-child { margin-bottom: 0; }
.entrada__cuerpo a { color: #0079ae; text-decoration: underline; text-underline-offset: 2px; }
.entrada__cuerpo a:hover { color: #005479; }
.entrada__cuerpo a:focus-visible { outline: 3px solid #005479; outline-offset: 3px; }
.entrada__cuerpo ul, .entrada__cuerpo ol { margin: 1rem 0 1.25rem; padding-left: 1.5rem; }
.entrada__cuerpo li { margin: .4rem 0; padding-left: .15rem; }
.blog-galeria { margin: 3rem 0 2.5rem; }
.blog-galeria h2, .blog-compartir h2 { font-size: 1.5rem; line-height: 1.3; }
.blog-galeria__grilla { display: grid; grid-template-columns: 1fr; gap: 14px; }
.blog-galeria__foto { display: block; width: 100%; padding: 0; border: 0; border-radius: 10px; overflow: hidden; background: #e8edf0; cursor: zoom-in; min-height: 44px; }
.blog-galeria__foto img { display: block; width: 100%; height: auto; max-height: 460px; object-fit: cover; }
.blog-galeria__foto:focus-visible, .blog-compartir a:focus-visible, .blog-foto-modal__cerrar:focus-visible { outline: 3px solid #005a9c; outline-offset: 3px; }
.blog-foto-modal { position: fixed; inset: 0; width: min(96vw, 1300px); max-width: none; max-height: 96vh; padding: 64px 12px 12px; border: 0; border-radius: 12px; background: #101820; color: white; overflow: auto; }
.blog-foto-modal::backdrop { background: rgb(0 0 0 / 85%); }
.blog-foto-modal img { display: block; width: auto; max-width: 100%; height: auto; max-height: calc(96vh - 82px); margin: auto; object-fit: contain; }
.blog-foto-modal__cerrar { position: absolute; top: 8px; right: 8px; width: 48px; height: 48px; border: 2px solid white; border-radius: 50%; background: #101820; color: white; font-size: 38px; line-height: 1; cursor: pointer; }
.blog-compartir { border-top: 1px solid #bccbd2; padding: 2rem 0 3rem; }
.blog-compartir__redes { display: flex; flex-wrap: wrap; gap: 10px; margin: 1rem 0 1.5rem; }
.blog-compartir__redes a, .blog-compartir__volver { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 10px 14px; border: 2px solid #005479; border-radius: 8px; color: #003e5c; background: #fff; font-weight:600; text-decoration: none; }
.blog-compartir__redes a:hover, .blog-compartir__volver:hover { background: #e9f5fa; }
.blog-compartir__redes svg { display: block; width: 22px; height: 22px; flex: none; }
.blog-compartir__volver { background: #005479; color: #fff; }
.blog-compartir__volver:hover { background: #003e5c; color: #fff; }
@media (min-width: 700px) { .blog-galeria__grilla { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 420px) { .blog-compartir__redes a { flex: 1 1 calc(50% - 10px); } .blog-compartir__volver { width: 100%; } }
/* 21-oct-2026 (Claude Code): los saltos de linea del articulo se respetan, igual que en el editor del panel y que en iavb.cl (white-space: pre-wrap en su blogGrid__principalContenido). Antes el texto salia como un solo bloque. */
.entrada__cuerpo > p { white-space: pre-wrap; }