.instalar-aviso { position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 2000; display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 16px; background: #fff; color: #1d1d1b; box-shadow: 0 8px 28px rgba(0, 0, 0, .28); font-family: inherit; }
.instalar-aviso img { border-radius: 10px; flex-shrink: 0; }
.instalar-aviso__texto { flex: 1; display: flex; flex-direction: column; font-size: .85rem; line-height: 1.3; }
.instalar-aviso__texto strong { font-size: .95rem; }
.instalar-aviso__si { border: 0; border-radius: 999px; padding: 10px 18px; background: #0093e2; color: #fff; font-weight: 700; font-size: .9rem; min-height: 44px; cursor: pointer; }
.instalar-aviso__no { border: 0; background: transparent; font-size: 1.6rem; line-height: 1; color: #7a7a7a; min-width: 44px; min-height: 44px; cursor: pointer; }
@media (min-width: 700px) { .instalar-aviso { left: auto; width: 420px; } }
@media (display-mode: standalone) { .instalar-aviso { display: none; } }

/* Página /instalar y bloque de la portada */
.instalar { max-width: 880px; margin: 0 auto; padding: 48px 16px 64px; }
.instalar__titulo { font-size: 2rem; margin: 0 0 8px; color: #0093e2; }
.instalar__lead { margin: 0 0 32px; color: #3a3a3a; }
.instalar__grid { display: grid; grid-template-columns: 240px 1fr; gap: 32px; align-items: start; }
.instalar__qr { text-align: center; }
.instalar__qr img { width: 100%; height: auto; border: 1px solid #dbe6ee; border-radius: 16px; padding: 12px; background: #fff; box-sizing: border-box; }
.instalar__qr small { display: block; margin-top: 8px; color: #7a7a7a; }
.instalar__pasos h2 { font-size: 1.1rem; margin: 0 0 6px; }
.instalar__pasos ol { margin: 0 0 22px; padding-left: 20px; line-height: 1.6; }
.instalar__boton { display: none; margin-bottom: 22px; border: 0; border-radius: 999px; padding: 12px 24px; background: #0093e2; color: #fff; font-weight: 700; font-size: 1rem; min-height: 44px; cursor: pointer; }
@media (max-width: 700px) {
    .instalar__grid { grid-template-columns: 1fr; }
    .instalar__qr { display: none; }
    .instalar__boton { display: inline-block; }
}

.instalar-home { display: flex; align-items: center; gap: 28px; margin: 40px auto; padding: 24px 28px; border-radius: 24px; background: #f0f8fd; }
.instalar-home__qr { flex-shrink: 0; border-radius: 12px; background: #fff; padding: 8px; box-sizing: content-box; }
.instalar-home__titulo { margin: 0 0 6px; color: #0093e2; font-size: 1.4rem; }
.instalar-home p { margin: 0 0 14px; color: #3a3a3a; }
@media (max-width: 700px) { .instalar-home { padding: 20px 16px; } .instalar-home__qr { display: none; } }
.instalar-home .pill-button { display: inline-flex; width: auto; white-space: nowrap; gap: 8px; align-items: center; }