.furniture-stage {
  position: absolute;
  inset: 0;
  display: block;
}
.furniture-row {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.back-row {
  bottom: 16%;
  width: 88%;
  height: 78%;
  z-index: 1;
  gap: 0;
}
.front-row {
  bottom: 2.5%;
  width: 72%;
  height: 48%;
  z-index: 4;
  gap: 0;
}
.furniture-piece {
  position: relative !important;
  inset: auto !important;
  aspect-ratio: 1/1;
  flex: 0 0 auto;
  background-size: 300% 200%;
  transform-origin: center bottom;
}
.back-row .furniture-piece {
  width: 42%;
  margin: 0 -7%;
}
.front-row .furniture-piece {
  width: 42%;
  margin: 0 -5%;
}
.back-row.count-1 .furniture-piece {
  width: 70%;
  margin: 0;
}
.back-row.count-2 .furniture-piece {
  width: 52%;
  margin: 0 -5%;
}
.front-row.count-1 .furniture-piece {
  width: 64%;
  margin: 0;
}
.front-row.count-2 .furniture-piece {
  width: 49%;
  margin: 0 -3%;
}
.furniture-piece.arco {
  background-position: 0 0;
  z-index: 1;
}
.furniture-piece.mampara {
  background-position: 50% 0;
  z-index: 2;
}
.furniture-piece.espejo {
  background-position: 100% 0;
  z-index: 3;
}
.furniture-piece.cilindros {
  background-position: 0 100%;
  z-index: 4;
}
.furniture-piece.reloj {
  background-position: 50% 100%;
  z-index: 6;
}
.furniture-piece.caballete {
  background-position: 100% 100%;
  z-index: 5;
}
.visual-controls > label {
  order: 0;
}
.mode-tabs {
  margin-top: 18px;
}
.mode-tabs:before {
  content: "Elige el tipo de visualización";
  display: block;
  margin-bottom: 10px;
  font:
    700 16px "Playfair Display",
    serif;
  color: var(--ink);
}
@media (max-width: 600px) {
  .back-row {
    width: 96%;
    bottom: 18%;
  }
  .front-row {
    width: 86%;
    bottom: 2%;
  }
  .back-row .furniture-piece {
    width: 44%;
    margin: 0 -8%;
  }
  .front-row .furniture-piece {
    width: 36%;
    margin: 0 -6%;
  }
  .back-row .furniture-piece { width:38%; }
  .back-row.count-1 .furniture-piece { width:58%; }
  .back-row.count-2 .furniture-piece { width:43%; }
  .front-row.count-1 .furniture-piece { width:52%; }
  .front-row.count-2 .furniture-piece { width:39%; }
}
