/* @cpi 2026-10-30 22:55: aviso «Más a mano · ChimpAIgo! web» (install-app.js), misma tarjeta que en UsuMus y UsuArcade con los
   colores cálidos de Chimpaigo (fondo crema, borde dorado y botón verde azulado de .btn-primary), abajo a la izquierda.
   Se coloca con top y 100dvh (no con bottom): la portada móvil desborda unos píxeles a lo ancho (.home-wall-art) y el
   navegador alarga entonces la zona de los fixed por debajo de la pantalla, lo que cortaba el aviso. */
.install-card{position:fixed;z-index:60;inset-inline-start:16px;top:calc(100dvh - 24px);translate:0 -100%;width:min(280px,calc(100vw - 24px));box-sizing:border-box;padding:12px 14px 13px;border-radius:18px;background:#fffdf6f7;border:1px solid #e8cf9a;box-shadow:0 14px 40px #976b0b2e,inset 0 1px 0 #fff;backdrop-filter:blur(6px);color:#253438;font-family:"Segoe UI",Arial,sans-serif;animation:install-in .35s cubic-bezier(.2,.8,.3,1)}
@keyframes install-in{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
.install-head{display:flex;align-items:center;gap:10px}
.install-head img{width:40px;height:40px;flex:none;object-fit:contain}
.install-title{display:flex;flex-direction:column;min-width:0;flex:1}
.install-title small{font-size:9px;letter-spacing:2px;font-weight:750;color:#a95718;text-transform:uppercase}
.install-title strong{font-size:17px;font-weight:850;letter-spacing:-.5px;line-height:1.2}
.install-close{flex:none;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:#f3ead4;color:#6a7779;font-size:18px;line-height:1;cursor:pointer}
.install-close:hover{background:#ecdcb7;color:#253438}
.install-card p{margin:9px 0 10px;font-size:12.5px;line-height:1.45;color:#6a7779}
.install-card .install-steps{display:flex;gap:8px;align-items:flex-start;margin-bottom:2px;color:#253438}
.install-steps svg{flex:none;margin-top:1px;color:#246e7b}
.install-go{display:block;width:100%;padding:9px 12px;border:0;border-radius:12px;font:inherit;font-weight:700;font-size:13px;background:#246e7b;color:#fff;box-shadow:0 3px 0 #194f58;cursor:pointer}
.install-go:hover{background:#1d5e6a}
.install-go:active{transform:translateY(2px);box-shadow:0 1px 0 #194f58}
.install-no{display:block;margin:8px auto 0;padding:4px 8px;border:0;background:none;color:#6a7779;font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.install-no:hover{color:#253438}
/* Botón de la cabecera: cuadrado, solo el icono (el texto va en title y aria-label). */
.topbar>.install-top{padding:0;width:42px;min-width:42px;flex:none}
.topbar>.install-top[hidden]{display:none}
.install-top svg{flex:none;width:20px;height:20px}
@media(max-width:650px){.install-card{inset-inline-start:10px;top:calc(100dvh - 16px)}.topbar>.install-top{width:36px;min-width:36px}}