.caps-warning {
    color: #c62828;
    font-size: .9rem;
    margin-top: .35rem;
}

.privacy-link {
    color: #b1aaaa;
}

#loginFeedback {
    margin-top: 1rem;
}

/* Intel Front PWA: login full-bleed, también al girar el teléfono. */
html.pwa-mobile,
html.pwa-mobile body {
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    overscroll-behavior: none;
    background: var(--bs-body-bg, #fff);
}

html.pwa-mobile body,
html.pwa-mobile #root {
    position: fixed;
    inset: 0;
    width: var(--pwa-app-width, 100dvw) !important;
    height: var(--pwa-app-height, 100dvh) !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    overflow: hidden !important;
}

html.pwa-mobile #content,
html.pwa-mobile .content__boxed {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
}

html.pwa-mobile .content__boxed {
    box-sizing: border-box;
    overflow: auto;
    overscroll-behavior: none;
    padding-top: max(12px, env(safe-area-inset-top, 0px));
    padding-right: max(12px, env(safe-area-inset-right, 0px));
    padding-bottom: max(12px, env(safe-area-inset-bottom, 0px));
    padding-left: max(12px, env(safe-area-inset-left, 0px));
}

/* 1.2: solo LOGIN WEB (la presentación Capacitor existente se conserva). */
html.intel-login-page:not(.intelfront-native),
html.intel-login-page:not(.intelfront-native) body { margin: 0; min-height: 100%; background: #0b1220; }
html.intel-login-page:not(.intelfront-native) #root.front-container {
    position: fixed !important; inset: 0 !important; width: 100% !important;
    height: var(--intel-login-height, 100dvh) !important; min-height: 0 !important;
    margin: 0 !important; overflow: hidden !important;
}
html.intel-login-page:not(.intelfront-native) #root.front-container #content.content {
    position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important;
    min-height: 0 !important; margin: 0 !important; padding: 0 !important;
}
html.intel-login-page:not(.intelfront-native) #root.front-container .content__boxed {
    display: flex !important; flex-direction: column !important; align-items: center !important;
    justify-content: flex-start !important; box-sizing: border-box;
    width: 100% !important; height: 100% !important; min-height: 0 !important;
    overflow: auto !important; overscroll-behavior: contain;
    padding: max(20px, env(safe-area-inset-top, 0px)) max(16px, env(safe-area-inset-right, 0px)) max(20px, env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px));
}
html.intel-login-page:not(.intelfront-native) #root.front-container .content__wrap {
    flex: 0 0 auto; width: min(100%, 430px); margin: auto 0 !important; padding: 0 !important;
}
html.intel-login-page:not(.intelfront-native) #root.front-container .card { width: 100%; }
html.intel-login-page:not(.intelfront-native) #root.front-container .form-control { font-size: 16px !important; }