/* =============================================================================
   componentes/navegar-como.css — Banda «Navegando como»  (componentes/_navegar-como.php)
   -----------------------------------------------------------------------------
   Mientras se ve la web como una IP de la lista (admin › IPs y testers › Navegar
   como, 11-11-2026). Fija arriba, de lado a lado y sin cerrar: tiene que verse siempre.
   ============================================================================= */

#ss-navegar-como {
   position: sticky;
   top: 0;
   z-index: 1060;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   gap: .5rem 1rem;
   padding: .45rem 1rem;
   background: #fff3cd;
   color: #664d03;
   border-bottom: 1px solid #ffda6a;
   font-size: .85rem;
   line-height: 1.3;
   text-align: center;
}

#ss-navegar-como i {
   font-size: 1rem;
}

.ss-navegar-como__salir {
   display: inline-block;
   padding: .2rem .75rem;
   border-radius: 50rem;
   background: #664d03;
   color: #fff;
   font-weight: 600;
   text-decoration: none;
}

.ss-navegar-como__salir:hover,
.ss-navegar-como__salir:focus-visible {
   background: #4a3802;
   color: #fff;
}