.blog-container {

    max-width: 900px;

    margin: auto;
}


.blog-hero {

    text-align: center;

    padding: 90px 0 60px;
}


.blog-hero h1 {

    font-size: 3rem;

    margin-bottom: 20px;
}


.blog-hero p {

    color: #A1A1AA;
}


.post-preview {

    background: #18181B;

    border: 1px solid #27272A;

    border-radius: 18px;

    padding: 35px;

    margin-bottom: 30px;

    transition: .3s ease;
}


.post-preview:hover {

    transform: translateY(-8px);

    border-color: #3B82F6;
}


.post-preview h2 {

    margin-bottom: 20px;
}


.post-preview p {

    color: #A1A1AA;

    margin-bottom: 25px;
}
/* =====================================================
   ARTÍCULO INDIVIDUAL
===================================================== */

.contenido-post {

    background: #18181B;

    border: 1px solid #27272A;

    border-radius: 18px;

    padding: 40px;

    margin-bottom: 40px;

    line-height: 1.9;
}


.contenido-post p {

    color: #A1A1AA;

    margin-bottom: 20px;
}


.contenido-post h2,
.contenido-post h3 {

    margin-bottom: 20px;
}


.contenido-post img {

    max-width: 100%;

    border-radius: 14px;
}