body {
    background-color: #fafbfede;
}

.blue-banner {
    width: 100%;
    max-height: 45%;
    background-color: #081F62;
}

.center {
    text-align:center
}

.title-blog{
    text-align: center;
    font-size: 42px;
    color: white;
}

.container-blog {
    padding: 0px 15%;
}


.class-li {
    list-style: none;
    /* margin: 0; */
    /* padding: 0; */
    color: black !important;
}


li:hover {
    color: rgba(61, 135, 199, 255);
}

.padding-most {
    margin-left: -20px;
}


.recent-item{
    padding-bottom: 50px;
    list-style: none;
}

.recent-link{
    text-decoration: none;
    cursor: pointer;
    color: black;
    transition: 0.3s;
}

.recent-link:hover{
    color: #2e6593;
    padding-left: 5px;
}




.pagination-container{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    margin-top:40px;
    margin-bottom:20px;
}

.pagination-btn{

    border:1px solid #dee2e6;
    background:#fff;
    color:#0d6efd;

    padding:12px 18px;

    cursor:pointer;

    font-size:18px;

    transition:all .2s ease;

    min-width:55px;
}

/* Hover */
.pagination-btn:hover{

    background:#e9ecef;

}

/* Pagina activa */
.pagination-btn.active{

    background:#0d6efd;
    color:white;
    border-color:#0d6efd;

}

/* Disabled */
.pagination-btn:disabled{

    opacity:.5;
    cursor:not-allowed;
    background:#f8f9fa;

}

/* Bordes redondeados */
.pagination-btn:first-child{
    border-top-left-radius:6px;
    border-bottom-left-radius:6px;
}

.pagination-btn:last-child{
    border-top-right-radius:6px;
    border-bottom-right-radius:6px;
}


@media (max-width: 991px) {
    .container-blog {
        padding: 0px 8%;
    }
}

@media (max-width: 810px) {
    .container-blog {
        padding: 0px 5%;
    }
}

@media (max-width: 767px) {
    .container-blog {
        padding: 0px 3%;
    }

    .padding-most {
        margin-left: 0px;
    }
}