:root {
  --azul-oscuro: #14416c;
  --naranja: #ea732c;
  --gris-claro: #f7f7f7;
  --blanco: #ffffff;
}

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background-color: var(--gris-claro);
}

.branding-panel {
  background-color: var(--gris-claro);
}

.form-panel {
  background-color: var(--gris-claro);
}

.text-white-75 {
  color: rgba(255, 255, 255, 0.75);
}

.branding-panel .text-white,
.branding-panel .text-white-75 {
  color: var(--azul-oscuro) !important;
}

.branding-panel .text-white-75 {
  opacity: 0.8;
}

.btn-primary {
  background: var(--naranja);
  border: none;
}

.btn-primary:hover {
  background: #d96625;
}

.btn-primary:disabled,
.btn-primary.disabled {
  background-color: var(--naranja) !important;
  border-color: var(--naranja) !important;
  color: var(--blanco) !important;
  opacity: 0.85;
}

.btn-outline-primary {
  color: var(--naranja);
  border-color: var(--naranja);
}

.btn-outline-primary:hover {
  color: var(--blanco);
  background-color: var(--naranja);
  border-color: var(--naranja);
}

.form-panel .card {
  border-radius: 1.25rem;
}

.form-panel .form-control,
.form-panel .form-select,
.form-panel .btn {
  border-radius: 0.85rem;
}

.form-panel .form-control,
.form-panel .form-select {
  min-height: 52px;
  padding: 0.9rem 1rem;
}

.form-panel .form-select {
  padding-right: 2.5rem;
}

.form-panel .btn {
  min-height: 52px;
  padding: 0.85rem 1rem;
  font-weight: 600;
}

.nav-pills .nav-link {
  color: var(--azul-oscuro);
}

.nav-pills .nav-link:hover,
.nav-pills .nav-link:focus {
  color: var(--azul-oscuro);
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--azul-oscuro);
  color: var(--blanco);
}

.index-access-page {
  --bs-body-font-size: 0.9rem;
  --bs-btn-font-size: 0.9rem;
  --bs-nav-link-font-size: 0.9rem;
}

.index-access-page .display-4 {
  font-size: 2.65rem;
}

.index-access-page .fs-5 {
  font-size: 1.05rem !important;
}

.index-access-page .lead {
  font-size: 1rem;
}

.index-access-page .card-title {
  font-size: 1.5rem;
}

.index-access-page .form-label,
.index-access-page .form-control,
.index-access-page .form-select,
.index-access-page .btn,
.index-access-page .nav-link,
.index-access-page .form-text,
.index-access-page p,
.index-access-page a {
  font-size: 0.9rem;
}

@media (max-width: 768px) {
  .index-access-page .display-4 {
    font-size: 2.2rem;
  }

  .index-access-page .card-title {
    font-size: 1.35rem;
  }
}

@media (min-width: 768px) {
  .auth-row {
    height: 100vh;
    overflow: hidden;
  }

  .branding-panel {
    height: 100vh;
  }

  .form-panel {
    height: 100vh;
    overflow-y: auto;
    align-items: flex-start !important;
  }
}