/* Local CSS */

/*----- Loader ----------*/

#loader {
  border: 12px solid #f3f3f3;
  border-radius: 50%;
  border-top: 12px solid #25176C;
  width: 70px;
  height: 70px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  100% {
      transform: rotate(360deg);
  }
}

.center {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
body{width:100%;height:100%;}

/*-----------------------*/


#container{
  background-image: url(../media/images/Fondo.png);
  background-position: top;
  /* background-position-x: -1px; */
  background-repeat: no-repeat;
  background-size: 101% 100%;
  background-color: white;
  width: 1024;
  height: 768;
  font-family: 'Brandon-regular';
  color: white;
  font-size: 24.39px;
}


.bold{font-family: 'Brandon-bold';}
.light{font-family: 'Brandon-light';}
.medium{font-family: 'Brandon-medium';}
.black{font-family: 'Brandon-black';}

.aoscuro{color: #25176C;}
.aclaro{color: #4787D2;}

.upper{text-transform: uppercase;}

a {
  all: unset;
  cursor: pointer;
}

header{height: 10.9%; width: 100%;}

#Superior{
  left: 0%;
  top: -0.1%;
  width: 100%;
  position: absolute;
}
#Inferior{
  left: 0%;
  bottom: -0.1%;
  width: 100%;
  position: absolute;
}
#Menu-Container{
  height: 4.5%;
  width: 32.4%;
  position: absolute;
  right: 0;
  background-image: url(../media/images/Fondo-Menu.png);
  background-repeat: no-repeat;
  background-size: 100% 105%;
  background-position-y: -2px;
  top: 4.45%;

}
#Logo-Nutritional{
  left: 1.3%;
  top: 2%;
  width: 14.5%;
  position: absolute;
}
#Logo-Abbott{
  left: 89.7%;
  top: 94.8%;
  width: 7.8%;
  position: absolute;
}
#Celular{
  left: 7%;
  top: 17%;
  width: 16.5%;
  position: absolute;
}
#Titulo-Nutritional{
  left: 24.6%;
  top: 15.8%;
  width: 60%;
  position: absolute;
}
#Blanco{
  left: 29.2%;
  top: 69.4%;
  width: 37%;
  position: absolute;
}
#AppStore{
  left: 45%;
  top: 73%;
  width: 4.3%;
  position: absolute;
  cursor: pointer;
}
#GooglePlay{
  left: 51.9%;
  top: 73.2%;
  width: 4.4%;
  position: absolute;
  cursor: pointer;
}
#Image_QR{
  left: 57.7%;
  top: 71.3%;
  width: 7.5%;
  position: absolute;
}
#Circulo1{
  left: 30.7%;
  top: 50%;
  width: 4.1%;
  position: absolute;
}
#Circulo2{
  left: 40.7%;
  top: 50%;
  width: 4.1%;
  position: absolute;
}
#Circulo3{
  left: 51.9%;
  top: 50%;
  width: 4.1%;
  position: absolute;
}
#Circulo4{
  left: 61.4%;
  top: 50%;
  width: 4.1%;
  position: absolute;
}
/*------------------------*/

#Text_Menu1{
  position: absolute;
  left: 7%;
  bottom: 27%;
}
#Text_Menu2{
  position: absolute;
  left: 38%;
  letter-spacing: -0.025em;
  bottom: 27%;
}
#Text_Menu3{
  position: absolute;
  left: 75%;
  bottom: 27%;
}

#Titulo1{
  font-size: 33px;
  /* line-height: 1.2em; */
  letter-spacing: 0.025em;
  left: 41.5%;
  top: 12.5%;
  position: absolute;
}
#Titulo2{
  font-size: 37px;
  line-height: 1.2em;
  letter-spacing: 0.065em;
  left: 30.8%;
  top: 34.2%;
  position: absolute;
}
#Beneficios{
  font-size: 51px;
  line-height: 1.2em;
  letter-spacing: 0.04em;
  left: 30.6%;
  top: 43.7%;
  position: absolute;
}
#Text1{
  font-size: 16px;
  line-height: 1.17em;
  /* letter-spacing: 0.04em; */
  left: 30.6%;
  top: 58.5%;
  position: absolute;
}
#Text2{
  font-size: 16px;
  line-height: 1.15em;
  /* letter-spacing: 0.04em; */
  left: 40.8%;
  top: 58.5%;
  position: absolute;
}
#Text3{
  font-size: 16px;
  line-height: 1.17em;
  /* letter-spacing: 0.04em; */
  left: 51.8%;
  top: 58.5%;
  position: absolute;
}
#Text4{
  font-size: 16px;
  line-height: 1.17em;
  /* letter-spacing: 0.04em; */
  left: 61.5%;
  top: 58.5%;
  position: absolute;
}
#Descarga1{
  font-size: 43px;
  line-height: 1.1em;
  letter-spacing: 0.04em;
  left: 30.8%;
  top: 72%;
  position: absolute;
}

#Descarga2{
  font-size: 26px;
  line-height: 1.1em;
  letter-spacing: 0.02em;
  left: 30.8%;
  top: 78.2%;
  position: absolute;
}

#Legal{
  font-size: 10px;
  /* line-height: 1.2em; */
  letter-spacing: 0.03em;
  left: 1%;
  top: 93.2%;
  position: absolute;
}



sup{font-size: 14px;
line-height: 1em;}



.mostrar{
  visibility: visible !important;
}