/* Asegura que el documento use toda la altura de la ventana */
html,
body {
  height: 100%;
}

/* Centra el contenido del login y define el fondo general */
body {
  display: flex;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f5f5f5;
}

/* Contenedor principal del formulario de inicio de sesion */
.form-signin {
  max-width: 330px;
  padding: 5px;
}

/* Mantiene visible el campo activo dentro del bloque flotante */
.form-signin .form-floating:focus-within {
  z-index: 2;
}

/* Ajusta el campo de usuario para unirlo visualmente con el siguiente input */
.form-signin input[type="usuario"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

/* Ajusta el campo de contraseña para completar el bloque de inputs */
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* Tarjeta exterior del formulario con fondo y bordes redondeados */
.container {
    background-color: #E4E4E7;
    padding: 1em;
    padding-right: 4em;
    border-radius: 1em;
}