/* authentication/_login_fragment.html — the divintech.es "Iniciar sesión"
   modal as an in-page card (no modal: it's the whole section here). */

.login {
  display: flex;
  justify-content: center;
}

.login-card {
  width: min(100%, 28rem);
  margin-block: var(--space-2);
  padding: var(--space-3);
  border: 1px solid var(--color-border);
  border-radius: calc(var(--radius) * 1.5);
  background: var(--color-bg);
  box-shadow: 0 0.5rem 1.5rem rgb(0 0 0 / 0.08);
}

.login-card__title {
  margin: 0 0 var(--space-2);
  font-size: 1.5rem;
}