/* Pantalla de instalación de la app (ver assets/js/pwa.js) */

html.pwa-gate-activo,
html.pwa-gate-activo body {
    overflow: hidden;
}

.pwa-gate {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    background: linear-gradient(135deg, #1e2a38 0%, #2c3e50 100%);
    overflow-y: auto;
}

.pwa-gate-card {
    width: 100%;
    max-width: 400px;
    padding: 1.75rem 1.5rem;
    border-radius: .9rem;
    background: #fff;
    color: #1f2933;
    text-align: center;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .3);
}

.pwa-gate-card h1 {
    font-size: 1.3rem;
    margin-bottom: .75rem;
}

.pwa-gate-icono {
    width: 76px;
    height: 76px;
    border-radius: 1.1rem;
    margin-bottom: 1rem;
}

.pwa-gate-pasos {
    list-style: none;
    padding: 0;
    margin: 1rem 0;
    text-align: left;
}

.pwa-gate-pasos li {
    display: flex;
    gap: .75rem;
    align-items: flex-start;
    margin-bottom: .8rem;
}

.pwa-gate-num {
    flex-shrink: 0;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 50%;
    background: #1e9e6a;
    color: #fff;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pwa-gate-nota {
    color: #5b6472;
    margin-bottom: 0;
}

.pwa-gate-flecha {
    font-size: 2rem;
    color: #1e9e6a;
    animation: pwa-rebote 1.2s ease-in-out infinite;
}

@keyframes pwa-rebote {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(8px); }
}