diff --git a/modules/turnero/views/chat.php b/modules/turnero/views/chat.php
index 4f25553..3f9f5da 100644
--- a/modules/turnero/views/chat.php
+++ b/modules/turnero/views/chat.php
@@ -270,13 +270,6 @@ html, body { height: 100%; overflow: hidden; font-family: -apple-system, BlinkMa
 
 .back-btn { display: none; background: none; border: none; color: #fff; font-size: 1.1rem; cursor: pointer; padding: 4px 8px; }
 
-@media (max-width: 680px) {
-    .chat-shell { position: relative; overflow: hidden; }
-    .sidebar { position: absolute; inset: 0; z-index: 10; transition: transform .2s ease; }
-    .sidebar.mobile-hidden { transform: translateX(-100%); pointer-events: none; }
-    .chat-window { position: absolute; inset: 0; z-index: 5; transform: translateX(100%); height: 100%; transition: transform .2s ease; }
-    .chat-window.mobile-active { transform: translateX(0); }
-    .back-btn { display: flex; }
 /* ── Modal nuevo mensaje ── */
 #nuevo-modal { display:none; position:fixed; inset:0; z-index:1100;
     background:rgba(0,0,0,.45); align-items:center; justify-content:center; padding:16px; }
@@ -309,6 +302,14 @@ html, body { height: 100%; overflow: hidden; font-family: -apple-system, BlinkMa
 .nv-close-btn { background:none; border:none; cursor:pointer; color:#94a3b8;
     font-size:.95rem; padding:2px 7px; border-radius:4px; }
 .nv-close-btn:hover { color:#475569; background:#f1f5f9; }
+
+@media (max-width: 680px) {
+    .chat-shell { position: relative; overflow: hidden; }
+    .sidebar { position: absolute; inset: 0; z-index: 10; transition: transform .2s ease; }
+    .sidebar.mobile-hidden { transform: translateX(-100%); pointer-events: none; }
+    .chat-window { position: absolute; inset: 0; z-index: 5; transform: translateX(100%); height: 100%; transition: transform .2s ease; }
+    .chat-window.mobile-active { transform: translateX(0); }
+    .back-btn { display: flex; }
 }
 </style>
 </head>