
#blog h1 {
    font-size: 2rem;
    margin-top: 20px;
}

#blog h2 {
    font-size: 2rem;
    margin-top: 20px;
}

#blog p {
    text-align: justify;
    line-height: 25px;
}

ul.list {
    margin: 5px 0 15px 0;
}

.list li {
    list-style: disc;
    margin-bottom: 5px;
}

ul.list li::marker {
    color: #cb8f00;
}

#blog main figure {
    text-align: center;
    margin: 20px auto;
}

.container.small {
    max-width: 920px;
}

.news-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2rem 1rem;
    margin: 50px 0;
}

h2.post-title {
    line-height: 2px;
}

.blog-title {
    text-align: center;
    margin-bottom: 20px;
}

.noticias-content {
    transition: 0.4s ease-in-out;
    position: relative;
    top: 0;
}

.noticias-content:hover a {
    transition: 0.4s ease-in-out;
    color: #f37d21;
}

.noticias-content a {
    transition: 0.4s ease-in-out;
    color: #333;
}

.noticias-content:hover .read-more {
    transition: 0.4s ease-in-out;
    color: #f37d21;
    letter-spacing: 3px;
}

.noticias-content:hover {
    transition: 0.4s ease-in-out;
    position: relative;
    top: -20px;
}

@media screen and (max-width: 992px) {
    #blog {
        padding: 0 2rem;
    }

    .news-container {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 772px) {
    .news-container {
        grid-template-columns: 1fr;
    }
}