@font-face {
  font-family: 'Gotham Black';
  src: local('Gotham Black'), local('Gotham-Black'), url('fuentes/Gotham-Black.otf') format('opentype');
  font-weight: 700; /* Puedes ajustar esto según las variantes disponibles */
  font-style: normal;
}

body {
  font-family: 'Gotham Black', sans-serif;
}

    #hea {
      background-color: #084f88;
       height: 8vh;

    }

    input {
      width: 100%;
      padding: 10px;
      margin-bottom: 10px;
      box-sizing: border-box;
      font-family: 'Gotham Black', sans-serif;
    }
    label{
       font-family: 'Gotham Black', sans-serif;
    }


   .btn-primary {
  background-color: #084f88;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  width: 70%;
  font-family: 'Gotham Black', sans-serif;
  color: white;
  height: 5vh;
}

    .navbar {
      background-color: transparent;
      color: white;
    }

    #contenedor {
  /*background-color: rgb(252, 252, 252);*/
  border-top: solid 4px rgb(7, 6, 105);
  margin-top: 2px;
  border-radius: 1px;
 
  display: flex;
  align-items: flex-end;
  align-items: center; 
  justify-content: center;
  font-family: 'Gotham Black', sans-serif;
}



#contenedor_encabezado {
  font-family: 'Gotham Black', sans-serif;
  display: flex;
  margin: 20px;
  align-items: center;
}
#formularios {
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  padding: 20px;
  margin: 20px auto;
  width: 80%; /* Utiliza un porcentaje para que se ajuste al ancho del contenedor principal */
  max-width: 400px; /* Establece un ancho máximo para evitar que el formulario sea demasiado ancho */
  height: auto; /* Utiliza 'auto' para que la altura se ajuste al contenido */
}

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

.form-floating {
  margin-top: 15px; /* Cambiado a píxeles en lugar de porcentaje */
}

/* Agrega una media query para hacer ajustes en pantallas más pequeñas */
@media only screen and (max-width: 600px) {
  #formularios {
    width: 90%; /* Ajusta el ancho para pantallas más pequeñas */
  }
}

#notificaciones{
  font-family: 'Gotham Black', sans-serif;
  color: red;
}