boton cerrar sesion arriba a la derecha

frontend/administrativo/admin.css

@@ -413,15 +413,6 @@ select {
   box-shadow: 0 6px 24px rgba(167, 139, 250, 0.18);
 }
 
-.topbar-divider {
-  width: 1px;
-  height: 24px;
-  background: var(--line);
-  margin: 0 6px;
-  flex-shrink: 0;
-  align-self: center;
-}
-
 .nav-item {
   display: inline-flex;
   align-items: center;
@@ -462,13 +453,66 @@ select {
 
 /* Visibilidad de nav-items y secciones admin-only se controla por JS (aplicarPermisos) */
 
-.nav-item-logout {
-  margin-left: auto;
+/* ════════════════════════════════
+   BOTÓN CERRAR SESIÓN — fixed en la esquina superior derecha
+   Independiente de la topbar. Vive en la esquina para tener
+   acceso rápido sin importar la vista/scroll.
+   ════════════════════════════════ */
+.btn-logout-fixed {
+  position: fixed;
+  top: 18px;
+  right: 20px;
+  z-index: 60; /* por encima de la topbar (z:50) */
+
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  padding: 10px 18px;
+  background: rgba(255, 255, 255, 0.92);
+  backdrop-filter: blur(20px) saturate(180%);
+  -webkit-backdrop-filter: blur(20px) saturate(180%);
+  border: 1.5px solid var(--line-strong);
+  border-radius: var(--radius-pill);
+  font-family: inherit;
+  font-size: 0.92rem;
+  font-weight: 500;
+  color: var(--ink-soft);
+  white-space: nowrap;
+  cursor: pointer;
+  box-shadow: 0 6px 24px rgba(167, 139, 250, 0.18);
+  transition: background var(--transition), color var(--transition), border-color var(--transition), transform var(--transition), box-shadow var(--transition);
 }
 
-.nav-item-logout:hover {
+.btn-logout-fixed:hover {
   background: var(--danger-soft);
+  border-color: rgba(220, 38, 38, 0.4);
   color: var(--danger);
+  transform: translateY(-1px);
+  box-shadow: 0 8px 28px rgba(220, 38, 38, 0.22);
+}
+
+.btn-logout-fixed .logout-icon {
+  font-size: 1rem;
+  line-height: 1;
+  flex-shrink: 0;
+}
+
+@media (max-width: 760px) {
+  .btn-logout-fixed {
+    top: 12px;
+    right: 12px;
+    padding: 9px 14px;
+    font-size: 0.85rem;
+  }
+}
+
+@media (max-width: 380px) {
+  .btn-logout-fixed .logout-label {
+    display: none; /* solo el icono ↪ en pantallas muy chicas */
+  }
+  .btn-logout-fixed {
+    padding: 9px 12px;
+  }
 }
 
 /* ════════════════════════════════
@@ -1607,14 +1651,6 @@ select {
   .nav-icon {
     font-size: 1rem;
   }
-
-  .topbar-divider {
-    display: none;
-  }
-
-  .nav-item-logout {
-    margin-left: 0;
-  }
 }
 
 @media (max-width: 480px) {