.colgrupo{display:flex;gap:4px;margin-bottom:9px;flex-wrap:wrap}
.colgrupo input[type=color]{width:30px;height:26px;padding:0;border:1px solid #C9BCA8;
 border-radius:4px;background:none;cursor:pointer}

.pieza{background:#FFF6E3}
.cinta{position:absolute;overflow:hidden}
.cinta svg{width:100%;height:100%;display:block}
.foto{position:absolute;overflow:hidden;background:#fff}
.foto img{width:100%;height:100%;object-fit:cover;display:block}
.foto.circ{border-radius:50%;border:8px solid #FFF6E3;box-shadow:0 8px 0 rgba(46,26,16,.16)}
.panel{position:absolute;background:#FFF6E3;box-shadow:0 12px 34px rgba(46,26,16,.16)}
.logo{position:absolute}
.logo img{width:100%;height:auto}
.tit{font-family:'Chivo',sans-serif;font-weight:900;color:#B3123C;line-height:.92;
 letter-spacing:-.02em;text-transform:uppercase}
.tit .l2{color:#00A9A5;display:block}
.tit .l3{color:#F4761F;display:block}
.lema{font-family:'Chivo',sans-serif;font-weight:900;color:#C2007A;text-transform:uppercase;letter-spacing:.16em;line-height:1.25}
.sub{font-family:'Bitter',serif;font-weight:400;color:#2E1A10;line-height:1.36}
.sub b{font-weight:800;color:#C2007A}
.pill{display:inline-block;background:#00A9A5;color:#fff;font-family:'Chivo',sans-serif;
 font-weight:900;text-transform:uppercase;letter-spacing:.05em;border-radius:999px}
.recorte{position:absolute}
.recorte img{width:100%;height:auto;filter:drop-shadow(0 14px 22px rgba(46,26,16,.3))}
.bloque{position:absolute;display:grid}
.item{border-left:7px solid #FFC72C}
.item .rot{font-family:'Chivo',sans-serif;font-weight:900;color:#C2007A;
 text-transform:uppercase;letter-spacing:.16em}
.item .val{font-family:'Bitter',serif;font-weight:600;color:#2E1A10;line-height:1.28}
.item.tel .val{font-family:'Chivo',sans-serif;font-weight:900;color:#159A4B;letter-spacing:0}
.hilo{position:absolute;left:0;right:0;display:flex}
.hilo i{flex:1;height:100%}
#tab{width:1100px;height:1700px}#lona{width:1600px;height:1120px}