html {
  box-sizing: border-box;
}
*,
:before,
:after {
  box-sizing: inherit;
}
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");
nav ul li a {
  color: #ffffff;
  text-decoration: none;
}

.contenedorNavegacion {
  padding: 14px;
  background-color: rgba(112, 17, 129, 0.98);
  display: flex;
  align-items: center;
  justify-content: space-between;
}


main.planfotos {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  padding: 20px;
  box-sizing: border-box;
}

#persona,
#mvp,
#empatia {
  max-width: 400px; 
  margin: 10px;
  text-align: center;
}

img {
  max-width: 100%; 
  height: auto;
}

main.mapafoto {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  padding: 20px;
  box-sizing: border-box;
}

#mapa {
  width: 600px; /* Ancho de la imagen */
  height: auto; /* Altura automática para mantener la proporción */
}

.mapafoot {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center; /* Alineación del texto en el centro */
}

ul {
  padding: 0;
  list-style: none;

}

.logo {
  width: fit;
}
.nav ul {
  display: flex;
  gap: 14px;

}

/* body */
body {
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  margin: 0;
  background-color: rgb(174, 234, 255);
}

/*  Comitente: Fabrica Siam DiTella ACUMAR  */
h1 {
  font-size: 40px;
  color: rgba(112, 17, 129, 0.98);
  text-align: center;
}


/* / Equipo VM11 / */
h2 {
  font-size: 30px;
  color: #ffffff;
  text-align: center;
  background-color: rgba(112, 17, 129, 0.98);
  border-radius: 6px 6px;
  padding: 7px 0;
}


/* / Info / */
.contenedordatos {
  font-size: 15px;
  color: #000000;
  text-align: center;
  margin: 0 auto;
}


h3 {
  font-size: 23px;
  color:  rgba(62, 9, 71, 0.98);
  text-align: center;
}

/* / info datos / */
section nav ul li a {
  font-size: 20 px;
  color: #000000;
  text-align: center;

}

/* / footer */
footer {
  background-color: rgba(173, 33, 212, 0.98);

}
  

.contenedorLeyenda {
  margin: 0;
  font-size: 11px;
  color: #ffffff;
  background-color: rgba(112, 17, 129, 0.98);
  text-align: center;
  padding: 20px 0;
}

ul li{
  font-size: 20 px;
  color:rgba(62, 9, 71, 0.98);
  text-align: center;
}

p{
  font-size: 20 px;
  color: rgba(62, 9, 71, 0.98);
  text-align: center;
}

.logoubaa{
  display: flex;
  justify-content: center;
  align-items: center;
}

.logooDGPC{
  display: flex;
  justify-content: center;
  align-items: center;
}

.logofaduu{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.fotoTomas{
  display: flex;
  justify-content: center;
  align-items: center;
}

.mifoto {
  display: flex;
  justify-content: center;
  align-items: center;
}

h4{
  display: flex;
  justify-content: center;
  align-items: center;
}