/* Archivo: assets/css/pwa.css. Resumen: Instalacion y ajustes de ventana movil independiente. */
.assistia-standalone { scroll-padding-top: env(safe-area-inset-top, 0px); }
.assistia-standalone body { padding-bottom: env(safe-area-inset-bottom, 0px); }
.assistia-standalone .pwa-install-link { display: none !important; }
.pwa-page { max-width: 760px; margin: 0 auto; padding: 36px 20px 56px; }
.pwa-card { border: 1px solid #f1d9ca; background: #fff; border-radius: 24px; padding: 32px;
    box-shadow: 0 12px 40px #713b1110; }
.pwa-identity { display: flex; gap: 20px; align-items: center; margin-bottom: 24px; }
.pwa-identity img { width: 88px; height: 88px; border-radius: 22px; }
.pwa-identity h1 { margin: 0 0 6px; font-size: clamp(1.75rem, 6vw, 2.3rem); }
.pwa-identity p { margin: 0; color: #665d57; }
.pwa-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0 16px; }
.pwa-actions .btn { padding: 13px 20px; font-weight: 700; border-radius: 12px; }
.pwa-note { background: #fff7ed; border: 1px solid #f5d7b8; border-radius: 14px; padding: 18px; margin: 20px 0; }
.pwa-note h2 { font-size: 1.1rem; margin: 0 0 12px; }
.pwa-note ol { margin: 0; padding-left: 22px; }
.pwa-note li + li { margin-top: 8px; }
.pwa-status { min-height: 1.6em; color: #365b3b; font-weight: 600; }
.pwa-connection { display: inline-block; color: #62574f; background: #f6f1ed; border-radius: 20px; padding: 4px 12px; }
.pwa-page [hidden] { display: none !important; }
.pwa-credit { color: #5a3424; text-align: center; font-size: .85rem; margin: 22px 8px 0; }
.pwa-credit p { margin-bottom: 6px; }
.pwa-credit a { color: #5a3424; text-decoration: underline; }
/* La instalacion es una tarea breve: sin pie largo ni burbuja sobre los pasos. */
.assistia-install-page .main-footer,
.assistia-install-page #el-brux-launch,
.assistia-install-page #el-brux-widget { display: none !important; }
@media (max-width: 480px) {
    .pwa-page { padding: 20px 12px 32px; }
    .pwa-card { padding: 22px 18px; border-radius: 20px; }
    .pwa-identity { gap: 14px; align-items: flex-start; }
    .pwa-identity img { width: 64px; height: 64px; border-radius: 16px; }
    .pwa-actions { flex-direction: column; }
    .pwa-actions .btn { width: 100%; }
}