.azul{color: #1e417b;}
#serie .bgcuadriculado {
    background-image: url('../img/misc/bgcuadriculadomini.png');
    background-size:15px;
    padding-bottom:30px;
}
/*.presentacion .ilus img.teo2{max-width:170px;margin-bottom:10px;}*/
#serie .txt,#serie .ilus{vertical-align: middle;}
#serie .tapas button{background-color: #a71682;color: #fff;}
#serie .tapas a button:hover{text-decoration:none;background-color:#76075a;color:#fff;}

#serie .textimgfull{margin:0 auto;}
#serie .areaimgfull{position: relative;}

.areadest{max-width: 1000px;margin: auto;}
.areadest h2{padding-top:20px;}
.areadest .copete{position: relative;}
.areadest ul{padding-left:20px;list-style-type: none;margin-bottom: 0;}
.areadest li{text-indent: -20px;}
.areadest li:before{content: "\2714";}
#serie .copete{padding:5px 10px 10px 20px;z-index:9999;}


.pers{position: absolute;z-index:9999;}
.ch{width:30px;}
.ch1{top:-12px;left: 15px;}
.ch2{top:-12px;right: 15px;}

.presentacion .ilus img{width:175px;}

.robotdron,.robotHB,.robotrescate,.melogno{display: none;}
.robotdron{width:140px;top:92%;right:0;}
.robotHB{width:125px;top:95%;left:0;}
.robotrescate{width:150px;left:30%;}

.booksamples{background-color:#f9efca;margin-top:-20px;z-index:-1;}
.muestras article.col p{width:85%;margin:5px auto 10px;}
.muestras article.col{width:95%;margin:15px auto;padding:0;}

#serie .muestras h3.titlebook{margin-top:0;padding:5px 0 10px 0;font-family: 'montserratextrabold',sans-serif;}
#serie .recmat article ul li img.icon{width:58px;}

.nromuestra{background-color:#e73952;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:3px 3px 3px rgba(0,0,0,0.3);}
.nromuestra .troquelmini{background-image: url('../img/misc/espiral2.png');background-repeat:repeat-x;height: 30px;width:100%;position:absolute;top:-16px;background-size: 8%;}

#serie .muestras.cols50{width:100%;max-width:1000px;background-color:rgb(103 58 183 / 32%);margin:20px auto;border-radius:10px;padding:20px 0;}
#serie .muestras.cols50.nobg{background-color:transparent;}
#serie .muestras.cols50 .col{-webkit-display: flex;display: flex;justify-content: center;align-items: center;}
#serie .muestras.cols50 .col .sample{width:100%;margin-bottom:5px;}
#serie .muestras.cols50 .col .sample.simple{max-width:200px;}
#serie .muestras:not(.nobg) p.copete{color: white;}
.nromuestra{max-width:380px;}
#serie .muestras.cols50 .col .sample{max-width:446px;}
#serie .muestras.cols50 .col{flex-direction: column;}
#novedad #serie .muestras.cols50 .col .sample{width:100%;}
#serie .recmat article ul li img.icon, #serie .recmat article ul li .txtli{vertical-align: top;}
#serie .recmat article{width: 100%;margin:15px auto 25px;}

@media(min-width:400px){
  #serie .recmat article{margin:15px auto 25px;max-width:450px;}
}

@media(min-width:475px){
#serie .muestras.cols50 .col {
    width: 100%;
    max-width: initial;
    display: flex;
    vertical-align: middle;
  }
  .ch1{top:-10px;}
  .ch2{top:-10px;}
}
@media(min-width:600px){
  #serie .tapas button{line-height:1.5;}
  #serie .muestras.cols50 .col .sample.simple{max-width:245px;}
}
@media(min-width:700px){
  #serie .recmat article{margin:15px 8px 25px;}
  .melogno{display: block;width:145px;left:-2%;bottom:-3%;}
}
@media(min-width:720px){
  .robotHB{display:block;top:63%;left:-14px;}
  .robotdron{display:block;}
}
@media(min-width: 768px){
  #serie .presentacion .ilus{max-width:180px;}
  .presentacion .ilus img{display: block;width:145px;margin:auto;}
}
@media(min-width:800px){
  #serie .recmat article:first-of-type .subtitulo{padding-left:15px;}
  .robotHB{left:37px;}
}
@media(min-width:760px){.melogno{bottom: 3%;left:1%;}}
@media(min-width:900px){
	.muestras{-webkit-display: flex;display: flex;flex-direction: row;}
	.muestras article{-webkit-display: flex;display: flex;flex-direction: column;}
	#serie .muestras .copete{padding:10px 12px 20px 12px;}
	.muestras article.col{display: inline-flex;margin:10px 0.5%;}
  .robotdron{top:91%;right:0;}
  .robotHB{top:89%;left:-14px;width:112px;}
  #serie .muestras.cols50{padding:20px;}
  .melogno{bottom: -4%;}
}
@media(min-width:1100px){
  #serie .muestras.cols50 .col{max-width:600px;}
  .robotdron{right:-40px;}
}
@media(min-width:1200px){
  #serie .tapas .card{max-width:270px;}
  .robotdron{width:160px;top:70%right:-80px;}
  .robotHB{width:135px;top:61%;left:-85px;}
  .robotrescate{width:175px;bottom:10%;right:-156px;left: initial;display: block;}
}
@media(min-width: 1400px){
  .robotHB{left:-85px;top:98%;}
  .presentacion .ilus img{width:148px;}
  .melogno{bottom: 12%;left:5%;}
}