.web-content {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  top: 3rem;
  bottom: 0;
  right: 0;
  left: 0;
}

.mid-container {
  height: auto;
  position: relative;
  width: -moz-available; /* WebKit-based browsers will ignore this. */
  width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
  width: fill-available;
}

.model-viewer-pc {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
}

.viewer3d-controls-pc,
.image-bottom-info {
  left: 0;
  right: 0;
  height: auto;
  padding: 1.5rem;
  padding-top: 0px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.perfil-button {
  min-width: 10.4rem;
}

.viewer3d-controls-pc.name {
  width: fit-content;
  padding-right: 0px;
}
.viewer3d-controls-pc.controls {
  width: fit-content;
  padding-left: 0px;
  right: 0;
  left: auto;
}

.namebox {
  padding: 0.25rem 1rem;
}

.right-top-border {
  position: absolute;
  top: 1rem;
  right: 3rem;
}

#poi-detail {
  width: auto;
  background-color: transparent;
  right: 0;
  left: 0;
}

#info-model {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 0.2rem 0rem 0rem 0rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

#imageViewport {
  width: auto;
}

#mobile-app {
  top: 3.2rem;
}

.desplegable {
  margin-top: 0;
  padding: 4.13rem 3rem 1rem 3rem;
  background-color: var(--color-fondo-cta);
}

image-zoom {
  width: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}