.blog-post-content {
    max-width: 1000px;
    margin: 0 auto
}

.blog-post-content img {
    max-width: 100%;
    height: auto
}

.blog-post-content h2,
.blog-post-content h3 {
    margin-top: 1.5rem
}

.blog-hero-image {
    max-width: 720px;
    width: 100%;
    height: auto
}

/* Contenedor del artículo */
.blog-article {
    padding: 100px 0 50px
}

/* Título del post */
.blog-title {
    font-size: 2.25rem;
    line-height: 1.2
}

@media (max-width: 576px) {
    .blog-article {
        padding: 72px 0 36px
    }

    .blog-title {
        font-size: 1.6rem
    }

    .blog-post-content {
        padding: 0 8px
    }

    .blog-hero-image {
        max-width: 100%;
    }
}