body {
   width: 100%; 
   margin: 0 auto
}

.logo-container {
  display: flex;
  flex-direction: row;
  background-color: var(--logoColorFondo);
  padding-left: 1%;
  padding-right: 1%;
}

.logo-imagen {
  flex: 15%;
}

.logo-imagen img{
  margin: 0 auto;
  max-width: 100%;
}

.logo-texto {
  flex: 85%;
  align-self: center;
  font-family: var(--fuente), sans-serif;
  font-weight: normal;
  font-size: 215%;
  text-align: right;
  color: var(--logoColorTexto);
}

#imagen {
  margin: 0 auto;
  max-width: 100%;
}

.imagen {
   display: flex;
   align-items: center;
   justify-content: center;
}
 
.label {
  font-family: var(--fuente), sans-serif;
  font-size: large;
  width: 45%; 
  text-align: right;
  color: var(--validacionColorTexto);
}

.link {
   font-family: var(--fuente), sans-serif;
   color: var(--validacionColorTexto);
}

.input {
  margin-left: 10px; 
  width:120px; 
  height: 20px;
  font-family: var(--fuente), sans-serif;
  font-size: large;
  color: var(--validacionColorTexto);
}

.headertop {
   width: 100%;
   height: 55px;
   background-color: var(--barraIdiomaColor);
}

.cajaidiomas {
   padding-right: 1%;
   padding-top: 20px;
   font-family: var(--fuente), sans-serif;
   font-size: 14px;
   font-weight: bold;
}

.tidioma {
   text-decoration: none;
}

.tidioma:hover {
   text-decoration: none;
   cursor: pointer;
}

#peu {
   position: absolute;
   bottom: 0;
   width: 100%;
   height: var(--pieAltura);
   line-height: var(--pieAltura);
   font-family: var(--fuente), sans-serif;
   font-size: 14px;
   color: var(--pieColorTexto);
   background-color: var(--pieColorFondo);
   text-align: center;
}

@media screen and (max-width: 500px) {
  .logo-texto {   
     font-size: 85%;
  }
  .logo-imagen {
     flex: 30%;
  }
  .logo-texto {
     flex: 70%;
  }  
}  
  
@media screen and (max-width: 950px) and (min-width: 501px) {
  .logo-texto {   
     font-size: 130%;
  }
  .logo-imagen {
     flex: 25%;
  }
  .logo-texto {
     flex: 75%;
  }  
}  

@media screen and (max-width: 1350px) and (min-width: 951px) {
  .logo-texto {   
     font-size: 175%;
  }
  .logo-imagen {
     flex: 20%;
  }
  .logo-texto {
     flex: 80%;
  }  
}