:root{
    --car-bg-color:#ffffff;                                 /*COLOR DEL FONDO*/
    --car-text-color: #262424;                              /*COLOR DE LOS TEXTOS*/
    --car-aspect-ratio:16/9;                                  /*RELACION DE ASPECTO DE IMAGENES*/
    --car-font-family:Roboto,Arial, Helvetica, sans-serif;    /*TIPO DE LETRA*/
    --car-dimmed-button-text:#262424;                       /*COLOR DEL TEXTO DE LOS BOTONES ANTES DE HACER HOVER*/
    --car-timer-active:#262424;                             /*COLOR DEL PROGRESSBAR*/
    --car-timer-inactive:#a0a0a0;                           /*COLOR DEL FONDO DEL PROGRESSBAR*/
    --car-height-timer:3px;                                   /*ALTURA DEL PROGRESSBAR*/
    --car-anim-slide-time:3s;                                 /*DURACIÓN DE LA ANIMACIÓN DEL ZOOM*/
    --car-time:7s;                                            /*DURACIÓN DE CADA IMAGEN EN EL CAROUSEL*/
}

/* ROBOTO FONTS */
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

#car-5-notas{
    /* height: 50vh; */
    background-color: var(--car-bg-color);
    font-family: var(--car-font-family)
}
#car-5-notas img{
    height: 100%;
    object-fit: cover;
    aspect-ratio: var(--car-aspect-ratio);
    position: relative;
    top:20px;
    transform: scale(1);
    transition: all var(--car-anim-slide-time);
    width:100%;
}
#car-5-notas .carousel-inner{
    height: 100%;
    background-color: var(--car-bg-color);
}
.info-carousel{
    color:var(--car-text-color);
    /* position: absolute; */
    top:50%;
    transform:translateY(-50%);
    /* left: 80px; */
    /* width:30%; */
    /* background: linear-gradient(to right, black 80%, transparent 100%); */
    z-index: 1;
    position:relative;
    left:50%;
    transition: all 0.5s;
}
.velo-carousel-izq{
    background: linear-gradient(to right, var(--car-bg-color) 90%, transparent 100%);
    height: 100%;
    position:absolute;
    top:0;
    width:40%
}
.velo-carousel-sup{
    width:100%;
    height: 50px;
    background: linear-gradient(to bottom,var(--car-bg-color), transparent 100%);
    position: absolute;
    top:0;
    display:none;

}

.zoom-anim{
    transform: scale(1.2) !important;
}
.btn-dark-link{
    font-weight: bold;
    color:var(--car-dimmed-button-text);
    border:2px solid var(--car-text-color);
    border-radius: 100px;
    width: max-content;
    padding:4px 20px;
}
.btn-dark-link:hover{
    color:var(--car-text-color);
}
.titulo-info-carousel{
    font-weight: 700;
    font-size: 24px;
    line-height: 1.1;
    margin-bottom:20px;
}
.sumario-info-carousel{
    font-size: 14px;
    line-height: 1.2;
    margin-bottom:20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;

}
.seccion-control-carousel{
    font-size: 10px;
    padding:4px 0 8px 0;
    text-transform: uppercase;
}
.titulo-control-carousel{
    font-size: 12px;
    line-height: 1.2;
}
.sumario-control-carousel{
    padding-top:10px;
    font-size: 10px;
    line-height: 1.2;
}
.controles-carousel{
    font-weight: 700;
    /* display:flex; */
    color:var(--car-text-color);
    /* padding-top:50px; */
    position:relative;
    bottom:0px;
    background:linear-gradient(to top,var(--car-bg-color) 80%, transparent 100%);
    z-index: 1;
    cursor:default;
}
.controles-carousel::before{
    display: none;
    background:linear-gradient(to top,var(--car-bg-color), transparent);
    height: 10px;
    content:"";
    bottom:10px;
    position: relative;

}
.controles-carousel .item{
    /* border-top:5px solid #545454; */
    padding:10px 0;
    color:#545454;
}
.controles-carousel .item.active{
    /* border-top:5px solid white; */
    color:var(--car-text-color);
}
.timer{
    display: block;
    width: 100%;
    background: var(--car-timer-inactive);
    height: var(--car-height-timer);
    border-radius: 100px;
}
.r-timer{
    transition: all var(--car-time) linear;
    display: block;
    background: var(--car-timer-active);
    width: 0;
    height:var(--car-height-timer);
    border-radius: 100px;
}
.titulo-prox-slide{
    font-weight: 100;
    font-size: 12px;
    height: 2.5em;
    line-height: 1.2;
}
.btn-play{
    width: 38px !important;
    height: 38px !important;
    padding:4px 10px;
}
@media (max-width:768px){

    .sumario-info-carousel{
        display: none;
    }
    .titulo-info-carousel{
        font-size: 18px;
        margin-bottom:10px;
    }
    .timer,.r-timer{
        height: calc(var(--car-height-timer) * 2);
    }
    .bg-movil{
        background:linear-gradient(to top, var(--car-bg-color) 80%, transparent 100%);
        padding:0
    }
    .controles-carousel{
        padding-top:10px;
        background: var(--car-bg-color);
        bottom:0;
    }
    .info-carousel{
        height: 130px;
        display: flex;
        justify-content: end;
        flex-direction: column;
        background: linear-gradient(to top, var(--car-bg-color) 80%, transparent 100%);
        text-shadow: 1px 1px 3px var(--car-bg-color);
        padding:0 10px;
    }
    .controles-carousel::before{
        display: none;
    }
    .p-mv-0{
        padding-left: 0;
        padding-right:0;
    }
    .mw-mobile-unset{
        max-width: unset;
        /* PARA GLOBOVISION */
        padding-left:5px;
        padding-right:5px;
    }
}
@media (min-width:768px){
    /* .img-container{
        aspect-ratio: var(--car-aspect-ratio);
        overflow: hidden;
    } */
}