#loader-visor {
  width: 100%;
  height: 100%;
  background-color: #ffffffc4;
  position: fixed;
  z-index: 9999;
}

#loader {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  border: 16px solid #fe6e1e;
  border-radius: 50%;
  border-top: 16px solid #ebebeb;
  border-bottom: 16px solid #ebebeb;
  width: 200px;
  height: 200px;
  margin: auto;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

#cuadrado_nav {
  position: absolute;
  top: 0.2%;
  left: 10%;
  width: 58%;
  height: 10%;
  background: none;
  /* Sin fondo */
  border: 5px solid rgb(0, 187, 0);
  /* Borde de color negro y grosor de 1 píxel */
}

#linea_nav {
  position: absolute;
  top: 80%;
  left: 40%;
  width: 0%;
  height: 150%;
  z-index: 2;
  background: none;
  /* Sin fondo */
  border: 5px solid rgb(0, 187, 0);
  /* Borde de color negro y grosor de 1 píxel */
}

#card_nav {
  position: absolute;
  top: 180%;
  left: -15%;
  z-index: 1;
  background: #ffffffb4;;
  /* Sin fondo */
  border: 2px solid black;
  /* Borde de color negro y grosor de 1 píxel */
}

#cuadrado_cerrar {
  position: absolute;
  top: 1.2%;
  left: 92%;
  width: 10%;
  height: 8.3%;
  background: none;
  /* Sin fondo */
}


#cuadrado_imagenes {
  position: absolute;
  top: 11.5%;
  left: 1%;
  width: 65%;
  height: 63%;
  background: none;
  /* Sin fondo */
  border: 5px solid rgb(233, 14, 14);
  /* Borde de color negro y grosor de 1 píxel */
}

#card_imagenes {
  position: absolute;
  top: 60%;
  left: 1%;
  z-index: 1;
  background: #ffffffb4;;
  /* Sin fondo */
  border: 2px solid black;
  /* Borde de color negro y grosor de 1 píxel */
}

#cuadrado_botones {
  position: absolute;
  top: 19%;
  left: 67%;
  width: 32%;
  height: 55%;
  background: none;
  /* Sin fondo */
  border: 5px solid rgb(20, 3, 248);
  /* Borde de color negro y grosor de 1 píxel */
}

#linea_botones {
  position: absolute;
  top: 35%;
  left: 40%;
  width: 0%;
  height: 25%;
  z-index: 2;
  background: none;
  /* Sin fondo */
  border: 5px solid rgb(20, 3, 248);
  /* Borde de color negro y grosor de 1 píxel */
}

#card_botones {
  position: absolute;
  top: -10%;
  left: -75%;
  z-index: 1;
  background: #ffffffb4;
  /* Sin fondo */
  border: 2px solid black;
  /* Borde de color negro y grosor de 1 píxel */
}

#cuadrado_productos {
  position: absolute;
  top: 75%;
  left: 1.5%;
  width: 97%;
  height: 23%;
  background: none;
  /* Sin fondo */
  border: 5px solid orange;
  /* Borde de color negro y grosor de 1 píxel */
}

#card_productos {
  font-size: 15px;
  position: absolute;
  top: 5%;
  left: 2.5%;
  height: 90%;
  z-index: 1;
  background: #ffffffb4;
  /* Sin fondo */
  border: 2px solid black;
  /* Borde de color negro y grosor de 1 píxel */
}