.login {
  background: #fffdf9;
  border-radius: 16px;
  border: none;
  padding: 48px 44px 40px;
}

.logo-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 28px;
}

.login-logo-horizontal {
  max-width: 300px;
  max-height: 100%;
  object-fit: contain;
}

.login h2 {
  font-size: 20px;
  font-weight: 500;
  color: var(--texto);
  text-align: center;
  margin-bottom: 4px;
  letter-spacing: -.01em;
  font-family: "Bodoni Moda", serif;
  text-transform: uppercase;
}

.login .subtitulo {
  font-size: 13px;
  font-weight: 300;
  color: var(--cafe-muted);
  text-align: center;
  margin-bottom: 32px;
}

.login .fw-semibold {
  font-size: 11px;
  font-weight: 500 !important;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--cafe) !important;
}

.login .form-control {
  border: 0;
  border-bottom: 1px solid var(--cafe-border);
  border-radius: 0;
  padding: 8px 0;
  background: transparent;
  font-size: 14px;
  font-weight: 300;
  color: var(--texto);
  font-family: 'Jost', sans-serif;
  box-shadow: none;
}
.login .form-control:focus {
  border-bottom-color: var(--cafe);
  background: transparent;
  box-shadow: none;
}
.login .form-control::placeholder { color: #d4b896; }

.link-muted {
  font-size: 12px;
  color: var(--cafe-muted);
  text-decoration: none;
  font-weight: 300;
}
.link-muted:hover { color: var(--cafe); }

.btn-login {
  background: var(--cafe);
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 12px;
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-family: 'Jost', sans-serif;
  transition: background .2s;
}
.btn-login:hover  { background: var(--cafe-dark); color: #fff; }
.btn-login:active { transform: scale(.98); color: #fff; }

.login .alert-danger {
  background: rgba(180,60,40,.07);
  border: 0.5px solid rgba(180,60,40,.2);
  border-radius: 8px;
  color: #8b2e1a;
  font-size: 13px;
}

.pie-form {
  font-size: 12px;
  color: var(--cafe-muted);
  font-weight: 300;
  text-align: center;
}
.pie-form a {
  color: var(--cafe);
  font-weight: 500;
  text-decoration: none;
  border-bottom: 1px solid var(--cafe-border);
}
.pie-form a:hover { border-bottom-color: var(--cafe); }