diff --git a/chat_window.php b/chat_window.php
index 8e8cc1f..25a94b4 100644
--- a/chat_window.php
+++ b/chat_window.php
@@ -34,51 +34,54 @@ if (empty($user_id)) {
         
         .chat-container {
             background: white;
-            border-radius: 15px;
-            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
-            margin: 20px auto;
-            max-width: 900px;
-            height: calc(100vh - 40px);
+            border-radius: 12px;
+            box-shadow: 0 8px 20px rgba(0,0,0,0.12);
+            margin: 12px auto;
+            max-width: 820px; /* un poco más estrecho */
+            height: calc(100vh - 36px);
             display: flex;
             flex-direction: column;
+            overflow: hidden;
         }
         
         .chat-header {
             background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
             color: white;
-            padding: 20px;
-            border-radius: 15px 15px 0 0;
+            padding: 10px 14px; /* más compacto */
+            border-radius: 12px 12px 0 0;
             display: flex;
             align-items: center;
             justify-content: space-between;
+            gap: 12px;
         }
         
         .chat-conversations {
             flex: 1;
-            padding: 20px;
+            padding: 12px; /* menos padding para caber más */
             overflow-y: auto;
             background: #f8f9fa;
         }
         
         .chat-input {
-            padding: 20px;
+            padding: 12px; /* compacto */
             background: white;
-            border-radius: 0 0 15px 15px;
+            border-radius: 0 0 12px 12px;
             border-top: 1px solid #eee;
         }
         
         .message-bubble {
-            margin: 10px 0;
-            padding: 12px 16px;
-            border-radius: 18px;
-            max-width: 70%;
+            margin: 8px 0;
+            padding: 8px 12px; /* menos padding */
+            border-radius: 14px;
+            max-width: 65%;
             word-wrap: break-word;
+            font-size: 0.95rem;
         }
         
         /* Estilos para mensajes multimedia */
         .message-bubble img {
-            max-width: 300px;
-            max-height: 400px;
+            max-width: 260px; /* un poco más pequeño */
+            max-height: 360px;
             width: auto;
             height: auto;
             border-radius: 8px;
@@ -88,16 +91,16 @@ if (empty($user_id)) {
         }
         
         .message-bubble video {
-            max-width: 300px;
-            max-height: 400px;
+            max-width: 260px;
+            max-height: 360px;
             border-radius: 8px;
             display: block;
             margin: 4px 0;
         }
         
         .message-bubble audio {
-            width: 250px;
-            height: 40px;
+            width: 200px;
+            height: 36px;
             margin: 4px 0;
             display: block;
         }
@@ -178,21 +181,21 @@ if (empty($user_id)) {
         }
         
         .user-avatar {
-            width: 45px;
-            height: 45px;
+            width: 36px; /* más pequeño */
+            height: 36px;
             border-radius: 50%;
             background: #25D366;
             display: flex;
             align-items: center;
             justify-content: center;
             color: white;
-            font-weight: bold;
-            font-size: 1.2rem;
+            font-weight: 600;
+            font-size: 0.95rem;
         }
         
         .status-indicator {
-            font-size: 0.8rem;
-            opacity: 0.8;
+            font-size: 0.75rem;
+            opacity: 0.85;
         }
         
         /* Estilos para multimedia */