/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 17 2026 | 01:32:15 */
 :root {

    /* Colores Principales */

    --n8n-chat-primary-color: #FAFF00 !important;          /* Amarillo AthleticLife */

    --n8n-chat-background-color: #121212;       /* Fondo General */

    --n8n-chat-text-color: #ffffff;             /* Texto Blanco */

    

    /* Burbuja de Chat (Botón Flotante) */

    --n8n-chat-button-background: #FAFF00;

    --n8n-chat-button-icon-color: #000000;

    --n8n-chat-button-box-shadow: 0 4px 15px rgba(250, 255, 0, 0.3);



    /* Ventana de Chat */

    --n8n-chat-window-background: #121212;

    --n8n-chat-window-border-radius: 15px;

    --n8n-chat-window-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);



    /* Cabecera (Header) */

    --n8n-chat-header-background: #1E1E1E;

    --n8n-chat-header-text-color: #FAFF00;

    --n8n-chat-header-subtitle-color: #bbbbbb;



    /* Mensajes */

    --n8n-chat-user-message-background: #FAFF00;

    --n8n-chat-user-message-text-color: #000000;

    --n8n-chat-bot-message-background: #2A2A2A;

    --n8n-chat-bot-message-text-color: #ffffff;



    /* Input (Entrada de texto) */

    --n8n-chat-input-background: #1E1E1E;

    --n8n-chat-input-text-color: #ffffff;

    --n8n-chat-input-placeholder-color: #666666;

    --n8n-chat-input-button-color: #FAFF00;

  }



  /* 1. POSICIÓN A LA IZQUIERDA */

  #n8n-chat {

    left: 20px !important;

    right: auto !important;

    direction: ltr !important;

  }



  /* 2. BURBUJA FLOTANTE (Toggle) */

  .chat-window-toggle {

    background-color: #FAFF00 !important; /* Amarillo */

    color: #000000 !important;             /* Icono Negro */

    box-shadow: 0 4px 12px rgba(0,0,0,0.25) !important;

    left: 20px !important;

    right: auto !important;

  }



  /* 3. VENTANA DE CHAT */

  .chat-window-wrapper.n8n-chat {

    left: 20px !important;

    right: auto !important;

  }



  .chat-window {

    background-color: #121212 !important; /* Fondo Negro */

    border: 1px solid #333 !important;

  }



  /* 4. CABECERA (Header) */

  .chat-header {

    background-color: #1E1E1E !important;

    border-bottom: 2px solid #FAFF00 !important;

  }



  .chat-heading h1 {

    color: #FAFF00 !important;

    font-weight: bold !important;

    font-size: 18px !important;

  }



  .chat-header p {

    color: #ffffff !important; /* Texto "En línea" */

  }



  /* 5. CUERPO Y BOTÓN "New Conversation" */

  .chat-body {

    background-color: #121212 !important;

  }



  .chat-get-started .chat-button {

    background-color: #FAFF00 !important;

    color: #000000 !important;

    font-weight: bold !important;

    border-radius: 5px !important;

    border: none !important;

    text-transform: uppercase;

  }



  /* 6. PIE DE PÁGINA (Footer) */

  .chat-footer {

    background-color: #1E1E1E !important;

    color: #666 !important;

  }



  .chat-powered-by a {

    color: #FAFF00 !important;

  }

/* Sobrescribir el margen automático para que el botón no se desplace a la derecha */
.chat-window-wrapper .chat-window-toggle {
    margin-left: 0 !important;
    margin-right: auto !important; /* Asegura que el espacio sobrante quede a la derecha */
}