.app-offline-screen[hidden] { display: none !important; }
.app-offline-screen { position: fixed; inset: 0; z-index: 2147483000; display: flex; align-items: center; justify-content: center; min-height: 100vh; min-height: 100dvh; padding: 32px 24px; background: #fff; color: #222; font-family: inherit; text-align: center; }
.app-offline-screen__content { width: min(100%, 420px); }
.app-offline-screen__image { display: block; width: min(72vw, 280px); height: auto; margin: 0 auto 28px; }
.app-offline-screen__title { margin: 0 0 10px; color: #202124; font-size: clamp(24px, 6vw, 32px); font-weight: 700; line-height: 1.15; }
.app-offline-screen__message { margin: 0 auto; color: #6f7278; font-size: 16px; line-height: 1.55; }
.app-offline-screen__status { display: inline-flex; align-items: center; gap: 9px; margin-top: 25px; padding: 10px 15px; border-radius: 999px; background: #fff1f1; color: #b91c1c; font-size: 13px; font-weight: 600; }
.app-offline-screen__status-dot { width: 8px; height: 8px; border-radius: 50%; background: #df1f26; box-shadow: 0 0 0 5px rgba(223,31,38,.12); animation: cliente-offline-pulse 1.7s ease-in-out infinite; }
html.app-is-offline, body.app-is-offline { overflow: hidden !important; overscroll-behavior: none; }
@keyframes cliente-offline-pulse { 50% { opacity: .45; transform: scale(.82); } }