.shown{
    top:50px;
    overflow:hidden;
    position: relative;
    float: left;
    width: 100%;
    height: auto;
}
.grupo6noticiasGallery{
    position: relative;
    float: left;
    width:2820px;
    height:600px;
}
.flechas{
    position: relative;
    float:right;
    right:100px;
    width:auto;
    height:30px;
}
.flecha{
    position: relative;
    float: left;
    left:5px;
}
.noticiaContainer{
    position: relative;
    float: left;
    /* overflow: hidden; */
    width: 85%;
    height: 389px;
    margin-left: 36px;
    background: #FFFFFF;
    /* border: 1px solid #FFFFFF; */
    box-sizing: border-box;
    border-radius: 7px;
    /* border-bottom-right-radius: 25px; */
}
.noticiaContainer:hover {
    background: #001A46;
}
.imgNoticia{
    position: relative;
    float: left;
    width: 100%;
    height: 50%;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.programaContainer{
    width:172px;
    height:44px;
    top: 150px;
    position: absolute;
    background: #DE070E;
    border-radius: 0px 7px 0px 0px;
}
.programaTxt{
    position: relative;
    float: left;
    left:20px;
    top:13px;
    font-family: "Gotham";
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 19px;
    color: #FFFFFF;
}
.noticiaTxtContainer{
    position: relative;
    float: left;
    width: 100%;
    height: 50%;
    /* overflow: hidden; */
    /* border-bottom-right-radius: 106px; */
    border-radius: 194;
    border-radius: -48px;
}
.tittleAndSubtittle{
    position: relative;
    float: left;
    overflow: hidden;
    height: 70%;
    width: fit-content;
    margin-left: 30px;
    margin-right: 25px;
    margin-bottom: 2px;
    /* margin-top: 8px; */
}
.tittleTxt{
    margin-top: 27px;
    width: auto;
    height: 35%;
    overflow: hidden;
    position: relative;
    float: left;
    font-family: "Gotham";
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    text-align: left;
    line-height: 23px;
    margin-top: 20px;
    color: #DE070E;
}
.noticiaContainer:hover .tittleTxt{
    color: #FFFFFF;

}
.subtittleTxt{
    margin-top: 6px;
    /* margin-top: 11px; */
    /* padding-top: 21px; */
    height: 60px;
    width: inherit;
    overflow: hidden;
    min-width: 87px;
    position: relative;
    float: left;
    font-family: "Gotham";
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
    color: #5A5A5A;
    padding-bottom: 10px;
}
.noticiaContainer:hover .subtittleTxt{
    color: #FFFFFF;

}
.date{
    position: relative;
    float: left;
    margin-left: 15px;
    /* margin-top: 3px; */
    padding-top: 20px;
    /* padding-bottom: 37px; */
    width: 100%;
    /* margin-left: 32px; */
    bottom: -27px;
    /* height: fit-content; */
}
.fecha{
    position: absolute;
    float: left;
    width: fit-content;
    font-family: "Gotham";
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    bottom: 17px;
    /* margin-right: 24%; */
    /* padding-right: 116px; */
    line-height: 13px;
    color: #5A5A5A;
}
.noticiaContainer:hover .fecha{
    color: #FFFFFF;

}
.leerMas{
    position: absolute;
    /* float: right; */
    width: auto;
    /* overflow: hidden; */
    height: fit-content;
    bottom: 23px;
    right: 14px;
    /* padding-top: 4px; */
    /* margin-right: 40px; */
    /* margin-left: 179px; */
    /* margin-top: 13px; */
}
.leerMasTxt{
    position: relative;
    float: left;
    /* width: -webkit-fill-available; */
    font-family: "Gotham";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 19px;
    color: #5A5A5A;
}
.noticiaContainer:hover .leerMasTxt{
    color: #FFFFFF;

}
.flechaDerecha{
    position: relative;
    float: left;
    width: 22px;
    top: 6px;
    left: 7px;
}


.noticiaContainer:hover .flechaDerecha{
     display: none;
    /* color: #FFFFFF; */
}
.flechaDerechaHover{
    display: none;
    position: relative;
    float: left;
    width: 22px;
    top: 6px;
    left: 8px;
}
.noticiaContainer:hover .flechaDerechaHover{
    display: block;

}
.noticiaContainer:hover .leerMflechaDerechaHoverasTxt{
    display: block;

}
.oculta{
    display: none;
}
.noticiaContainer:hover .oculta{
    display: block;

}
@media screen and (max-width: 768px) {
    .noticiaContainer{
        width: 100%;
        height: 407px;
        margin-left: unset;
    }
    .imgNoticia{
        width: 100%;
        height: 171px;
    }
    .programaContainer{
        width: 135px;
        height: 24px;
        left: 0px;
        top: 147px;
    }
    .programaTxt {
        top: 5px;
        left: 19px;
        font-size: 13px;
        line-height: 12px;
    }
    .noticiaTxtContainer{
        width: auto;
        height: 53%;
        overflow: hidden;
    }
    .tittleAndSubtittle{
        width: 80%;
        height: 176px;
        /* left: 10px; */
        /* right: 10px; */
    }
    .tittleTxt{
        /* top: 20px; */
        height: fit-content;
        font-size: 15px;
        line-height: 18px;
    }
    .subtittleTxt{
        /* top: 35px; */
        font-size: 13px;
        line-height: 17px;
    }
    .date{
        width: 85px;
        height: auto;
        position: absolute;
        bottom: 0;
        padding-top: 0;
        /* left: 30px; */
        /* margin-top: 20px; */
    }
    .fecha{
        font-size: 12px;
        line-height: 13px;
        /* margin-top: 2px; */
        width: max-content;
        bottom: 6px;
    }
    .leerMas{
        width: 85px;
        height: auto;
        position: absolute;
        float: right;
        right: 30px;
        bottom: 4px;
        /* right: 30px; */
        /* margin-top: 20px; */
    }
    .leerMasTxt{
        font-size: 13px;
        line-height: 16px;
    }
    .flechaDerecha{
        width: 19px;
        top: 5px;
        left: 6px;
    }
}