/* =========================
   ASTA - LOGIN GLASS (FIX)
   Aplica glass SOLO a 1 capa
   ========================= */

/* Fondo general: asegura que el background se vea bien */
.ic-Login-Body,
.ic-Login-body,
body.ic-Login-Body {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* 1) Panel principal (UNA SOLA CAPA) */
.ic-Login__content {
  background: rgba(18, 24, 32, 0.55) !important;   /* vidrio oscuro elegante */
  backdrop-filter: blur(14px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(140%) !important;

  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 18px !important;

  box-shadow: 0 18px 50px rgba(0,0,0,0.55) !important;
  padding: 34px 34px 28px !important;

  position: relative !important;
  overflow: hidden !important;
}

/* Brillito suave arriba (opcional, queda premium) */
.ic-Login__content::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(1200px 500px at 20% 10%,
    rgba(255,255,255,0.10),
    rgba(255,255,255,0.02) 40%,
    rgba(0,0,0,0.0) 70%) !important;
  pointer-events: none !important;
}

/* 2) Quitar “doble glass” de capas internas */
.ic-Login__content form,
.ic-Login__content .ic-Login__content-wrapper,
.ic-Login__content .ic-Login__innerContent,
.ic-Login__content .ic-Login__contentWrapper,
.ic-Login__content .ic-Login__container {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Texto más legible sobre vidrio */
.ic-Login__content,
.ic-Login__content label,
.ic-Login__content .ic-Label,
.ic-Login__content .ic-Login__header {
  color: rgba(255,255,255,0.92) !important;
}

/* Inputs modernos */
.ic-Login__content input[type="text"],
.ic-Login__content input[type="email"],
.ic-Login__content input[type="password"] {
  background: rgba(255,255,255,0.12) !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
  color: #fff !important;
  border-radius: 10px !important;
  height: 44px !important;
}

.ic-Login__content input::placeholder {
  color: rgba(255,255,255,0.65) !important;
}

/* Botón más “pro” */
.ic-Login__content .Button,
.ic-Login__content button,
.ic-Login__content input[type="submit"] {
  border-radius: 10px !important;
  padding: 10px 18px !important;
}

/* Links */
.ic-Login__content a {
  color: rgba(255,255,255,0.90) !important;
  text-decoration: underline !important;
}

/* Ocultar footer (Instructure + enlaces) */
.ic-Login-footer,
.ic-Login-footer__links,
.ic-Login-footer__logo,
.ic-Login-footer__logo-link,
.ic-Login-footer__logo img {
  display: none !important;
}