:root {
   --ancho-tumb-season:200px;
   --margen-inferior:100px;
}

.regresar{
   position: absolute;
   top: 75px;
   right: 15px;
   color: white;
   font-size: 14px;
   cursor: pointer;
}

.div-ficha{
   width: 100%;
   height: auto;
   font-family: Bauhaus-Lt-Light;
   margin: 10px;
}

.ficha-poster{
   width: 33%;
   height: auto;
   float: left;
}

.ficha-info{
   width: 64%;
   height: auto;
   float: left;
   margin-left: 15px;
}

.ficha-logo{
   width: 60%;
   margin: 20px auto;
   display: block; /* Ensure block-level behavior */
   margin-left: auto;
   
}

.cabecera-ficha{
   width: 100%;
   height: 100px;
   background-color: black;
   color: white;
   left: -15px;
   position: relative;
   opacity: 0.60;
}

.span-ficha{margin-left: 15px;}

.ficha-titulo{
   font-size: 30px;
   width: 100%;
}

.ficha-titulo-original{
   font-size: 16px;
   width: 100%;
   color: bisque;
}


.ficha-info-general{
   font-size: 20px;
   width: 100%;
   color: bisque;

}

.clasificacion{
   background-color: #535353;
   padding: 1px;
   border-radius: 3px;
}

.ficha-informacion-detallada{
   width: 100%;
   height: auto;
   margin-top: 30px;
}

.lema{
   font-size: 24px;
   width: 100%;
   color: LightGreen;
   margin-bottom: 15px;
}

.resumen{
   font-size: 18px;
   width: 100%;
   color: LightGray;
   margin-bottom: 15px;
}

.label1{
   font-size: 18px;
   width: 100px;
   color: NavajoWhite;
   text-align: left;
   display: block;
   float: left;
   height: auto;
}

.dato1{
   font-size: 18px;
   width: calc(95% - 100px);
   height: auto;
   color: LightGray;
   text-align: left;
   display: block;
   float: left;
}

.ficha-serie{
   width: 100%;
   height: auto;
   margin-top: 30px;
}

.info-detallada{
   width: 100%;
   height: 100%;
   display: flex;
}

.temporadas-cartel{
   width: 100%;
   height: auto;
   margin-top: 15px;
   position: relative;
}

.div-season-cartel{
   width: var(--ancho-tumb-season);
   height: auto;
   float: left;
   margin-left: 10px;
   margin-top: 15px;
   font-family: Bauhaus-Lt-Light;
   font-size: 16px;
}

.img-season-cartel{
   width: var(--ancho-tumb-season);
   height: calc(var(--ancho-tumb-season) / 0.6667);
   cursor: pointer;
   border-radius: 5%; /* Esto hace la imagen circular */
   overflow: hidden;
   box-shadow: 4px 4px 3px rgba(100,100,100,0.5);
}

.img-season-cartel:hover {
    box-shadow: -2px -2px 5px rgba(100,100,100,0.1), inset 0 0 10px rgba(100,100,100,0.2);
}

.season-titulo{color: beige;}
.season-episodios{color:gray;}