.noticias{
    background:#fff;
    padding:60px 0;
}

.noticias .container{
    max-width:1760px;
    padding-left:0;
    padding-right:0;
}

.section-title{
    color:#10312B;
    font-size:25px;
    font-weight:500;
    text-align:center;
    margin-bottom:40px;
}

.news-container{
    width:100%;
    max-width:1700px;
    margin:auto;
    display:flex;
    justify-content:center;
}

.info-track{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:28px;
    width:100%;
}

.news-card{
    width:100%;
    height:340px;
    min-height:340px;
    display:grid;
    grid-template-rows:56% 44%;
    border-radius:24px;
    background:#fff;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,.12);
    transition:.3s ease;
}

.news-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.18);
}

.news-content{
    min-height:0;
    padding:13px 16px 12px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    text-align:left;
}

.news-content h3{
    color:#691C32;
    font-size:18px;
    font-weight:700;
    margin:0 0 6px;
}

.news-content p{
    color:#6F7271;
    font-size:13px;
    line-height:1.4;
    margin:0 0 7px;
}

.news-button{
    width:34px;
    height:34px;
    flex:0 0 34px;
    margin-top:auto;
    margin-left:auto;
    border-radius:50%;
    background:#B38E2F;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:.3s ease;
}

.news-button:hover{
    background:#D4AF37;
    transform:scale(1.08);
}

.news-button span{
    color:#fff;
    font-size:13px;
}

.news-image{
    min-height:0;
    overflow:hidden;
    background:#f1f1f1;
}

.news-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center top;
}

.news-card:nth-child(1) .news-image img,
.news-card:nth-child(2) .news-image img{
    object-position:center center;
}

@media (min-width:992px) and (max-width:1366px){

    .info-track{
        grid-template-columns:repeat(4, 1fr);
        gap:22px;
    }

    .news-content{
        padding:12px 14px;
    }

    .news-content h3{
        font-size:17px;
    }

    .news-content p{
        font-size:13px;
    }
}

@media (max-width:991px){

    .info-track{
        grid-template-columns:repeat(2, 1fr);
    }
}
@media (max-width:576px){

    .info-track{
        grid-template-columns:1fr;
    }
}