/* Portal del Apoderado: login familiar amarillo, distinto del acceso funcionario. */
body.is-login.guardian-login:not(.is-authenticated) {
  --login-blue: #073b8e;
  --login-yellow: #ffd21f;
  --login-yellow-dark: #d99b00;
  --guardian-login-ink: #2f2600;
  background: #ffef91 !important;
}

body.is-login.guardian-login:not(.is-authenticated) .modern-plumero-login,
body.visual-modern.is-login.guardian-login:not(.is-authenticated) .modern-plumero-login,
body.visual-classic.is-login.guardian-login:not(.is-authenticated) .modern-plumero-login {
  grid-template-columns: minmax(320px, .88fr) minmax(380px, .74fr) !important;
  background:
    linear-gradient(100deg, rgba(255, 210, 31, .97) 0%, rgba(255, 225, 84, .91) 42%, rgba(255, 248, 210, .86) 68%, rgba(7, 59, 142, .22) 100%),
    url('../assets/fondo-aerea-colegio-login.jpg') center / cover no-repeat !important;
}

body.is-login.guardian-login:not(.is-authenticated) .modern-plumero-login::before {
  inset: auto -12vw -34vh 48vw !important;
  background: linear-gradient(135deg, rgba(7, 59, 142, .92), rgba(11, 94, 215, .62)) !important;
}

body.is-login.guardian-login:not(.is-authenticated) .modern-plumero-login::after {
  background:
    linear-gradient(90deg, rgba(255, 210, 31, .26), rgba(255, 255, 255, .28)),
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.56), transparent 22%) !important;
}

body.is-login.guardian-login:not(.is-authenticated) .login-photo-content {
  width: min(540px, 100%) !important;
  padding: clamp(18px, 2.4vw, 30px) !important;
  border: 2px solid rgba(7, 59, 142, .18) !important;
  border-left: 10px solid #073b8e !important;
  border-radius: 18px !important;
  background: rgba(255, 248, 210, .72) !important;
  box-shadow: 0 18px 40px rgba(122, 83, 0, .16) !important;
  color: var(--guardian-login-ink) !important;
}

body.is-login.guardian-login:not(.is-authenticated) .login-photo-logo {
  filter: drop-shadow(0 12px 20px rgba(81, 52, 0, .22)) !important;
}

body.is-login.guardian-login:not(.is-authenticated) .login-photo-content > span {
  color: #073b8e !important;
  -webkit-text-fill-color: #073b8e !important;
  text-shadow: none !important;
}

body.is-login.guardian-login:not(.is-authenticated) .login-photo-content > strong {
  color: #2f2600 !important;
  -webkit-text-fill-color: #2f2600 !important;
  text-shadow: 0 2px 0 rgba(255,255,255,.64) !important;
}

body.is-login.guardian-login:not(.is-authenticated) .login-photo-content > i {
  background: #073b8e !important;
  box-shadow: none !important;
}

body.is-login.guardian-login:not(.is-authenticated) .login-photo-content p,
body.is-login.guardian-login:not(.is-authenticated) .login-modern-values span,
body.is-login.guardian-login:not(.is-authenticated) .login-modern-values b {
  color: #3d3200 !important;
  -webkit-text-fill-color: #3d3200 !important;
  text-shadow: none !important;
}

body.is-login.guardian-login:not(.is-authenticated) .login-photo-content p b,
body.is-login.guardian-login:not(.is-authenticated) .login-modern-values i {
  color: #073b8e !important;
  -webkit-text-fill-color: #073b8e !important;
  text-shadow: none !important;
}

body.is-login.guardian-login:not(.is-authenticated) .modern-login-card,
body.visual-modern.is-login.guardian-login:not(.is-authenticated) .modern-login-card,
body.visual-classic.is-login.guardian-login:not(.is-authenticated) .modern-login-card {
  border: 2px solid #e2b600 !important;
  border-top: 9px solid var(--login-yellow) !important;
  border-radius: 26px !important;
  background: linear-gradient(180deg, rgba(255, 251, 229, .99), rgba(255, 255, 255, .98)) !important;
  color: var(--guardian-login-ink) !important;
  box-shadow: 0 26px 58px rgba(87, 58, 0, .24) !important;
}

body.is-login.guardian-login:not(.is-authenticated) .login-panel h1 {
  color: #073b8e !important;
  -webkit-text-fill-color: #073b8e !important;
}

body.is-login.guardian-login:not(.is-authenticated) .login-panel .login-title-block p {
  color: #5b4a04 !important;
}

body.is-login.guardian-login:not(.is-authenticated) .login-title-block::after {
  width: 112px !important;
  height: 5px !important;
  background: #ffd21f !important;
  box-shadow: 0 0 0 1px rgba(217, 155, 0, .22) !important;
}

body.is-login.guardian-login:not(.is-authenticated) .login-label-text,
body.is-login.guardian-login:not(.is-authenticated) .login-remember {
  color: #3d3200 !important;
}

body.is-login.guardian-login:not(.is-authenticated) .login-input-shell {
  border: 2px solid #e2b600 !important;
  background: #fffdf1 !important;
  box-shadow: 0 8px 18px rgba(122, 83, 0, .05) inset !important;
}

body.is-login.guardian-login:not(.is-authenticated) .login-input-shell:focus-within {
  border-color: #073b8e !important;
  box-shadow: 0 0 0 4px rgba(255, 210, 31, .34) !important;
}

body.is-login.guardian-login:not(.is-authenticated) .login-input-shell > i,
body.is-login.guardian-login:not(.is-authenticated) .password-toggle,
body.is-login.guardian-login:not(.is-authenticated) .login-forgot-link {
  color: #073b8e !important;
}

body.is-login.guardian-login:not(.is-authenticated) .login-form .btn-primary,
body.visual-modern.is-login.guardian-login:not(.is-authenticated) .login-form .btn-primary,
body.visual-classic.is-login.guardian-login:not(.is-authenticated) .login-form .btn-primary {
  background: linear-gradient(135deg, #ffe05a, #ffd21f 48%, #f0aa00) !important;
  color: #2f2600 !important;
  -webkit-text-fill-color: #2f2600 !important;
  border: 1px solid #d99b00 !important;
  box-shadow: 0 14px 24px rgba(217, 155, 0, .32) !important;
}

body.is-login.guardian-login:not(.is-authenticated) .login-form .btn-primary:hover,
body.is-login.guardian-login:not(.is-authenticated) .login-form .btn-primary:focus-visible {
  background: linear-gradient(135deg, #fff08d, #ffd21f 50%, #e5a000) !important;
}

body.is-login.guardian-login:not(.is-authenticated) #guardianAccessBtn,
body.is-login.guardian-login:not(.is-authenticated) .login-form #guardianAccessBtn,
body.is-login.guardian-login:not(.is-authenticated) .login-form .btn-guardian-access {
  background: #ffffff !important;
  border: 1px solid #d8e2f0 !important;
  color: #073b8e !important;
  -webkit-text-fill-color: #073b8e !important;
  box-shadow: 0 8px 18px rgba(7, 59, 142, .08) !important;
}

body.is-login.guardian-login:not(.is-authenticated) .login-secure-separator i {
  color: #d99b00 !important;
}

body.is-login.guardian-login:not(.is-authenticated) .login-modern-note,
body.is-login.guardian-login:not(.is-authenticated) .guardian-login-notice {
  border: 1px solid #e2b600 !important;
  background: #fff6bf !important;
  color: #493900 !important;
}

body.is-login.guardian-login:not(.is-authenticated) .login-modern-note i,
body.is-login.guardian-login:not(.is-authenticated) .guardian-login-notice i {
  color: #073b8e !important;
}

@media (max-width: 980px) {
  body.is-login.guardian-login:not(.is-authenticated) .modern-plumero-login,
  body.visual-modern.is-login.guardian-login:not(.is-authenticated) .modern-plumero-login,
  body.visual-classic.is-login.guardian-login:not(.is-authenticated) .modern-plumero-login {
    background:
      linear-gradient(180deg, rgba(255, 210, 31, .95), rgba(255, 248, 210, .94)),
      url('../assets/fondo-aerea-colegio-login.jpg') center / cover no-repeat !important;
  }
}