/* SECCION DATOS Y RESULTADOS BASICOS */
.div-result {
  position: absolute;
  top: 0.5rem;
  width: 98%;
  height: 50rem;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: hidden;
  display: flex;
  justify-content: center;
}

.img-logo {
  height: 3.2rem;
  left: 0;
  top: 0;
  transform: none;
}

.div-result-title {
  position: absolute;
  top: 0;
  left: 4rem;
  
}

.div-result-resume {
  position: absolute;
  top: 3.5rem;
  left: 0;
  width: 87%;
  height: 1.5rem;
  color: rgb(80, 80, 80);
  background-color: white;
  border-style: solid;
  border-color: rgb(205, 205, 205);
  border-width: 0.1em;
  border-radius: 0.5em;
  display: flex;
  justify-content: center;
}

.div-result-resume-p {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 98%;
}

.div-result-button {
  position: absolute;
  width: 12%;
  height: 2.5rem;
  cursor: pointer;
  color: white;
  background-color: #7ab846;
  border-radius: 0.5em;
  display: flex;
  justify-content: center;
  top: 2.6rem;
  text-align: center;
  right: 0;
}

.div-result-button p {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 98%;
}

.div-result-data {
  position: absolute;
  width: 99.5%;
  height: 11rem;
  color: rgb(80, 80, 80);
  background-color: white;
  border-style: solid;
  border-color: rgb(205, 205, 205);
  border-width: 0.1em;
  border-radius: 1em;
  display: flex;
  justify-content: center;
  top: 5.5rem;
  box-shadow: 3px 3px 2px rgb(138, 138, 138);
  left: 0;
}

.ul-result-data {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0;
  top: 0.5rem;
  width: 25%;
  
}

.ul-result-data li {
  padding-top: 0.5rem;
  display: flex;
}

.ul-result-data-1 {
  left: 1%;
  width: 37%;
}

.ul-result-data-1-b-1,
.ul-result-data-1-b-2,
.ul-result-data-1-b-3,
.ul-result-data-2-b-1,
.ul-result-data-2-b-2,
.ul-result-data-2-b-3,
.ul-result-data-3-b-1,
.ul-result-data-3-b-2 {
  right: 0.5rem;
  position: absolute;
}

.ul-result-data-2 {
  right: 36%;
}

.ul-result-data-3 {
  right: 1%;
  width: 34%;
}

.ul-result-data-select {
  
  font-weight: bold;
  color: rgb(80, 80, 80);
  background-color: none;
  border-style: none;
  border-color: none;
  height: fit-content;
  -webkit-appearance: none;
}

.ul-result-data-problems {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 11%;
  bottom: 0.5rem;
}

.ul-result-data-problems li {
  display: flex;
  justify-content: center;
  width: 98%;
  height: 1rem;
  color: rgb(80, 80, 80);
  background-color: white;
  border-style: solid;
  border-color: rgb(205, 205, 205);
  border-width: 0.1em;
  border-radius: 0.5em;
  cursor: pointer;
  margin-top: 0.4rem;
  
  padding: 0.1rem;
}

.ul-result-data-problems-1 {
  right: 24%;
}

.ul-result-data-problems-2 {
  right: 12.5%;
}

.ul-result-data-problems-3 {
  right: 1%;
}

@media only screen and (max-width: 900px) {
  .div-result {
    top: 3rem;
    width: 95%;
    height: 195rem;
  }

  .div-result-resume {
    width: 98%;
    height: 4rem;
    top: 9rem;
  }

  .div-result-title {
    top: 4rem;
    left: 0;
  }

  .div-result-button {
    width: 99%;
    top: 14rem;
    height: 3rem;
    right: auto;
    left: 0;
  }

  .div-result-data {
    width: 98%;
    top: 18rem;
    height: 49rem;
  }

  .ul-result-data {
    width: 98%;
    left: 1%;
    right: auto;
    
  }

  .ul-result-data-select {
    
  }

  .ul-result-data-2 {
    top: 12.5rem;
  }

  .ul-result-data-3 {
    top: 23.5rem;
  }

  .ul-result-data-problems {
    width: 98%;
    bottom: auto;
    right: auto;
    left: 1%;
  }

  .ul-result-data-problems li {
    
  }

  .ul-result-data-problems-1 {
    top: 27rem;
  }

  .ul-result-data-problems-2 {
    top: 33.8rem;
  }

  .ul-result-data-problems-3 {
    top: 40.6rem;
  }

  .ul-result-data-1-b-1 {
    padding-left: 53%;
  }

  .ul-result-data-1-b-2 {
    padding-left: 66%;
  }

  .ul-result-data-1-b-3 {
    padding-left: 25%;
  }

  .ul-result-data-2-b-1 {
    padding-left: 53%;
  }

  .ul-result-data-2-b-2 {
    padding-left: 24%;
  }

  .ul-result-data-2-b-3 {
    padding-left: 49%;
  }

  .ul-result-data-3-b-1 {
    padding-left: 1%;
  }

  .ul-result-data-3-b-2 {
    padding-left: 0;
  }
}
/* * * * * * * * * */

/* GRAFICAS */
.div-result-panel {
  position: absolute;
  color: rgb(80, 80, 80);
  background-color: white;
  border-style: solid;
  border-color: rgb(205, 205, 205);
  border-width: 0.1em;
  box-shadow: 3px 3px 2px rgb(138, 138, 138);
  border-radius: 1em;
  display: flex;
  justify-content: center;
}

.div-result-panel-title {
  position: absolute;
  top: 0.5rem;
  left: 1rem;
}

.div-result-panel-1 {
  width: 24%;
  height: 16.5rem;
  top: 17rem;
  left: 0;
}

.div-result-panel-2 {
  width: 24%;
  height: 16.5rem;
  top: 17rem;
  left: 25%;
}

.div-result-panel-3 {
  width: 24%;
  height: 16.5rem;
  top: 17rem;
  right: 25.5%;
}

.div-result-panel-4 {
  width: 24%;
  height: 16.5rem;
  top: 17rem;
  right: 0.5%;
}

.div-result-panel-5 {
  width: 49%;
  height: 14rem;
  top: 34rem;
  left: 0;
}

.div-result-panel-6 {
  width: 33%;
  height: 14rem;
  top: 34rem;
  right: 16.5%;
}

.div-result-panel-7 {
  width: 15%;
  height: 4rem;
  top: 34rem;
  right: 0.5%;
}

.div-result-panel-8 {
  width: 15%;
  height: 4rem;
  top: 39rem;
  right: 0.5%;
}

.div-result-panel-9 {
  width: 15%;
  height: 4rem;
  top: 44rem;
  right: 0.5%;
}

.div-result-panel-img-info {
  position: absolute;
  height: 1.2rem;
  bottom: 0.3rem;
  right: 0.3rem;
  cursor: pointer;
}

.ul-result-panel {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0;
  top: 3%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 30%;
  
  width: 55%;
}

.ul-result-panel li {
  padding-top: 0.1rem;
}

.ul-result-panel-1 {
  left: 3%;
}

.ul-result-panel-2 {
  right: 3%;
  text-align: right;
}

.div-result-panel-graph {
  position: absolute;
  top: 30%;
  height: 60%;
  width: 94%;
}

.div-result-panel-bottom-text {
  position: absolute;
  bottom: 3%;
  text-align: center;
}

@media only screen and (max-width: 900px) {
  .div-result-panel-1 {
    width: 98%;
    top: 68rem;
  }

  .div-result-panel-2 {
    width: 98%;
    top: 85rem;
    left: 0;
  }

  .div-result-panel-3 {
    width: 98%;
    top: 102rem;
    left: 0;
  }

  .div-result-panel-4 {
    width: 98%;
    top: 119rem;
    left: 0;
  }

  .div-result-panel-5 {
    width: 98%;
    top: 136rem;
    left: 0;
    height: 28rem;
    display: flex;
    justify-content: center;
  }

  .div-result-panel-6 {
    width: 98%;
    top: 164.5rem;
    left: 0;
  }

  .div-result-panel-7 {
    width: 98%;
    top: 179rem;
    left: 0;
    right: auto;
  }

  .div-result-panel-8 {
    width: 98%;
    top: 183.5rem;
    left: 0;
    right: auto;
  }

  .div-result-panel-9 {
    width: 98%;
    top: 188rem;
    left: 0;
    right: auto;
  }
}
/* * * * * * * * */

/* PANEL COMPLEXION */
.img-result-panel-complex {
  position: absolute;
  height: 83%;
  top: 2rem;
  left: 0.5rem;
  max-width: 30%;
}

.div-result-panel-complex {
  position: absolute;
  height: 87%;
  width: 30%;
  top: 1rem;
  border-style: solid;
  border-color: rgb(205, 205, 205);
  border-width: 0.1em;
}

.div-result-panel-complex-1 {
  right: 1rem;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
}

.div-result-panel-complex-1 p {
  padding: 0.3rem;
  
}

.ul-result-complex {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0;
  top: 0;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  
  color: rgb(80, 80, 80);
}

.ul-result-complex li {
  border-style: solid;
  border-color: rgb(205, 205, 205);
  border-width: 0;
  border-bottom-width: 0.1em;
  height: 1.28rem;
  padding-left: 0.5rem;
}

@media only screen and (max-width: 900px) {
  .img-result-panel-complex {
    position: absolute;
    height: 11rem;
    top: 2.5rem;
    left: 3%;
    max-width: 45%;
  }

  .div-result-panel-complex {
    position: absolute;
    height: 12.3rem;
    width: 47%;
    top: 2.5rem;
    right: 3%;
  }

  .div-result-panel-complex-1 {
    top: auto;
    width: 94%;
    height: 11.5rem;
    bottom: 0.5rem;
  }
}
/* * * * * * * * * */

/* PANEL AGUA */
.ul-result-water {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0;
  top: 0.5rem;
  overflow-y: auto;
  overflow-x: hidden;
  height: 30%;
  
}

.ul-result-water-1 {
  left: 1rem;
}

.ul-result-water-2 {
  right: 38%;
  text-align: right;
}

.div-result-water-graph {
  position: absolute;
  top: 4rem;
  height: 70%;
  width: 45%;
  left: 0.5rem;
}

.div-result-water-text {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  text-align: center;
  width: 34%;
  
}

.div-result-water-text span {
  color: #0e6693;
  font-weight: bold;
}

.div-result-water-images {
  position: absolute;
  height: 67%;
  top: 4rem;
  right: 1rem;
  width: 48%;
  display: flex;
}

.div-result-water-images img {
  height: 100%;
  padding-left: 5%;
  filter: grayscale(100%);
}
/* * * * * * * */

/* PANEL EDAD, BASAL Y PROTEINA */
.div-result-panel-text-title {
  position: absolute;
  top: 0.5rem;
  width: 90%;
  
  text-align: center;
}

.div-result-panel-text-value {
  position: absolute;
  bottom: 0.7rem;
  width: 90%;
  text-align: center;
}
/* * * * * * * * */

/* SECCION RESULTADOS COMPLETOS */
.div-result-advance {
  position: absolute;
  display: none;
  top: 52rem;
  width: 98%;
  height: 50rem;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: hidden;
}

.div-result-advance-title {
  position: absolute;
  top: 0;
  left: 0;
  ;
}

.div-scan-button-up {
  position: absolute;
  cursor: pointer;
  right: 0.5rem;
  top: 0;
  height: 2rem;
}

.div-result-advance-panel-1 {
  width: 45%;
  height: 16rem;
  top: 3rem;
  left: 0;
}

.div-result-advance-panel-2 {
  width: 32.5%;
  height: 16rem;
  top: 3rem;
  left: 46%;
}

.div-result-advance-panel-3 {
  width: 20%;
  height: 16rem;
  top: 3rem;
  right: 0.5%;
}

.div-result-advance-panel-4 {
  width: 32.5%;
  height: 13rem;
  top: 20rem;
  left: 0;
}

.div-result-advance-panel-5 {
  width: 32.5%;
  height: 13rem;
  top: 20rem;
  left: 33.5%;
}

.div-result-advance-panel-6 {
  width: 32.5%;
  height: 13rem;
  top: 20rem;
  right: 0.5%;
}

.div-result-advance-panel-7 {
  width: 99%; /* 49% */
  height: 14rem;
  top: 34rem;
  left: 0;
}

.div-result-advance-panel-8 {
  display: none;
  width: 49%;
  height: 14rem;
  top: 34rem;
  right: 0.5%;
}

@media only screen and (max-width: 900px) {
  .div-result-advance {
    top: 198rem;
    width: 95%;
    height: 124rem;
  }

  .div-result-advance-panel-1 {
    width: 98%;
    left: 0;
  }

  .div-result-advance-panel-2 {
    width: 98%;
    top: 19.5rem;
    left: 0;
  }

  .div-result-advance-panel-3 {
    width: 98%;
    top: 36rem;
    left: 0;
    right: auto;
  }

  .div-result-advance-panel-4 {
    width: 98%;
    top: 52.5rem;
    left: 0;
    right: auto;
  }

  .div-result-advance-panel-5 {
    width: 98%;
    top: 66rem;
    left: 0;
    right: auto;
  }

  .div-result-advance-panel-6 {
    width: 98%;
    top: 79.5rem;
    left: 0;
    right: auto;
  }

  .div-result-advance-panel-7 {
    width: 98%;
    top: 93rem;
    left: 0;
    right: auto;
  }

  .div-result-advance-panel-8 {
    width: 98%;
    top: 107.5rem;
    left: 0;
    right: auto;
  }
}
/* * * * * * * * * */

/* RESULTADOS AVANZADOS - GRASA */
.div-result-panel-advance-fat-text {
  position: absolute;
  top: 11%;
  left: 1rem;
  width: 85%;
  
}

.div-result-panel-advance-fat-elements {
  position: absolute;
  top: 27%;
  width: 94%;
  height: 70%;
  left: 3%;
  display: flex;
}

.div-result-panel-advance-fat-element {
  position: relative;
  height: 100%;
  display: flex;
  justify-content: center;
  text-align: center;
  
  width: 15%;
}

.div-result-panel-advance-fat-element-p-1 {
  position: absolute;
  top: 0;
  width: 100%;
}

.div-result-panel-advance-fat-element-p-2 {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.div-result-panel-advance-fat-element-img {
  position: absolute;
  height: 80%;
  max-width: 90%;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* * * * * * * * * */

/* RESULTADOS AVANZADOS - ANTROPOMETRICOS */
.div-result-panel-advance-antro-text {
  position: absolute;
  top: 11%;
  left: 1rem;
  width: 85%;
  
}

.div-result-advance-antro-graph {
  position: absolute;
  top: 29%;
  width: 45%;
  height: 70%;
  left: 3%;
}

.ul-result-advance-antro {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0;
  top: 28%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 70%;
  
}

.li-result-advance-antro-1 {
  padding-bottom: 1.4rem;
}

.li-result-advance-antro-red {
  color: #fe0000;
}

.ul-result-advance-antro-1 {
  right: 41%;
}

.ul-result-advance-antro-2 {
  right: 23%;
  text-align: right;
}

.div-result-advance-antro-img {
  position: absolute;
  top: 26%;
  height: 72%;
  right: 3%;
}
/* * * * * * * * */

/* RESULTADOS AVANZADOS - HUESOS */
.ul-result-advance-bone {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0;
  top: 3%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 30%;
  
  width: 75%;
}

.ul-result-advance-bone-1 {
  left: 3%;
}

.ul-result-advance-bone-2 {
  right: 3%;
  text-align: right;
}

.div-result-advance-bone-graph {
  position: absolute;
  top: 25%;
  height: 73%;
  width: 72%;
  left: 3%;
}

.div-result-advance-bone-img {
  position: absolute;
  top: 26%;
  height: 72%;
  right: 3%;
}
/* * * * * * * */

/* RESULTADOS AVANZADOS - TENDENCIA PESO */
.div-result-advance-weight-graph {
  position: absolute;
  top: 13%;
  height: 83%;
  width: 50%;
  left: 3%;
}

.div-result-advance-weight-text {
  position: absolute;
  top: 13%;
  height: 83%;
  right: 3%;
  width: 43%;
  
}

.div-result-advance-weight-text span {
  font-weight: bold;
}
/* * * * * * * * * */

/* RESULTADOS AVANZADOS - GRASA - MUSCULO */
.div-result-panel-advance-fat-mass-elements {
  position: absolute;
  top: 13%;
  width: 94%;
  height: 84%;
  left: 3%;
  display: flex;
}

.div-result-panel-advance-fat-mass-element {
  position: relative;
  height: 100%;
  display: flex;
  justify-content: center;
  text-align: center;
  width: 50%;
}

.div-result-panel-advance-fat-mass-element-p {
  position: absolute;
  top: 0;
  width: 100%;
}

.div-result-panel-advance-fat-mass-element-img {
  position: absolute;
  height: 65%;
  max-width: 90%;
  bottom: 5%;
}
/* * * * * * * * * */

/* RESULTADOS AVANZADOS - VISCERAL */
.div-result-panel-advance-visceral-elements {
  position: absolute;
  top: 13%;
  width: 94%;
  height: 84%;
  left: 3%;
  display: flex;
}

.div-result-panel-advance-visceral-element {
  position: relative;
  height: 100%;
  display: flex;
  justify-content: center;
  text-align: center;
  width: 50%;
}

.div-result-panel-advance-visceral-element-p {
  position: absolute;
  top: 0;
  width: 100%;
}

.div-result-panel-advance-visceral-element-img {
  position: absolute;
  height: 65%;
  max-width: 90%;
  bottom: 5%;
}
/* * * * * * * * * */

/* SECCION GRAFICAS SEGUIMIENTO */
.div-result-follow {
  position: absolute;
  display: none;
  top: 102rem;
  width: 98%;
  height: 50rem;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: hidden;
  justify-content: center;
}

.div-result-follow-graph {
  position: absolute;
  top: 13%;
  height: 82%;
  width: 94%;
}

.div-result-follow-panel-text {
  position: absolute;
  text-align: center;
  width: 94%;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  
  color: #7ab846;
}

.div-result-follow-panel-1 {
  top: 2%;
  width: 49%;
  height: 30%;
  left: 0;
}

.div-result-follow-panel-2 {
  top: 2%;
  width: 49%;
  height: 30%;
  right: 0.5%;
}

.div-result-follow-panel-3 {
  top: 34%;
  width: 49%;
  height: 30%;
  left: 0;
}

.div-result-follow-panel-4 {
  top: 34%;
  width: 49%;
  height: 30%;
  right: 0.5%;
}

.div-result-follow-panel-5 {
  top: 66%;
  width: 32.5%;
  height: 28%;
  left: 0;
}

.div-result-follow-panel-6 {
  top: 66%;
  width: 32.5%;
  height: 28%;
}

.div-result-follow-panel-7 {
  top: 66%;
  width: 32%;
  height: 28%;
  right: 0.5%;
}

.div-result-panel-follow-footer {
  position: absolute;
  bottom: 0.5rem;
  
  color: rgb(80, 80, 80);
}

@media only screen and (max-width: 900px) {
  .div-result-follow {
    top: 322rem;
    width: 95%;
    height: 124rem;
  }

  .div-result-follow-panel-1 {
    width: 98%;
    left: 0;
    top: 0;
    height: 16rem;
  }

  .div-result-follow-panel-2 {
    top: 16.5rem;
    width: 98%;
    left: 0;
    right: auto;
    height: 16rem;
  }

  .div-result-follow-panel-3 {
    top: 33rem;
    width: 98%;
    left: 0;
    right: auto;
    height: 16rem;
  }

  .div-result-follow-panel-4 {
    top: 49.5rem;
    width: 98%;
    left: 0;
    right: auto;
    height: 16rem;
  }

  .div-result-follow-panel-5 {
    top: 66rem;
    width: 98%;
    left: 0;
    right: auto;
    height: 16rem;
  }

  .div-result-follow-panel-6 {
    top: 82.5rem;
    width: 98%;
    left: 0;
    right: auto;
    height: 16rem;
  }

  .div-result-follow-panel-7 {
    top: 99rem;
    width: 98%;
    left: 0;
    right: auto;
    height: 16rem;
  }

  .div-result-panel-follow-footer {
    bottom: 2.5rem;
    text-align: center;
  }
}
/* * * * * * * * * */

/* PANEL DE INFO */
.div-scan-info {
  position: fixed;
  display: none;
  width: 80%;
  height: 70%;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: rgb(80, 80, 80);
  background-color: white;
  border-style: solid;
  border-color: rgb(205, 205, 205);
  border-width: 0.1em;
  box-shadow: 3px 3px 2px rgb(138, 138, 138);
  z-index: 18;
  ;
  border-radius: 1em;
}

.div-scan-info-small {
  position: fixed;
  display: none;
  width: 75%;
  height: 40%;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: rgb(80, 80, 80);
  background-color: white;
  border-style: solid;
  border-color: rgb(205, 205, 205);
  border-width: 0.1em;
  box-shadow: 3px 3px 2px rgb(138, 138, 138);
  z-index: 18;
  ;
  border-radius: 1em;
}

.div-scan-info-left {
  position: absolute;
  display: flex;
  justify-content: center;
  left: 1%;
  height: 94%;
  width: 48%;
  top: 3%;
}

.div-scan-info-right {
  position: absolute;
  display: flex;
  justify-content: center;
  right: 1%;
  height: 94%;
  width: 48%;
  top: 3%;
  overflow-x: hidden;
  overflow-y: auto;
}

.div-scan-info-small-text {
  position: absolute;
  display: flex;
  justify-content: center;
  left: 3%;
  height: 87%;
  width: 94%;
  top: 10%;
}

@media only screen and (max-width: 900px) {
  .div-scan-info {
    width: 97%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 80%;
    top: 56%;
  }

  .div-scan-info-left {
    left: 1%;
    height: 75%;
    width: 98%;
    top: 7%;
  }

  .div-scan-info-right {
    right: 1%;
    height: 94%;
    width: 98%;
    top: 84%;
  }

  .div-scan-info-small {
    width: 97%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 80%;
    top: 56%;
  }
}
/* * * * * * * * */

/* PANEL DE INFO - PESO */
.div-scan-info-weight-img-1 {
  position: absolute;
  height: 50%;
  max-width: 100%;
  top: 0;
}

.div-scan-info-weight-img-2 {
  position: absolute;
  height: 50%;
  max-width: 100%;
  bottom: 0;
}

.div-scan-info-weight-img-3 {
  position: absolute;
  height: 17vh;
  bottom: 0;
  left: 25%;
}

.div-scan-info-right-weight {
  display: block;
  top: 8%;
  height: 90%;
  
}

@media only screen and (max-width: 900px) {
  .div-scan-info-right-weight {
    display: block;
    top: 84%;
    height: 90%;
    ;
  }

  .div-scan-info-weight-img-3 {
    bottom: -20%;
    left: 25%;
    padding-bottom: 5%;
  }
}
/* * * * * * * * * * * */

/* PANEL DE INFO - GRASA */
.div-scan-info-fat-img {
  position: absolute;
  height: 100%;
  max-width: 100%;
  top: 0;
}

.div-scan-info-right-fat {
  display: block;
  top: 8%;
  height: 90%;
}

@media only screen and (max-width: 900px) {
  .div-scan-info-right-fat {
    top: 86%;
    height: 55%;
  }
}
/* * * * * * * * * * * */

/* PANEL DE INFO - VISCERAL */
.div-scan-info-visceral-img-1 {
  position: absolute;
  height: 65%;
  max-width: 100%;
  top: 0;
}

.div-scan-info-visceral-img-2 {
  position: absolute;
  height: 28%;
  max-width: 100%;
  bottom: 5%;
  right: 0;
}

.div-scan-info-visceral-img-3 {
  position: absolute;
  height: 28%;
  bottom: 5%;
  left: 0;
}

.div-scan-info-visceral-p-1 {
  position: absolute;
  top: 68%;
}

.div-scan-info-right-visceral {
  display: block;
  top: 8%;
  height: 90%;
}

@media only screen and (max-width: 900px) {
  .div-scan-info-right-visceral {
    top: 85%;
    height: 62%;
  }

  .div-scan-info-visceral-img-2 {
    bottom: -40%;
    padding-bottom: 5%;
  }

  .div-scan-info-visceral-img-3 {
    bottom: -38%;
    padding-bottom: 5%;
  }
}
/* * * * * * * * * * * */

/* PANEL DE INFO - MUSCULO */
.div-scan-info-mass-img {
  position: absolute;
  height: 100%;
  max-width: 100%;
  top: 0;
}

.div-scan-info-right-mass {
  display: block;
  top: 8%;
  height: 90%;
}

@media only screen and (max-width: 900px) {
  .div-scan-info-right-mass {
    top: 85%;
    height: 110%;
  }
}
/* * * * * * * * * * * */

/* PANEL DE INFO - AGUA */
.div-scan-info-water-img {
  position: absolute;
  height: 100%;
  max-width: 100%;
  top: 0;
}

.div-scan-info-right-water {
  display: block;
  top: 8%;
  height: 90%;
}

@media only screen and (max-width: 900px) {
  .div-scan-info-right-water {
    top: 85%;
    height: 110%;
  }
}
/* * * * * * * * * * * */

/* PANEL DE INFO - HUESO */
.div-scan-info-bone-img {
  position: absolute;
  height: 100%;
  max-width: 100%;
  top: 0;
}

.div-scan-info-right-bone {
  display: block;
  top: 8%;
  height: 90%;
}

@media only screen and (max-width: 900px) {
  .div-scan-info-right-bone {
    top: 85%;
    height: 45%;
  }
}
/* * * * * * * * * * * */