nav{
  position: relative;
  
  background: #dfe3ee;
  
  width: 100%;
  height: 50px;
  
  /* Habilita el comportamiento Flexbox */
  display: flex;
  /* Opcional: Esto asegura que el contenido de los bloques se alineen al inicio */
  align-items: stretch;
  /* Opcional: Añadir un poco de espacio entre los bloques */
  gap: 20px;
  
  border: 2px solid #FFFFFF;
}

.nav_boton{
  width: 80px;
  height: 10px;
  
  background-color: #a2c4c9;
  color: white;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s;
  
  flex: 1 1 auto;
}

.form_div{
  border-bottom: 2px solid #FFFFFF;
}

.seccion_principal{
background: #a2c4c9;

width: 100%;
height: 100%;
}

.piegeneral{
  display: flex;
  
  background: #a2c4c9;
  border-top: 2px solid #3b5998;
  padding: 30px;
  text-align: center;

}

.columna_pie{
  flex: 1 1 auto;
  
  text-align: left;
}