/*//////////////// TEMPORADA 2021 */

.BannerTemporarda-Grid{
    padding: 5px;
    padding-right: 0;
}

.ImgMob{
    display: none;
}

.BannerTemporarda {
}

.BannerTemporarda-Link{
    display: flex;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.BannerTemporarda-Link:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.BoxBannerTemporarda {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.BoxBannerTemporarda .BoxBannerTemporarda-Detalle {
    position: absolute;
    margin-left: 3rem;
}
.BoxBannerTemporarda .BoxBannerTemporarda-Detalle .Detalle-SubTitle {
    color: #CF3339;
    font-size: 22px;
    line-height: 16px;
    display: block;
}
.BoxBannerTemporarda .BoxBannerTemporarda-Detalle .Detalle-Title {
    font-size: 38px;
    margin: 0;
    line-height: 50px;
    margin-bottom: 10px;
    color: #1A1A1A;
}
.BoxBannerTemporarda .BoxBannerTemporarda-Detalle .Detalle-VerVideo {
    display: flex;
    width: 100px;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
}
.BoxBannerTemporarda .BannerImg {
    margin: 0;
}
.BoxBannerTemporarda .BoxBannerTemporarda-Detalle .Detalle-Ano{
	display: block;
	font-size: 62px;
}
.BoxBannerTemporarda .BoxBannerTemporarda-Detalle .Detalle-Line {
    width: 42px;
    display: inline-block;
    border: 2px solid #CF3339;
    margin-right: 12px;
}

.VideosTemporarda{
    margin-top: 1rem;
}

.BoxVideoTemporarda {
    position: relative;
    margin-bottom: 30px;
        display: flex;
}
.BoxVideoTemporarda:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.BoxVideoTemporarda .BoxVideoTemporarda-Title {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: #fff;
    z-index: 3;
    font-size: 20px;
    margin: 0;
}
.BoxVideoTemporarda .BoxVideoTemporarda-VideoImg{
	margin: 0;
}

.BgGradientVideo {
background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

@media (max-width: 768px){
    .BoxBannerTemporarda .BoxBannerTemporarda-Detalle .Detalle-VerVideo {
    margin-top: 0rem;
}
    .ImgMob{
        display: block;
    }
    .ImgDesk{
        display: none;
    }
    .BoxBannerTemporarda .BoxBannerTemporarda-Detalle {
        position: absolute;
        margin-left: 1rem;
        top: 20px;
    }
    .BoxBannerTemporarda .BoxBannerTemporarda-Detalle .Detalle-Title {
        font-size: 36px;
        line-height: 44px;
        margin-bottom: 5px;
    }
    .BoxBannerTemporarda .BoxBannerTemporarda-Detalle .Detalle-Ano {
        font-size: 56px;
    }
    .BoxVideoTemporarda {
        margin-bottom: 15px;
    }
}