html{min-width:285px;}
html,body{margin:0;padding:0;}
header{background-color:white;height:45px;text-align:right;width:100%;top:0;left:0;position:relative;padding:3px 0;}
header a{z-index:99999999;}
body{font-family: 'robotoregular', sans-serif;}
.container{width:95%;max-width:1200px;margin:auto;}
.container-xl{width:95%;max-width:1400px;margin:auto;}
.subgrid{width:100%;max-width:900px;margin:auto;}

.d-block{display: block;}
.d-none{display: none;}
.tdnone{text-decoration: none!important;}
.white{color: white;}
.bgblue{background-color:#0b3973;}
.social-icon{width:35px;margin-top: 5px;margin-left: 10px;}
.social-icon,.shop-icon{vertical-align: middle;}
.shop-icon{margin:5px 0 0 0;display: inline-block;}
.shop-icon button{background-color: #e30613;border-radius:45px;border:0;min-height: 35px;padding:0 18px;box-shadow:1px 1px 1px rgb(0 0 0 / 30%);-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.shop-icon img{width:27px;vertical-align: middle;margin:0 0 7px;}
.shop-icon span{font-size:18px;color: #fff;font-family: 'robotoregular', sans-serif;line-height: 35px;}
.shop-icon button:hover,.shop-icon button:focus{background-color:#8e020a;}
.btn{width:95%;max-width:300px;border-radius:40px;display: block;margin:15px auto 10px;}
b,strong,.bold{font-family:'robotobold',sans-serif;}
.bolditalic{font-family: 'robotobold_italic', sans-serif;}
.underline{text-decoration: underline;}
.linkblack{color: #000;cursor:pointer;}
.linkblack:hover{color:#165197;}
.titleimg{display: block;width:100%;max-width:335px;margin-top:10px;}
.vermas{font-family: 'robotobold_italic', sans-serif;font-size:15px;text-decoration: underline;display: block;margin:10px 0;color: #000;}
button{text-decoration: none;cursor:pointer;}
.gral,.subtitle,.booktitle{text-align: center;margin:0;}
.gral{font-size:17px;}
.booktitle{font-size:18px;font-family:'robotobold',sans-serif;}
.subtitle{font-size:19px;}


/*Generales owl*/
ul.owl-carousel{padding-left: 0;list-style-type: none;}
.owl-carousel .owl-item img{width:93%;max-width:250px;margin:auto;}
.owl-carousel li{padding:10px;margin:10px auto 5px;}
.owl-item{text-align: center;}
.owl-prev,.owl-next{position: absolute;top:40%;width:23px;opacity: 0.5;}
.owl-prev img,.owl-next img{max-width:100%;}
.owl-prev{left:0;}
.owl-next{right:0;}
.owl-carousel button.owl-dot{width:10px;height:10px;margin:5px;border-radius:10px; border:1px solid;}
.owl-carousel button.owl-dot.active{background-color: #000;}
.owl-dots{text-align: center;}

.left{text-align: left;}
.center{text-align: center;}
.right{text-align: right;}
.mx-auto{margin-left: auto;margin-right: auto;}
.py30{padding-top:30px;padding-bottom:30px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mb30{margin-bottom:30px;}


.bg-lightgreen{background-color: #f3f7e7;}
.bg-lightblue{background-color: #e4f5fc;}
.fullimg{width:100%;max-width:950px;}


#apertura{background: rgb(253,254,255);background: linear-gradient(352deg, rgba(253,254,255,0) 0%, rgba(205,236,248,0.3) 90%, rgba(205,236,248,1) 100%);}
#apertura .container{max-width:1000px;}
#apertura img{width:100%;max-width:800px;display:block;margin:auto;}
#apertura .personajes{margin-top:0;width:100%;max-width:650px;}
#apertura .title{width:100%;max-width:440px;margin-top:-28px;}
#apertura .btn{min-height: 48px;line-height:45px;text-align: center;font-size:21px;margin:33px auto 45px;}
.initcontent{position: relative;}
.bajada{font-size:21px;line-height: 1.3;text-align: center;}


/*Slider Protagonistas*/
.protagonistas .name{font-family:'luckiest_guyregular',sans-serif;font-size:28px;line-height:1.15;color:#fe0000;margin:0;}
.protagonistas .desc{margin:0;}
.protagonistas li div{width:100%;max-width:300px;margin:auto;}
.protagonistas .owl-dots{padding-bottom:20px;}

/*Autores*/
.autores .container{padding-top:20px;padding-bottom:30px;}
.autores .bio{margin:0;}
.autores .col50{padding:10px 0;margin:15px auto 0;}
.autores .col50 img{width:100%;max-width:435px;}

/*Área tapas*/
.areatapas .owl-carousel li{padding:0 5px;}
.areatapas li .btn{width:98%;max-width:270px;padding:5px 10px;text-decoration: none;font-size:1.2em;min-height:43px;line-height:1.3;border:0;outline: 0;}
.areatapas .owl-prev, .areatapas .owl-next{top:35%;}
.areatapas .owl-dots{padding-bottom:3px;}
.areatapas .owl-carousel{margin-bottom:3px;}
.arcotapas.fullimg{max-width:850px;}
.areatapas .gral{max-width: 1140px;}
.areatapas li img{box-shadow:3px 3px 3px rgba(0,0,0,0.3);}
.areatapas li .booktitle{margin:10px auto;line-height: 1.3;max-width: 250px;}
.areatapas li a{color:initial;}
.areatapas li a:focus{text-decoration:none;}
.areatapas li a button:hover{background-color: #13509c;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
/*Nuevo Álbum*/
.nuevoalbum .subgrid{max-width:950px;}

.owl-dots{display: none;}
@media(min-width:600px){
	#apertura .btn{min-height:48px;line-height:48px;}
	.areatapas li .btn{padding:8px 10px;font-size: 18px;}
	#apertura .title{max-width:620px;}
}
@media(min-width:700px){
	.autores .col50{width:45%;padding:10px 15px;display:inline-block;vertical-align:top;}
}
@media(min-width:900px){
	#apertura .title{max-width:800px;}
	.owl-dots{display: block;}
}
@media(min-width:940px){
	.areatapas li .btn{font-size:19px;}
	.areatapas .owl-prev, .areatapas .owl-next{top:37%;}
	.gral,.booktitle{font-size:18px;}
	.subtitle{font-size:20px;}
}
@media(min-width:1200px){
	.social-icon{width:32px;}
	.social-icon,.shop-icon{margin-top:5px;}
	.shop-icon img{width:24px;}
	.shop-icon span{font-size: 17px;}
	.gral,.booktitle{font-size:18px;}
	.subtitle{font-size:21px;}
}
@media(min-width:1500px){
	#apertura .personajes{max-width:755px;}
}
@media(min-width:1300px){
	.areatapas .owl-prev{left:-2%;}
	.areatapas .owl-next{right:-2%;}
}

button.btn[disabled]{background-color: #9e9e9e;font-size:18px;padding:8px 2px;cursor: initial;border-radius: 5px;min-height: 47px;}
