/* BLOG POSTS */
.blogpost > section { 
  text-align: justify;
}

.blogpost > section a {
  text-decoration: underline;
  text-decoration-color: var(--accent);
}

.post-thumbnail {
  margin-left: auto;
}

.post-thumbnail img {
    width:100%;
    border: 10px solid white;
}

pre {
    max-width: 100%;
    max-height: 400px;          /* limita la altura */
    overflow: auto;             /* scroll horizontal y vertical si es necesario */
    padding: 16px;
    margin: 1.5rem 0;
    background-color: #24292f;  /* fondo tipo GitHub */
    color: #f6f8fa;             /* texto oscuro */
    border: 1px solid #d0d7de;
    border-radius: 6px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 0.9rem;
    line-height: 1.45;
    white-space: pre;           /* mantiene formato original */
}

.breadcrum p {
  display: inline;
}

@media (min-width: 768px) {
    .blogpost {
        max-width: 1024px;
    }
}

@media (max-width: 480px) {
    .blogpost h2 {
      font-size: 24px;
    }
}