Ajusta el estilo de los mensajes de usuario y el contenedor del chatbot, optimizando bordes y márgenes para mejorar la estética y la experiencia del usuario.

style.css

@@ -101,7 +101,7 @@
   position: relative !important;
 
   /* Multi-color gradient border */
-  border: 3px solid transparent !important;
+  border: 1px solid transparent !important;
   background-image:
     linear-gradient(var(--bg-light-secondary), var(--bg-light-secondary)),
     linear-gradient(
@@ -158,22 +158,19 @@
 /* Chat container */
 .chatbot, [data-testid="chatbot"] {
   border-radius: var(--card-radius) !important;
-  border: 1px solid var(--border-light) !important;
   box-shadow: var(--card-shadow-light) !important;
 }
 
 /* User messages - Purple accent */
 .message.user,
 .user-message,
-[data-testid="user-message"],
-.user-row {
+[data-testid="user-message"] {
   background: linear-gradient(135deg, var(--primary-purple-light) 0%, var(--primary-purple) 100%) !important;
   color: white !important;
   border-radius: 18px 18px 4px 18px !important;
   padding: 0.875rem 1.125rem !important;
   margin: 0.5rem 0 !important;
   box-shadow: 0 2px 8px rgba(124, 58, 237, 0.25) !important;
-  max-width: 80% !important;
   margin-left: auto !important;
 }
 
@@ -305,8 +302,7 @@ button.example:hover {
 /* Dark theme - User messages */
 .dark .message.user,
 .dark .user-message,
-.dark [data-testid="user-message"],
-.dark .user-row {
+.dark [data-testid="user-message"] {
   background: linear-gradient(135deg, var(--primary-purple) 0%, var(--primary-purple-dark) 100%) !important;
   color: white !important;
   box-shadow: 0 2px 8px rgba(124, 58, 237, 0.4) !important;
@@ -392,4 +388,4 @@ button.example:hover {
 .dark .chatbot::-webkit-scrollbar-thumb:hover,
 .dark [data-testid="chatbot"]::-webkit-scrollbar-thumb:hover {
   background: var(--primary-purple-light);
-}
+}