.horarios .oncemx {
    background-color: #862043;
}

.horarios .topHorarios {
    min-height : 30px;
    padding-top: 75px;
}

.horarios .topHorarios .tContainer {
    width    : 80%;
    max-width: 1596px;
    margin   : 0 auto;
    color    : rgb(182, 180, 215);
}

.horarios .topHorarios .tContainer .grid {
    display       : flex;
    flex-direction: row;
    margin-top    : 40px;
    margin-bottom : 40px;
    flex-wrap     : wrap;
}

.horarios .topHorarios .tContainer .grid h1 {
    /* font-family   : "DINNextLTPro"; */
    font-size     : 2.8rem;
    margin        : 0px;
    text-transform: uppercase;
}

.horarios .topHorarios .tContainer .grid .spacer {
    flex: 1;
}

.horarios .topHorarios .tContainer .grid .logoSignal {
    height      : 54px;
    margin-right: 40px;
}

.horarios .topHorarios .tContainer .grid .selectorH {
    background-color: rgb(26 28 30);
    border          : none;
    font-size       : 1.6rem;
    color           : rgb(182, 180, 215);
    padding-left    : 1rem;
    padding-right   : 1rem;
    height          : 45px;
}

.horarios .topHorarios .dayContainer {
    display       : flex;
    flex-direction: row;
    width         : 100%;
}

.horarios .topHorarios .dayContainer .bCartelera {
    width           : 1.5rem;
    height          : 3rem;
    background-image: url(../images/ICONOS_ONCE_Atras_Gris.svg);
    background-size : cover;
    cursor          : pointer;
    margin-right    : 1rem;
}

.horarios .topHorarios .dayContainer .fCartelera {
    width              : 1.5rem;
    height             : 3rem;
    background-image   : url(../images/ICONOS_ONCE_Adelante_Gris.svg);
    background-size    : contain;
    cursor             : pointer;
    margin-left        : 1rem;
    background-repeat  : no-repeat;
    background-position: center;
}

.horarios .topHorarios .dayContainer .swiper-container {
    flex: 1;
}

.horarios .topHorarios .dayContainer .swiper-container .swiper-slide {
    text-transform: uppercase;
    text-align    : center;
    font-size     : 1.2rem;
    line-height   : 3rem;
    cursor        : pointer;
}

.horarios .topHorarios .dayContainer .swiper-container .swiper-slide:hover {
    background-color: rgb(255, 255, 255);
    color           : #E33453;
}

.horarios .topHorarios .dayContainer .swiper-container .active {
    background-color: rgb(255, 255, 255) !important;
    color           : rgb(193, 0, 51) !important;
}

.horarios .horariosContainer {
    width      : 80%;
    max-width  : 1596px;
    margin     : 0 auto;
    color      : rgb(182, 180, 215);
    font-size  : 2.6rem;
    /* font-family: "DINNextLTProBold"; */
}

.horarios .horariosContainer .pgmElement {
    border-bottom: 1px solid rgb(182, 180, 215);
}

.horarios .horariosContainer .pgmElement .topPGM {
    display       : flex;
    flex-direction: row;
    align-items   : center;
    font-size     : 2rem;
    /* font-family   : "DINNextLTProBold"; */
    margin-top    : 1rem;
    margin-bottom : 1rem;
}

.horarios .horariosContainer .pgmElement .topPGM .hour {
    margin-left : 1.25rem;
    margin-right: 4.5rem;
}

.horarios .horariosContainer .pgmElement .topPGM .houri {
    margin-left : 1.25rem;
    margin-right: 4.5rem;
    font-size   : 1.3rem;
}

.horarios .horariosContainer .pgmElement .topPGM .diver {
    width           : 10px;
    height          : 1.8rem;
    background-color: #E33453;
    margin-right    : 1.25rem;
    margin-top      : 6px;
}

.horarios .horariosContainer .pgmElement .topPGM .title {
    flex: 1;
}

.horarios .horariosContainer .pgmElement .topPGM .clasification {
    width       : 45px;
    height      : 45px;
    margin-right: 1.3rem;
}

.horarios .horariosContainer .pgmElement .topPGM .expand {
    background-image: url(../images/ICONOS_ONCE_MasRojo.svg);
    width           : 45px;
    height          : 45px;
    cursor          : pointer;
}

.horarios .horariosContainer .pgmElement .topPGM .collapse {
    background-image: url(../images/ICONOS_ONCE_Menos_Rojo.svg) !important;
}

.horarios .horariosContainer .pgmElement .bottomDivider {
    display    : none;
    /* font-family: "DINNextLTProBold"; */
    margin-top : 1.5rem;
}

.horarios .horariosContainer .pgmElement .bottomDivider .meta {
    font-size     : 1.5rem;
    width         : 100%;
    text-transform: uppercase;
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

.horarios .horariosContainer .pgmElement .bottomDivider .meta .now {
    display     : inline-block;
    color       : rgb(34, 255, 8);
    visibility  : hidden;
}
.meta .info-pgm{
    display: flex;
    flex-direction: column;
}
.horarios .horariosContainer .pgmElement .bottomDivider .meta .metaP {
    display  : inline-block;
    margin   : 0px;
    /* max-width: 765px; */
}

.horarios .horariosContainer .pgmElement .bottomDivider .dot {
    display         : inline-block;
    width           : 17px;
    height          : 17px;
    margin-right    : 13px;
    background-image: url(../images/ahorabtn.png);
    background-size : cover;
}

.horarios .horariosContainer .pgmElement .bottomDivider .description {
    display      : inline-block;
    font-size    : 1.3rem;
    font-family  : "DINNextLTPro Regiular";
    max-width    : 765px;
    width        : 100%;
    margin-top   : 1.5rem;
    margin-bottom: 1.5rem;
}
@media (max-width: 991px){
    .horarios .horariosContainer .pgmElement .bottomDivider .meta{
        flex-direction: column;
    }
}
@media (max-width: 768px){
    .horarios .horariosContainer .pgmElement .topPGM {
        font-size: 1.2rem;
        margin-bottom: 1rem;
    }
    .horarios .horariosContainer .pgmElement .topPGM .expand {
        width: 24px;
        height: 24px;
        margin-right: 0px;
    }
    .horarios .topHorarios .tContainer .grid{
        align-items: center;
        justify-content: center;
    }
    .horarios .topHorarios .tContainer .grid h1{
        font-size: 2rem;
    }
    .horarios .topHorarios .tContainer .grid .logoSignal{
        margin: 0;
    }
    .horarios .topHorarios .tContainer .grid .selectorH{
        padding: 0;
    }
    .horarios .horariosContainer .pgmElement .bottomDivider .meta .metaP {
        padding: 0px;
        font-size: 1.3rem;
    }
    .horarios .horariosContainer .pgmElement .bottomDivider .description {
        margin: 0px;
        width: 100%;
        padding: 0px;
        font-size: 1.2rem;
    }
    .horarios .horariosContainer .pgmElement .bottomDivider{
        margin-top: 0px;
    }
    .horarios .horariosContainer .pgmElement .topPGM .houri{
        margin-right: 1rem;
    }
}
@media (max-width: 650px){
    .horarios .topHorarios .tContainer{
        width: 100%;
        padding: 2%;
    }
    .horarios .horariosContainer {
        width: 100%;
        padding: 2%;
    }
    .horarios .horariosContainer .pgmElement .topPGM .clasification{
        display: none;
    }
    .horarios .horariosContainer .pgmElement .topPGM .hour {
        margin: 0;
    }
    .horarios .horariosContainer .pgmElement .topPGM .diver{
        margin: 1%;
    }
}
@media (max-width: 450px){
    .horarios .horariosContainer .pgmElement .topPGM{
        font-size: 1rem;
    }
    .horarios .horariosContainer .pgmElement .topPGM .title{
        word-break: break-word;
    }
    .horarios .topHorarios .tContainer .grid .logoSignal {
        margin: 1rem;
    }
}