.font1-1{font-family: wire-One-Regular;font-size: 6px}
.font1-2{font-family: wire-One-Regular;font-size: 8px}
.font1-3{font-family: wire-One-Regular;font-size: 10px}
.font1-4{font-family: wire-One-Regular;font-size: 12px}
.font1-5{font-family: wire-One-Regular;font-size: 16px}
.font1-6{font-family: wire-One-Regular;font-size: 20px}
.font1-7{font-family: wire-One-Regular;font-size: 26px}
.font1-8{font-family: wire-One-Regular;font-size: 36px}

.font2-1{font-family: Bauhaus-Lt-Light;font-size: 6px}
.font2-2{font-family: Bauhaus-Lt-Light;font-size: 8px}
.font2-3{font-family: Bauhaus-Lt-Light;font-size: 10px}
.font2-4{font-family: Bauhaus-Lt-Light;font-size: 12px}
.font2-5{font-family: Bauhaus-Lt-Light;font-size: 16px}
.font2-6{font-family: Bauhaus-Lt-Light;font-size: 20px}
.font2-7{font-family: Bauhaus-Lt-Light;font-size: 26px}
.font2-8{font-family: Bauhaus-Lt-Light;font-size: 36px}

.espacio-cabecera{/* espacio entre la cabecera y el contenido para brincar el fix */
   height: 50px;
   width: auto;
}

.espacio-filtro-cabecera{height: 0px;}

.plex-contenido{
   width: auto;
   height: auto;
   margin:auto;
   /*float: right;*/
   color:beige;
   position: relative;
   /*top:105px;*/
   transition: opacity 0.8s;
}

.home-items {
  width: calc((var(--ancho-tumb-cel) + 16px) * 15);
  height: auto;
}

.home-name-libreria {
  margin-bottom: 5px;
  margin-top: 7px;
  color: white;
}

.home-item {
  width: var(--ancho-tumb-cel);
  float: left;
}

.home-cartel {
  width: var(--ancho-tumb-cel);
  height: calc(var(--ancho-tumb-cel) / 0.6667);
  cursor: pointer;
}

.home-carteles {
  width: auto;
  height: auto;
  overflow: auto;
  white-space: nowrap;
}

.home-espacio {
  width: 5px;
  height: calc((var(--ancho-tumb-cel) / 0.6667) + 50px);
  float: left;
}

.img-cartel{
   width: 100%;
   float: left;
}

.medio-temporada {
  width: auto;
  height: auto;
  float: left;
  margin-left: 5px;
}

.cartel-medio{
   cursor: pointer;
}

.home-episodio{
   width: 100%;
   height: auto;
}

.home-imagen-tumb{
   width: 100%;
   /* height: calc(170px / 1.77778); */
   /* float: left; */
}


@media (max-width: 768px) {
   .contenido{width: auto;background:#002506;}
   .home-cartel{width: calc((700px / var(--tumb-por-pagina-cel)) - 12px);height: calc(((700px / var(--tumb-por-pagina-cel)) - 12px) / 0.6667);}
   .home-item {width: calc((700px / var(--tumb-por-pagina-cel)) - 12px)}
   .home-items {width: calc(((700px / var(--tumb-por-pagina-cel)) + 16px) * 15);}

   .cartel-medio{width: 230px;height: calc(230px / 0.6667);}
}

@media (max-width: 700px) {
   .contenido{width: auto;background:#002506;}
   .home-cartel{width: calc((600px / var(--tumb-por-pagina-cel)) - 12px);height: calc(((600px / var(--tumb-por-pagina-cel)) - 12px) / 0.6667);}
   .home-item {width: calc((600px / var(--tumb-por-pagina-cel)) - 12px)}
   .home-items {width: calc(((600px / var(--tumb-por-pagina-cel)) + 16px) * 15);}
   .cartel-medio{width: 195px;height: calc(195px / 0.6667);}
}

@media (max-width: 600px) {
   .contenido{width: auto;background:#002506;}
   .home-cartel{width: calc((500px / var(--tumb-por-pagina-cel)) - 12px);height: calc(((500px / var(--tumb-por-pagina-cel)) - 12px) / 0.6667);}
   .home-item {width: calc((500px / var(--tumb-por-pagina-cel)) - 12px)}
   .home-items {width: calc(((500px / var(--tumb-por-pagina-cel)) + 16px) * 15);}
   .cartel-medio{width: 160px;height: calc(160px / 0.6667);}
}

@media (max-width: 500px) {
   .contenido{width: auto;background:#002506;}
   .home-cartel{width: calc((400px / var(--tumb-por-pagina-cel)) - 12px);height: calc(((400px / var(--tumb-por-pagina-cel)) - 12px) / 0.6667);}
   .home-item {width: calc((400px / var(--tumb-por-pagina-cel)) - 12px)}
   .home-items {width: calc(((400px / var(--tumb-por-pagina-cel)) + 16px) * 15);}
   .cartel-medio{width: 125px;height: calc(125px / 0.6667);}
}