/* ============================================================
   STARMASTER — WEB INSTALABLE (PWA)
   Cartel "Hay una versión nueva · Actualizar" (lo pinta js/pwa.js).
   Archivo propio porque lo cargan TODAS las páginas, también las de
   acceso, que no usan base.css.
   ============================================================ */

.sm-pwa-version {
    position:      fixed;
    left:          50%;
    bottom:        calc(16px + env(safe-area-inset-bottom));
    transform:     translateX(-50%);
    z-index:       10000;              /* por encima del reproductor (9999) */
    display:       flex;
    align-items:   center;
    gap:           12px;
    width:         max-content;
    max-width:     calc(100vw - 24px);
    padding:       10px 10px 10px 16px;
    background:    #1C1C26;
    border:        1px solid rgba(229, 9, 20, 0.35);
    border-radius: 12px;
    box-shadow:    0 8px 24px rgba(0, 0, 0, 0.5);
    color:         #F8F8FF;
    font-family:   'Inter', sans-serif;
    font-size:     0.88rem;
}

.sm-pwa-version__actualizar {
    padding:       8px 14px;
    border:        none;
    border-radius: 8px;
    background:    #E50914;
    color:         #fff;
    font:          inherit;
    font-weight:   600;
    cursor:        pointer;
    white-space:   nowrap;
}

.sm-pwa-version__cerrar {
    padding:    6px 8px;
    border:     none;
    background: transparent;
    color:      #A0A0B8;
    font-size:  1rem;
    cursor:     pointer;
}