/* Estilos exclusivos de la instalación; sin compilación ni dependencias. */
[data-pwa-install][hidden], .pwa-dialog [hidden] { display: none !important; }
.pwa-install-button { display: flex; align-items: center; justify-content: center; gap: .55rem; width: 100%; padding: .7rem 1rem; border: 1px solid #64748b; border-radius: .65rem; background: #1e293b; color: #f8fafc; font: inherit; font-size: .9rem; font-weight: 600; cursor: pointer; }
.pwa-install-button:hover { background: #334155; }
.pwa-install-button svg { width: 1.25rem; height: 1.25rem; flex: none; }
.pwa-login-install { margin-top: 1rem; }
.pwa-dialog { position: fixed; inset: 0; width: min(92vw, 29rem); max-height: 90vh; max-height: 90dvh; overflow: auto; margin: auto; padding: 0; border: 1px solid #d1d5db; border-radius: 1rem; background: #fff; color: #17212f; box-shadow: 0 24px 80px #0006; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.55; }
.pwa-dialog:not([open]) { display: none; }
.pwa-dialog::backdrop { background: #0f172ac7; }
.pwa-dialog-content { padding: 1.35rem; }
.pwa-dialog-heading { display: flex; align-items: center; gap: .8rem; margin-bottom: 1rem; }
.pwa-dialog-heading img { flex: none; border-radius: .8rem; }
.pwa-dialog h2 { margin: 0; font-size: 1.25rem; font-weight: 700; line-height: 1.3; }
.pwa-dialog-heading p { margin: .2rem 0 0; color: #475569; font-size: .8rem; }
.pwa-dialog p { margin: .8rem 0; }
.pwa-dialog ol { list-style: decimal; margin: 1rem 0; padding-left: 1.3rem; }
.pwa-dialog li { margin: .5rem 0; }
.pwa-dialog strong { font-weight: 700; }
.pwa-dialog button { font: inherit; cursor: pointer; }
.pwa-dialog-close { align-self: flex-start; margin-left: auto; border: 0; background: transparent; color: #334155; font-size: 1.7rem !important; padding: 0 .35rem; line-height: 1.2; }
.pwa-dialog .pwa-notice { padding: .8rem; border-radius: .5rem; background: #f1f5f9; color: #334155; font-size: .85rem; }
.pwa-dialog-actions { display: flex; justify-content: flex-end; gap: .6rem; margin-top: 1.2rem; }
.pwa-primary, .pwa-secondary { padding: .6rem 1rem; border-radius: .5rem; border: 1px solid #cbd5e1; font-weight: 600 !important; }
.pwa-primary { background: #fbbf24; color: #111827; border-color: #fbbf24; }
.pwa-secondary { background: #fff; color: #334155; }
.pwa-dialog button:disabled { opacity: .55; cursor: wait; }
.pwa-dialog button:focus-visible, .pwa-install-button:focus-visible { outline: 3px solid #0284c7; outline-offset: 3px; }
html.pwa-dialog-fallback .pwa-dialog[open] { z-index: 10000; box-shadow: 0 0 0 100vmax #0f172ac7; }
