/* =====================================================================
   Aviso de emulación de usuario
   ---------------------------------------------------------------------
   Se pinta fuera de .app-wrapper, que es una rejilla con áreas nombradas
   (sidebar / header / main / footer): un hijo suelto se colocaría en una
   celda que no le toca.
   ===================================================================== */
.emulacion-banner {
    position: sticky;
    top: 0;
    z-index: 1040;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: .4rem .75rem;
    padding: .45rem .75rem;
    background: #b3261e;
    color: #fff;
    line-height: 1.3;
    text-align: center;
}

.emulacion-banner__text {
    font-weight: 600;
}

.emulacion-banner__form {
    margin: 0;
}

.emulacion-banner__btn {
    --bs-btn-padding-y: .15rem;
    --bs-btn-padding-x: .6rem;
    font-weight: 600;
    white-space: nowrap;
}