/*Menú*/
html,body{overflow-x: hidden;}
html{min-width: 300px;}
.subgrid{max-width:1065px;margin-left:auto;margin-right:auto;padding:0 10px;}
*{-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
body{font-family: 'gothamregular',sans-serif;}
h1,h2,h3,h4,h5,h6,strong,.title,.subtitle,.black{font-family: 'gothamblack',sans-serif;}
p{font-size:1.3rem;line-height: 1.25;}

.bold,b{font-family: 'gothambold',sans-serif;}
.medium,#menu{font-family: 'gothammedium',sans-serif;}
.tdnone{text-decoration:none;}

.title{font-size:2rem;}
.subtitle{font-size:1.75rem;}
.subtitle2{font-size:1.6rem;}
.minititle{font-size:1.45rem;}
.tag{font-size:1rem;line-height: 1;}
.btn{font-size:1.45rem;}

.btn.cta{width:92%;padding:0.65rem;margin:0.5rem auto;}

.resaltado{position:relative;padding:0 5px;text-align: center;display:inline-grid;}
.resaltado .sub{position: absolute;bottom:5px;height:23px;width:100%;background-color: #fce381;z-index:-1;}


.col{padding:5px;}
.col img{max-width:100%;}
/*Novedades*/
.niveles{text-align: center;}
.niveles .level{font-family: 'gothambold',sans-serif;}
.niveles .imgciclo{display: block;width:100%;max-width:100%;margin-bottom:5px;}
.niveles .col,.recursos .col{width:100%;}
.niveles .col{max-width:500px;margin:20px auto 10px;}

/*Evita los botones de búsqueda visual de los navegadores*/
img{pointer-events: none;}


/*Colores Sitio*/
.white{color: #fff;}
.gris,.title,.subtitle,.subtitle2{color:#535353;}
.red{color:#f05c64;}
.bgred{background-color:#f05c64;}
.bglila{background-color:#a29fef;}
.bglilalight{background-color:#c5c2fd;}
.bgamarillo{background-color: #fce381;}
.bgrosa{background-color:#eb55d7;}
.bgverdelight{background-color:#b0f1a1;}
.bgceleste{background-color:#a1e5f0;}
.bb{border-bottom:3px solid;}
.bb.red{border-color:#f05c64;}
.bb.grisclaro{border-color:#c1c1c1;}
.bb.celeste{border-color:#a1e5f0;}
.bb.naranjalight{border-color:#ffad71;}
.bb.lila{border-color:#a29fef;}
.bb.verdelight{border-color:#b0f1a1;}
.bb.gris-light{border-color: #c1c1c1;}
.bb0{border-bottom:0!important;}

/*Colores Tags*/
.tag{color: #fff;font-family: 'gothammedium',sans-serif;padding:0.4rem;border-radius:4px;margin:3px;display: inline-block;text-decoration:none;}
.bgverdeMQL{background-color: #00aab2;}
.bgred2{background-color: #ee1b24;}
.bgreddark{background-color: #c30008;}
.bgverde{background-color: #a2ae42;}
.bgverde2{background-color: #00886c;}
.bgverdemusgo{background-color: #444c11;}
.bgazulclaro{background-color: #0075bc;}
.bgazul{background-color: #46609c;}
.bgazuldark{background-color: #2b5476;}
.bgmorado{background-color: #b51d8d;}
.bgnaranja{background-color: #e96720;}
.bgnaranjadark{background-color: #c65b28;}
.bgnaranjavivo{background-color: #fe6100;}
.bgamarillolight{background-color: #e8e89f;}
.bgvioleta{background-color: #38166f;}
.bgvioleta2{background-color: #96368b;}
.bgvioleta3{background-color:#702283;}
.bgamarillodark{background-color: #ff9d00;}
.bggrisdark{background-color: #535353;}

.banner{display: block;width:100%;max-width:100%;}
.tag:hover{background-color: #630249; color: #fff;}


.niveles a:link{text-decoration:none;}
.level span{font-size:1.45rem;padding: 6px 3px 2px;-webkit-transition:all 0.5s linear;transition:all 0.5s linear;margin:0 5px;}
.level span.bb.red:hover,.level span.bb.red:focus,.level span.bb.red.active{background-color: #fb868d;}
.level span.bb.grisclaro:hover,.level span.bb.grisclaro:focus,.level span.bb.grisclaro.active{background-color: #c1c1c1;}
.level span.bb.celeste:hover,.level span.bb.celeste:focus,.level span.bb.celeste.active{background-color: #a1e5f0;}
.level span.bb.lila:hover,.level span.bb.lila:focus,.level span.bb.lila.active{background-color: #b3b1ed;}
.level span.bb.verdelight:hover,.level span.bb.verdelight:focus,.level span.bb.verdelight.active{background-color: #b0f1a1;}
.level span.bb.gris-light:hover,.level span.bb.gris-light:focus,.level span.bb.gris-light.active{background-color: #dbdbdb;}
.arrow{width:32px;}
.linearayas{height:1px;width:95%;margin-left:auto;margin-right:auto;border-bottom:1px dashed gray;}


/*Colores series*/
#novedades .colorserie:hover{background-color: #ffc8cb;}
#novedades .colorserie:focus,.level span.bb.colorserie.active, #novedades .areas .level.selected span{color: #fff;background-color: #ef5c64;border-color: #ef5c64;}
#novedades .areas .level span{border-color: #ef5c64;}
#novedades .series .areatapa{background-color: /*#ffe3de*/#ffedd0;}
#novedades .series .btn{background-color: #ef5c64;}
#novedades .series .btn:hover,#novedades .series .btn:focus{background-color: #d13d45;}


#primerciclo .colorserie:hover{background-color: #ade7eb;}
#primerciclo .colorserie:focus,.level span.bb.colorserie.active, #primerciclo .areas .level.selected span{color: #fff;background-color: #3fafc1;border-color: #3fafc1;}
#primerciclo .areas .level span{border-color: #22c6cd;}
#primerciclo .series .btn{background-color: #22c6cd;}
#primerciclo .series .btn:hover,#primerciclo .series .btn:focus{background-color:#1eadb3;}
#primerciclo .series .areatapa{background-color: #d2f4f6;}


#segundociclo .colorserie:hover{background-color:#cdcceb;}
#segundociclo .colorserie:focus,.level span.bb.colorserie.active, #segundociclo .areas .level.selected span{color: #fff;background-color: #8f8dcd;border-color: #8f8dcd;}
#segundociclo .areas .level span{border-color: #a29fef;}
#segundociclo .series .btn{background-color: #8f8dcd;}
#segundociclo .series .btn:hover,#segundociclo .series .btn:focus{background-color:#7674b5;}
#segundociclo .series .areatapa{background-color:#cdcceb;}


#secundaria .colorserie:hover{background-color:#caefc2;}
#secundaria .colorserie:focus,.level span.bb.colorserie.active, #secundaria .areas .level.selected span{color: #fff;background-color:#6dc958;border-color: #6dc958;}
#secundaria .areas .level span{border-color: #b0f1a1;}
#secundaria .series .btn{background-color: #6dc958;}
#secundaria .series .btn:hover,#secundaria .series .btn:focus{background-color:#6bab5d;}
#secundaria .series .areatapa{background-color:#caefc2;}




/*Footer*/
footer{padding-bottom:2rem;}
footer .redes{padding:0 5px;}
footer .whats,footer .editorial{margin:0 auto 25px;}
footer .editorial{width:49%;display: inline-block;vertical-align: top;}
footer a{text-decoration: none;}
footer .whats{font-size:1.5rem;}
footer .whats img{width:40px;padding-bottom:3px;}
footer .whats .nro{font-size:1.7rem;}
footer .logo{width:65px;margin:5px auto;}
footer .icon{font-size:1.7rem;color:#767675;margin:10px 7px;}
footer .icon:hover,footer .icon:focus{color: #f05c64;}

/*Espacios*/
.sep20{height:20px;width:100%;}
.mw1600{max-width:1600px;}
.mw1400{max-width:1400px;}
.mw1250{max-width:1250px;}
.mw1100{max-width:1100px;}
.mw800{max-width:800px;}
.mw350{max-width:350px;}


@media(min-width: 480px) and (max-width:600px){
	.tag{width: initial;}
}
@media(min-width: 465px){
	footer .editorial.estrada{width:35%;}
	footer .editorial.puerto{width:63%;}
	footer .logo{width:auto;height:40px;}
}
@media(min-width: 585px){
	footer .editorial.estrada,
	footer .editorial.puerto{width:49%;}
}
@media(min-width: 751px){
	footer .whats img{padding-bottom:3px;}
}
@media(min-width: 900px){
	.resaltado .sub{bottom:0;height:23px;}
	footer .row{display: block;}
	footer .whats{margin:0 auto;padding:0;width:35%;}
	footer .redes{width:61%;}
	footer .whats,footer .redes{display: inline-block;vertical-align: top;}
}
@media(min-width: 1000px){
	footer .whats{width:45%;text-align:left;}
	footer .nrowhats{text-align: center;display:inline-block;}
	footer .redes{width:50%;}
	footer .editorial:last-of-type{margin-right:0;}
}

@media(min-width:1200px){
	footer .logo{height:45px;}
	.btn.cta{padding:0.5rem;}
	p{font-size:1.2rem;}
}