/* Identidad propia para el acceso de familias; mantiene la autenticación. */
@media screen {
  html body.is-login.guardian-login:not(.is-authenticated):has(#loginScreen) { background: radial-gradient(ellipse at 10% 5%, #fff0ad, transparent 60%), #f9f7ef !important; }
  html body.is-login.guardian-login:not(.is-authenticated) #loginScreen#loginScreen#loginScreen .login-photo-brand { background: linear-gradient(145deg, #fff7d4f2, #ffe189e8 70%, #ffdc62dd), url('../assets/fondo-aerea-colegio-login.jpg') center/cover !important; }
  html body.is-login.guardian-login:not(.is-authenticated) #loginScreen#loginScreen#loginScreen .login-photo-content > :is(span,strong,p) { color: #123d78 !important; -webkit-text-fill-color: #123d78 !important; }
  html body.is-login.guardian-login:not(.is-authenticated) #loginScreen#loginScreen#loginScreen .login-photo-content > p b { color: #123d78 !important; -webkit-text-fill-color: #123d78 !important; }
  html body.is-login.guardian-login:not(.is-authenticated) #loginScreen#loginScreen#loginScreen .login-photo-content > i { background: #123d78 !important; }
  html body.is-login.guardian-login:not(.is-authenticated) #loginScreen#loginScreen#loginScreen .login-modern-values span { background: #ffffff77 !important; border-color: #123d7822 !important; }
  html body.is-login.guardian-login:not(.is-authenticated) #loginScreen#loginScreen#loginScreen .login-modern-values :is(i,b) { color: #123d78 !important; -webkit-text-fill-color: #123d78 !important; }
  html body.is-login.guardian-login:not(.is-authenticated) #loginScreen#loginScreen#loginScreen #guardianLoginBadge:not([hidden]) { display: inline-block !important; padding: 6px 11px !important; margin-bottom: 14px !important; border-radius: 20px !important; background: #fff3c4 !important; color: #123d78 !important; -webkit-text-fill-color: #123d78 !important; font: 700 11px/1.4 "Segoe UI", Arial, sans-serif !important; }
  html body.is-login.guardian-login:not(.is-authenticated) #loginScreen#loginScreen#loginScreen #loginSystemTitle { font-size: clamp(32px, 3.3vw, 44px) !important; font-weight: 800 !important; letter-spacing: -.025em !important; color: #123d78 !important; -webkit-text-fill-color: #123d78 !important; }
  html body.is-login.guardian-login:not(.is-authenticated) #loginScreen#loginScreen#loginScreen .login-submit { background: #123d78 !important; border-color: #123d78 !important; color: #fff !important; -webkit-text-fill-color: #fff !important; box-shadow: 0 6px 16px #123d7822 !important; }
  html body.is-login.guardian-login:not(.is-authenticated) #loginScreen#loginScreen#loginScreen .login-submit :is(span,i) { color: #fff !important; -webkit-text-fill-color: #fff !important; }
  html body.is-login.guardian-login:not(.is-authenticated) #loginScreen#loginScreen#loginScreen #guardianAccessBtn { border: 0 !important; background: #f4f7fb !important; min-height: 40px !important; }
}