:root {
  --csa-azul: #1b3d6d;
  --csa-azul-claro: #2c5aa0;
}

body {
  background-color: #f4f6f9;
}

.navbar-csa {
  background-color: var(--csa-azul);
}

.navbar-csa .navbar-brand,
.navbar-csa .nav-link {
  color: #fff !important;
}

.btn-csa {
  background-color: var(--csa-azul);
  border-color: var(--csa-azul);
  color: #fff;
}

.btn-csa:hover {
  background-color: var(--csa-azul-claro);
  border-color: var(--csa-azul-claro);
  color: #fff;
}

.login-card {
  max-width: 380px;
  margin: 8vh auto;
}

.tabla-mallas input[type="number"] {
  max-width: 100px;
}

@media (max-width: 576px) {
  .login-card {
    margin: 4vh 12px;
  }
}