/* Login: foto a pantalla completa (50% opacidad), sin decoración de círculos del tema */
.auth-main.auth-main--login-photo {
  min-height: 100vh;
}

.auth-main.auth-main--login-photo::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: url("../images/ECTMVF_BARRANQUILLA.jpg") center center / cover no-repeat;
  opacity: 0.5;
  pointer-events: none;
}

.auth-main.auth-main--login-photo .auth-wrapper {
  position: relative;
  z-index: 1;
}

.auth-main.auth-main--login-photo .auth-wrapper.v1 .auth-form {
  background: transparent;
}

/* Caja de login: esquinas redondeadas y elevación sobre el fondo */
.auth-main.auth-main--login-photo .auth-form .card {
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 1.25rem;
  /* Sombra más marcada: contacto + capas amplias desplazadas hacia abajo */
  box-shadow:
    0 2px 4px rgba(15, 23, 42, 0.08),
    0 8px 16px rgba(15, 23, 42, 0.1),
    0 20px 40px rgba(15, 23, 42, 0.16),
    0 40px 72px rgba(15, 23, 42, 0.18),
    0 64px 100px rgba(15, 23, 42, 0.12);
}

.auth-login-brand img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}