.ciclo{text-align: center;padding: 2.5rem 15px 0;}


.series{padding:0 15px 4rem;}
.series a:link{text-decoration: none;}
.series .logoserie{width:95%;max-width:220px;margin:0 auto;}
.series .serie{justify-content: center;}
.series .areatapa{position: relative;margin:0.7rem auto;text-align:center;width:100%;padding:1rem 1.5rem;border-radius:50%;text-align:center;max-height:250px;}
.series .areatapa a:link{display: block;}
.series .col{text-align:center;max-width:265px;margin-left:auto;margin-right:auto;}
.series .tapaserie{width:85%;max-width: 200px;}
/*.series .tapaserie:hover,.serie .sello:hover{-webkit-transform:scale(1.1);transform:scale(1.1);}*/
.series .areatapa:hover{-webkit-transform:scale(1.05);transform:scale(1.05);}
.series .minititle{font-family: 'gothambold',sans-serif;color:#545453;font-size:1.23rem;margin-bottom: 7px;}
.series .btn{color:#fff;font-size:1.15rem;text-transform: uppercase;font-family: 'gothammedium',sans-serif;border-radius:50px;width:90%;max-width: 210px;min-height:45px;line-height: 1.55;}
.series .card-footer{display: flex;flex-direction: column; justify-content: space-between;flex:1;}
.series .card, .series .card-footer{border:0;}
.series .card-body{padding:0;margin:auto;flex: initial;}
.series .card-footer{background-color: initial;display: flex;flex-direction: column;justify-content: space-between;flex: 1;}
.serie{display: none;}
.active{display: flex;}

.sello{position:absolute;right:-12px;z-index: 5;}
.sello.novedad{width:8rem;bottom:-12px;}
.sello.edicion{width:6.15rem;bottom:10px;}


/*Áreas Ciclos y Misiones Serie Activa*/
.areas ul{padding:0 0 12px 0;overflow-x:auto;white-space: nowrap;margin:0 auto;}

.areas ul::-webkit-scrollbar{width: 10px;}
#novedades .areas ul{
	--scrollbarBG: #ffe3de;
    --thumbBG: #ef5c64;
}
#primerciclo .areas ul{
	--scrollbarBG: #d2f4f6;
    --thumbBG: #90cad3;
}
#segundociclo .areas ul{
	--scrollbarBG: #cdcceb;
    --thumbBG: #9e9cd7;
}
#secundaria .areas ul{
	--scrollbarBG: #caefc2;
    --thumbBG: #8adf76;
}
.areas ul{
	-webkit-scrollbar-width: thin;
	-webkit-scrollbar-color: var(--thumbBG) var(--scrollbarBG);
    	scrollbar-width: thin;
  		scrollbar-color: var(--thumbBG) var(--scrollbarBG);
	}
.areas ul::-webkit-scrollbar-track{
  	background: var(--scrollbarBG);
  	border-radius: 10px;
}
.areas ul::-webkit-scrollbar-thumb{
	  	background-color: var(--thumbBG);
	  	border-radius: 10px;
	  	border: 3px solid var(--scrollbarBG);
} 

.areas{padding-left: 0;list-style-type: none;margin:2.5rem auto 2rem;position: relative;text-align:center;}
.areas li{display: inline-block;margin:5px 3px;}
.areas .level span{font-size:1.25rem;cursor:pointer;}
.areas li.icon{position: absolute;}
.areas li.icon.left{left:0;}
.areas li.icon.right{right:0;}



/*Banner muestra*/
.bannermuestra{padding:2rem 15px;}
.bannermuestra p{font-size:1.37rem;margin-bottom:1.7rem;}
.bannermuestra .btn{min-width:200px;}
.bannermuestra .btn:hover, .bannermuestra .btn:focus{background-color:#fff;color: #f05c64;}

@media(max-width:600px){
	.resaltado .sub{height:75%;border-radius:3px;}
}
@media(min-width:820px){
	.series .col{margin-left:5px;margin-right:5px;}
}
@media(min-width: 1100px){
	.areas ul{white-space:normal;}
}
@media(min-width:1200px){
	.title{font-size:2.3rem;}
}
@media(min-width: 1400px){
	.series .container-xxl{max-width: 1450px;}
}