/* EMIR en la pantalla de inicio (Rodrigo, 21 oct 2026).
   1) Recordatorio en Inicio, un poco más chico que las demás tarjetas.
   2) Al primer inicio de sesión en el aparato: tarjeta flotante con el piloto, igual a la de «Muy pronto»
      (usa .ng-pronto-caja y .ng-pronto-panel de navegacion.css), con los pasos para iPhone y Android. */
#tjInstalar.ins-tj{position:relative;display:flex;gap:12px;align-items:center;margin:12px 0;padding:12px 40px 12px 12px}
#tjInstalar.ins-tj.oculto{display:none}
.ins-tj img{width:32px;height:32px;border-radius:var(--radio-1);flex:none}
.ins-tj .ins-txt{flex:1;min-width:0}
.ins-tj .ins-txt b{font-size:var(--t-3)}
.ins-tj .ins-txt .hint{margin:1px 0 0;font-size:var(--t-2)}
.ins-tj .btn.chico{margin:0;padding:8px 12px;font-size:var(--t-3);flex:none}
.ins-tj .ins-x{top:50%;right:6px;width:28px;height:28px;margin-top:-16px;font-size:var(--t-4)}
@media(max-width:420px){.ins-tj:has(#btnInstalar:not(.oculto)) .ins-txt .hint{display:none}} /* en iPhone (sin botón) el texto da los pasos y se queda */

.ins-panel{width:min(380px,100%)!important;text-align:left!important}
.ins-panel>img,.ins-panel>small,.ins-panel>b{text-align:center}
.ins-panel>p{text-align:center}
.ins-pasos{display:grid;gap:8px;margin:0 0 16px}
.ins-paso{border:1px solid rgba(255,255,255,.1);border-radius:var(--radio-2);padding:12px 12px;background:rgba(255,255,255,.03)}
.ins-paso.tuyo{border-color:rgba(var(--menta-rgb),.45);background:rgba(var(--menta-rgb),.06)}
.ins-paso h4{margin:0 0 8px;font:700 var(--t-3)/1.2 Archivo,sans-serif;color:var(--tinta);display:flex;gap:8px;align-items:center}
.ins-paso h4 em{font-style:normal;font-size:var(--t-1);letter-spacing:.12em;text-transform:uppercase;color:#0B0F14;background:var(--menta,#89FF9E);border-radius:var(--radio-pildora);padding:2px 8px}
.ins-paso ol{margin:0;padding-left:20px;color:var(--texto2);font-size:var(--t-3);line-height:1.45}
.ins-paso ol b{display:inline;margin:0;font:inherit;font-weight:700;color:var(--tinta)}
.ins-paso svg{width:14px;height:14px;vertical-align:-2px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ins-bts{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.ins-bts .btn{margin:0!important}
.ins-x{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;border:0;background:rgba(255,255,255,.06);color:var(--texto2);font-size:var(--t-5);line-height:1;cursor:pointer}
@media(max-height:640px){.ins-panel{max-height:calc(100dvh - 32px);overflow:auto}.ins-panel>img{width:72px;margin-top:-32px}}