.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:
  radial-gradient(60% 45% at 50% 6%, rgba(255,199,44,.30) 0%, rgba(255,199,44,0) 62%),
  #FFF6E3;}
.pp{position:absolute;left:0;right:0;height:var(--pp);}
.pp.top{top:0}
.pp.bot{bottom:0;transform:scaleY(-1)}
.pp svg{width:100%;height:100%;display:block}
.marco{position:absolute;border:var(--bw) solid #00A9A5;border-radius:6px}
.marco::after{content:"";position:absolute;inset:var(--bi);border:2px dashed #EC0B7B;border-radius:3px}
.gr{position:absolute;left:0;right:0;height:var(--gh);opacity:.9}
.gr svg{width:100%;height:100%;display:block}
.logo{position:absolute}
.logo img{width:100%;height:auto}
.tit{font-family:'Alfa Slab One',serif;color:#B3123C;line-height:.92;letter-spacing:-.01em}
.tit em{font-style:normal;color:#00A9A5}
.sub{font-family:'Fredoka',sans-serif;font-weight:600;color:#3A2416;line-height:1.3}
.cinta{display:inline-block;background:#EC0B7B;color:#fff;font-family:'Fredoka',sans-serif;
 font-weight:700;letter-spacing:.05em;transform:rotate(-1.6deg);box-shadow:4px 4px 0 #FFC72C}
.foto{position:absolute;overflow:hidden;border-radius:5px;background:#fff}
.foto img{width:100%;height:100%;object-fit:cover;display:block}
.recorte{position:absolute}
.recorte img{width:100%;height:auto;filter:drop-shadow(0 10px 18px rgba(58,36,22,.28))}
.datos{position:absolute;display:grid;gap:var(--dg)}
.tarjeta{background:#fff;border:3px solid #3A2416;border-radius:8px;box-shadow:6px 6px 0 #00A9A5}
.tarjeta .rot{font-family:'Fredoka',sans-serif;font-weight:700;color:#B3123C;
 text-transform:uppercase;letter-spacing:.16em}
.tarjeta .val{color:#3A2416;font-weight:600;line-height:1.28}
.tel{font-family:'Alfa Slab One',serif;color:#159A4B;line-height:1.24}
.lema{font-family:'Fredoka',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.17em;line-height:1.35;color:#B3123C}
.flor{position:absolute;opacity:.95}
.flor svg{width:100%;height:100%}

.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}

#tab{width:1100px;height:1700px;--pp:96px;--bw:5px;--bi:9px;--gh:44px;--dg:18px}
#tab .datos{grid-template-columns:1fr 1fr 1fr}

#lona{width:1600px;height:1120px;--pp:86px;--bw:5px;--bi:9px;--gh:40px;--dg:18px}