.cartelera .grid-main {padding: 40px;}

@media only screen and (max-width: 768px) {
    .cartelera .grid-main {padding: 12px;}
}


/* Cartelera
   ========================================================================== */

.cartelera .logo-main {width: 152px;height: auto !important;}
.cartelera hr.line-grid {border: 2px solid rgb(44, 44, 44);width:30%;margin: auto;margin-top: 12px;margin-bottom: 20px;}
.cartelera .cart-bar {margin-top: -18px;}
.cartelera .cart-tit {font-size: 2.3em;font-weight: bold;font-family: var(--tipografia-titulos);}
.cartelera .cart-btn {font-size: .75em;font-weight: 400;text-align: center;display: inline-block;border-radius: 5px;background-color: var(--color-grey-3);color: var(--color-secundario);margin: 1px 0;padding: 2px 10px;}
.cartelera .cart-disclamer {font-size: .90em;margin-bottom: 30px;}


@media only screen and (max-width: 768px) {
    .cartelera .logo-main {width: 98px;height: auto !important;}
    .cartelera .cart-tit {font-size: 1.6em;font-weight: bold;font-family: var(--tipografia-titulos);}
    .cartelera .cart-btn {font-size: .65em;;margin: 2px 0;padding: 4px 8px 3px;}
}

/* Logos */

.cartelera .logo-list {margin: 0 120px;}
.cartelera .logo-list .channels {width: 80px;padding: 7px 12px;margin: 0 0 8px 2px;transition: all 0.3s ease;background-color: var(--color-secundario);border: 2px solid var(--color-grey-4);border-radius: 8px;}
.logo-list .channels:hover {transform: scale(1.08);transition: all 0.3s ease;}

@media only screen and (max-width: 768px) {
    .cartelera .logo-list {margin: 0;padding: 0 0 12px;overflow: auto;display: flex;}
    .cartelera .logo-list .channels {width: 90px;padding: 5px 17px;margin: 0 2px 0 0;transition: all 0.3s ease;background-color: var(--color-secundario);}
    .logo-list .channels:hover {transform: none;}
}


/* Tabs Days */

.cartelera .js-tabs {display: flex;justify-content: flex-start;margin-bottom: 35px}
.cartelera .js-tab {cursor: pointer;color: var(--color-grey-3);font-size: 0.96rem;border-radius: 10px;padding: 4px 25px;display: block;margin-right: 5px;border: 3px solid var(--color-grey-4);}
.cartelera .js-tab--active {border-radius: 50px;background-color: var(--color-primario);color: var(--color-grey-3);}
.cartelera .js-tab-item {padding: 2px 0 0;overflow: auto}
.cartelera .js-tab-item:not(:first-child) {display: none}

@media only screen and (max-width: 768px) {
   .cartelera .js-tab {font-size: .87rem;padding: 4px 25px}
}

/* Cartelera Cuerpo */

.cartelera .cartelera-linea {display: flex;margin-top: 12px;overflow: hidden;}
.cartelera .cartelera-linea article {margin-bottom: 10px;margin-top: 0;}
.cartelera .cartelera-linea .picture16x9 {width: 76%;padding-bottom: 30%;background-size: cover;background-position: center;background-repeat: no-repeat;}
.cartelera .cartelera-linea .capaPrograma {display: table-cell;width: 100%;}
.cartelera .cartelera-linea .cartelera-hora {font-size: 1.38em;font-weight: bolder;margin-top: -5px;margin-bottom: -10px;padding-left: 15px;padding-right: 35px;}
.cartelera .cartelera-linea hr.line-time {border: 2px solid rgb(27, 27, 27);width:10%;margin: 15px;margin-top: 10px;margin-bottom: -5px;}
.cartelera .cartelera-linea .cartelera-programa h2{font-size: 1.5rem;font-weight:600;font-family: var(--tipografia-titulos);letter-spacing: -0.1px;text-transform: uppercase;margin-top: 10px;margin-bottom: -10px;padding-left: 15px;padding-right: 35px;}
.cartelera .cartelera-linea .cartelera-episodio {font-size: 1em;font-weight: 600;color: var(--color-grey-3);line-height: 18px;margin: 15px;}
.cartelera .cartelera-linea .cartelera-sinopsis {font-size: .89rem;font-weight: 400;line-height: 18px;display: none;text-transform: none;padding-left: 15px;padding-right: 30px;margin-top: 17px;}
.cartelera .cartelera-linea .info {margin: 15px;padding-top: 5px;}
.cartelera .cartelera-linea .info .bg-genero {font-size: .82em;font-weight: 600;text-transform: uppercase;display: inline-block;border-radius: 5px;border: 2px solid var(--color-grey-2);color: var(--color-grey-2);margin: 2px 2px;padding: 2px 8px;}
.cartelera .cartelera-linea .info .bg-vermas {font-size: .82em;font-weight: 600;text-transform: uppercase;display: inline-block;border-radius: 5px;border: 2px solid var(--color-grey-2);color: var(--color-grey-2);margin: 2px 2px;padding: 2px 8px;}
.cartelera .cartelera-linea .info .bg-vermas a {text-decoration: none;color: inherit;}
.cartelera .cartelera-linea .info .bg-live {font-size: .82em;font-weight: 600;text-transform: uppercase;display: inline-block;border-radius: 5px;border: 2px solid var(--color-primario);color: var(--color-primario);margin: 2px 2px;padding: 2px 8px;}

@media(min-width: 768px) {
    .cartelera .cartelera-linea .cartelera-sinopsis {display:block}
}

@media only screen and (max-width: 768px) {
    .cartelera .cartelera-linea .picture16x9 {width: 63%;padding-bottom: 42%;background-size: cover;background-position: center;background-repeat: no-repeat;}
    .cartelera .cartelera-linea .cartelera-hora {font-size: 1.1em;font-weight: bolder;margin-top: -5px;margin-bottom: -10px;padding-left: 15px;padding-right: 35px;}
    .cartelera .cartelera-linea .cartelera-programa h2{font-size: 1rem;font-weight:700;font-family: var(--tipografia-titulos);letter-spacing: -0.1px;text-transform: uppercase;margin-top: 11px;margin-bottom: -12px;padding-left: 15px;padding-right: 35px;}
    .cartelera .cartelera-linea .cartelera-episodio {font-size: .88em;font-weight: 600;color: var(--color-grey-3);line-height: 17px;margin: 15px;}
    .cartelera .cartelera-linea .info {margin: 15px;padding-top: -2px;}
    .cartelera .cartelera-linea .info .bg-genero {font-size: .65em;font-weight: 600;border: 1px solid var(--color-grey-3);margin: 3px 1px;padding: 2px 8px;}
    .cartelera .cartelera-linea .info .bg-live {font-size: .65em;font-weight: 600;border: 1px solid var(--color-primario);margin: 3px 1px;padding: 2px 8px;}
}

/* Programas
   ========================================================================== */