@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@200&display=swap');

body {
  margin: 0;

}


.logoimpacto {
 text-align: center;
}


.section-home {
  display: flex;
  
}


.pag-principal {
  text-align: center;
  margin-top: 150px;
}

.pag-principal button {
  width: 200px;
  height: 75px;
  border: none;
  border-radius: 10px;
  font-family: 'Source Code Pro', monospace;
  font-size: 25px;
  background-color: orange;
}

.pag-principal button a {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
}


.producto {
  text-align: center;
}

.producto h2 {
  font-family: 'Source Code Pro', monospace;
  margin-top: 60px;
  font-size: 2em;
}

.button-opciones a {
  text-decoration: none;
  font-family: 'Source Code Pro', monospace;
  font-size: 12px;
  font-weight: bold;
  }

.menu-button-home {
  display: flex;
  flex-direction: column;
  width: 25%;
 }

.menu-button-home button {
  border-radius: 5px;
  border: none;
  cursor: pointer;
  height: 40px;
  width: 180px;
  background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	background-color:#7892c2;
  margin: auto;
}

.menu-button-home button:hover {
  background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	background-color:#476e9e;
}


.menu-button-2-home {
  display: flex;
  flex-direction: column;
margin-top: 10px;
  width: 25%;
 
  }


  .menu-button-home a {
    text-decoration: none;
    color: white;
    font-size: 14px;
    font-family: 'Source Code Pro', monospace;
    font-weight: bold;
  }



.menu-button-2-home button {
  
  border-radius: 15px;
  border: none;
  height: 30px;
  width: 100px;
  cursor: pointer;
  height: 40px;
  width: 170px;
  background-color:#44c767;
  margin: auto;
  margin-top: 30px;
}

.menu-button-2-home button:hover {
  background:linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
	background-color:#5cbf2a;
}

.menu-button-2-home a {
  text-decoration: none;
  color: white;
  font-size: 14px;
  font-family: 'Source Code Pro', monospace;
  font-weight: bold;
}



.button-opciones {
  display: flex;
  justify-content: center;
 
}


.button-opciones button {
  margin: 10px;
  border-radius: 5px;
  border: none;
  height: 30px;
  width: 200px;
  cursor: pointer;
  height: 50px;
  background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
	background-color:#ffc477;
	border-radius:6px;
  }


.button-opciones button:hover {
  background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
	background-color:#fb9e25;
}



.button-opciones button a {
  color: white;
  font-size: 16px;
  font-family: 'Source Code Pro', monospace;
  font-weight: bold;
}



.desc-menu { 
 width: 50%;
  margin: auto;
  text-align: center;
}


.desc-menu p {
  margin-top: 40px;
  font-family: 'Source Code Pro', monospace;
  font-size: 1.4em;
  font-weight: bold;
}


.menu-button {
  margin-left: 50px;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  }

.menu-button button {
  height: 40px;
  width: 180px;
  margin: 10px;
  border-radius: 5px;
  border: none;
  background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	background-color:#7892c2;
}

.menu-button button:hover {
  background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	background-color:#476e9e;
}

.menu-button a {
  text-decoration: none;
 color: white;
 font-size: 15px;
 font-family: 'Source Code Pro', monospace;
 font-weight: bold;
}

.menu-button-2 {
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-right: 50px;
}

.menu-button-2 button {
  margin-top: 20px;
  cursor: pointer;
  height: 40px;
  width: 180px;
  margin: 10px;
  border-radius: 15px;
  border: none;
  background-color:#44c767;
  font-weight: 300;
  }

.menu-button-2 button:hover {
  background:linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
    background-color:#5cbf2a;
  }


.menu-button-2 a {
text-decoration: none;
 color: white;
 font-size: 15px;
 font-family: 'Source Code Pro', monospace;
 font-weight: bold;
}


.link-docs {
  text-align: center;
}


.iframe {
  height: 80%;
  text-align: center;
  margin-top: 20px;
}

.section-infodocs {
 display: flex;
  margin: auto;
  justify-content: center;
}


/* .menu-button button {
  width: 90px;
  height: 40px;
  
}
*/

@media (max-width:600px) {
  .menu-button {
   flex-direction: column;
   align-items: center;
   justify-content: center;
  }

  .menu-button-2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}


@media (max-width:220px) {
.button-opciones button {
  margin: 10px;
}
}