* {
  font-family: "Inter", serif;
  font-weight: 400;
  font-style: normal;
}

.color {
  color: #242462 !important;
}

.fondo {
  background: #242462 !important;
}

.btn-fondo {
  color: #fff !important;
  background-color: #00547C !important;
  border-color: #00547C !important;
  box-shadow: 0 2px 2px 0 rgba(30, 99, 233, 0.1), 0 3px 1px -2px rgba(30, 99, 233, 0.18), 0 1px 5px 0 rgba(30, 99, 233, 0.15);
}

.btn-fondo:hover {
  box-shadow: 0 5px 0 rgba(30, 99, 233, 0.1), 0 3px 18px 0 rgba(30, 99, 233, 0.18), 0 7px 8px -4px rgba(30, 99, 233, 0.15);
}

/* CSS para la página de inicio */
.fondo-index {
  background-color: rgba(85, 85, 118, 1);
}

.caja-index {
  background: linear-gradient(108.49deg, #00547C 0%, #00A8E2 99.63%);
  border-radius: 40px;
}

.texto {
  font-family: "Open sans", serif;
}

.ojo_ocultar {
  background-image: url(../img/invisible-1.png);
  background-repeat: no-repeat;
  background-position: right 1.5rem center;
  background-size: 1rem 1rem;
}

#usuario-error {
  color: #FFF !important;
}