/* RiderPress 4.9.57 · instalación móvil / PWA */
.rp-pwa-prompt[hidden]{display:none!important}
.rp-pwa-prompt{display:none}

@media (max-width:900px){
  .rp-pwa-prompt{
    position:fixed;
    z-index:10005;
    left:12px;
    right:12px;
    bottom:calc(78px + env(safe-area-inset-bottom));
    max-width:520px;
    margin:0 auto;
    padding:18px;
    color:#fff;
    background:#17191b;
    border:1px solid #3a3d40;
    border-top:3px solid var(--rp-yellow,#f4c400);
    box-shadow:0 14px 42px rgba(0,0,0,.58);
  }
  .rp-pwa-prompt.is-visible{display:block;animation:rpPwaIn .28s ease-out both}
  .rp-pwa-heading{display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;align-items:center;padding-right:24px}
  .rp-pwa-heading img{display:block;width:58px;height:58px;border-radius:13px;border:1px solid #333;background:#0b0b0b}
  .rp-pwa-heading strong{display:block;font-size:17px;line-height:1.15;letter-spacing:.02em;color:var(--rp-yellow,#f4c400)}
  .rp-pwa-heading p{margin:6px 0 0;font-size:13px;line-height:1.45;color:#ededed}
  .rp-pwa-close{position:absolute;top:8px;right:9px;width:40px;height:40px;border:0;background:transparent;color:#ddd;font-size:29px;line-height:1;cursor:pointer}
  .rp-pwa-close:hover{color:#fff}
  .rp-pwa-instructions{display:grid;gap:5px;margin:14px 0 0;padding:11px 12px;background:#0d0e0f;border:1px solid #303236;font-size:13px;line-height:1.4;color:#e8e8e8}
  .rp-pwa-instructions b{color:#fff}
  .rp-pwa-actions{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,.8fr);gap:8px;margin-top:14px}
  .rp-pwa-actions button{min-height:44px;padding:10px 12px;border-radius:0;font-weight:800;font-size:13px;cursor:pointer}
  .rp-pwa-install{border:1px solid var(--rp-yellow,#f4c400);background:var(--rp-yellow,#f4c400);color:#050505}
  .rp-pwa-later{border:1px solid #555;background:#24272a;color:#fff}
  .rp-pwa-never{display:block;margin:10px auto 0;border:0;background:transparent;color:#aeb1b4;text-decoration:underline;text-underline-offset:3px;font-size:12px;cursor:pointer}
  .rp-pwa-prompt button:focus-visible{outline:2px solid #fff;outline-offset:2px}
}

@media (max-width:380px){
  .rp-pwa-prompt{left:8px;right:8px;padding:15px;bottom:calc(74px + env(safe-area-inset-bottom))}
  .rp-pwa-heading{grid-template-columns:50px minmax(0,1fr);gap:11px}
  .rp-pwa-heading img{width:50px;height:50px}
  .rp-pwa-heading strong{font-size:15px}
  .rp-pwa-heading p{font-size:12px}
  .rp-pwa-actions{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
  .rp-pwa-prompt.is-visible{animation:none}
}

@keyframes rpPwaIn{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}