.azul {color: #235279;}
.pers{position:absolute;}
.pers1,.pers2,.pers3{display: none;}

.texturapapel{background-image: url(../img/misc/paper-texture.jpg);background-repeat: repeat;}
#serie .tapas button{background-color: #a71682;color: #fff;}
#serie .tapas button:hover,#serie .tapas button:focus{text-decoration:none;background-color:#76075a;color:#fff;}


#serie .copete{padding:5px;z-index:9999;}

.muestras{max-width:1050px;margin:auto;}
.muestras article.col p{width:90%;margin:5px auto 10px;}

.presentacion .txt{background-color:#f2f2f0;}
#serie .tapas .card{max-width: 390px;margin-left:auto;margin-right:auto;}

#serie .muestras ul li{padding:20px;}
#serie .muestras ul li.w50{padding:0 15px;}
.cardligroup{padding-left: 0;width:95%;margin:15px auto;list-style-type: none;}
.cardligroup:last-of-type li{width:99.5%;}
.cardli{border-radius: 16px;box-shadow: 3px 3px 3px rgba(0,0,0,0.3);background-color:#6c97f352;margin-top:15px;margin-bottom:15px;text-align: left;}
.cardli ul{padding-left:0;}
.cardli.nobg{background-color:initial;box-shadow:none;}
#serie .recmat{max-width:1130px;}
#serie .recmat article{margin:15px auto;}
.cardli img{width:100%;max-width:250px;display: block;margin:0 auto 10px auto;box-shadow: 3px 3px 3px rgba(0,0,0,0.35);}
.cardli.nobg img{box-shadow: none;}
.cardli img.doblepag{max-width:500px;}
.imggroup{display: block;margin:15px auto;text-align: center;}
.imggroup img{display: inline-block;vertical-align: top;}

.cardli img.doblepag.mw415{max-width:415px;}
.cardli img.doblepag.mw390{max-width:390px;}
.pers4{width:170px;display: block;margin:auto;}

@media(min-width:475px){.imggroup img.w50{width:48.5%;}}

@media(min-width:600px){
  #serie .tapas button{line-height:1.5;}
  .pers3{display: block;z-index:3;width:140px;right: -20px;top:-4%;}
}

@media(min-width:700px){
  .pers1,.pers2{display: block;z-index:3;width:140px;}
  .pers1{top:41%;left:15px;} 
  .pers2{top:-225px;right:3%;} 
  .pers4{right: -106px;top:-5%;}
}
@media(min-width:725px){
  #serie .muestras.cols50 .col{width:49%;display: inline-block;vertical-align: top;}
  #serie .muestras.cols50 .col.br{border-right:2px dotted gray;}
  .cardli{width:49%;display: inline-block;}
  .cardligroup{width:95%;}
  .cardligroup.flex{display: flex;}
  .cardligroup.w100 .cardli{width:100%;}
  .cardli ul li.w50,.cardli ul li.w40,.cardli ul li.w60{vertical-align: middle!important;display: inline-block;}
  .cardli ul li.w50{width:49%;}
  .cardli ul li.w40{width:39%;}
  .cardli ul li.w60{width:60%;}
  .cardli:first-of-type{margin-right:1.5%;}
  .cardligroup.w100 .cardli:first-of-type{margin-right:0;}
  .pers1{top:36%;}
}
@media(min-width:758px){
  .cardli img.doblepag.mw390{width:49%;}
}
@media(min-width: 811px) and (max-width: 1000px){
  .pers1{display:none;}
}
@media(min-width:900px){
  .cardli img{margin:0 auto;}
  .cardli img.mr1{margin-right:1%;}
  .pers3{top:-8%;}
}
@media(min-width:992px){
  .pers2{top:-168px;right:-2%;} 
}
@media(min-width:1000px){
  .pers1{top:55%;left:42%;}
  .pers4{width:190px;}
}
@media(min-width:1200px){
  #serie .tapas .card-img{width:auto;}
}
@media(min-width:1300px){
  .pers1{left:-4%;}
}
@media(min-width:1400px){
  .pers1{left:-12%;}
}

/*MAX*/
@media(max-width: 380px){
  .recmat ul{padding-left:20px;}
}
@media(max-width: 575px){
  #serie .tapas .card{width: initial;}
}