.elementor-69 .elementor-element.elementor-element-13a7253:not(.elementor-motion-effects-element-type-background), .elementor-69 .elementor-element.elementor-element-13a7253 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-69 .elementor-element.elementor-element-13a7253{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-69 .elementor-element.elementor-element-13a7253 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-69 .elementor-element.elementor-element-8757c1c > .elementor-element-populated{margin:20px 20px 20px 20px;--e-column-margin-right:20px;--e-column-margin-left:20px;}.elementor-69 .elementor-element.elementor-element-2e66a3e{--spacer-size:50px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-69 .elementor-element.elementor-element-326b7e5{text-align:center;}.elementor-69 .elementor-element.elementor-element-326b7e5 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:50px;font-weight:700;color:#2A7ABF;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-69 .elementor-element.elementor-element-704f1d4{margin:30px 30px calc(var(--kit-widget-spacing, 0px) + 30px) 30px;--e-icon-list-icon-size:39px;--icon-vertical-offset:0px;}.elementor-69 .elementor-element.elementor-element-704f1d4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(35px/2);}.elementor-69 .elementor-element.elementor-element-704f1d4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(35px/2);}.elementor-69 .elementor-element.elementor-element-704f1d4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(35px/2);}.elementor-69 .elementor-element.elementor-element-704f1d4 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-35px/2);}.elementor-69 .elementor-element.elementor-element-704f1d4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-35px/2);}.elementor-69 .elementor-element.elementor-element-704f1d4 .elementor-icon-list-icon i{color:#2A7ABF;transition:color 0.3s;}.elementor-69 .elementor-element.elementor-element-704f1d4 .elementor-icon-list-icon svg{fill:#2A7ABF;transition:fill 0.3s;}.elementor-69 .elementor-element.elementor-element-704f1d4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-69 .elementor-element.elementor-element-704f1d4 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;}.elementor-69 .elementor-element.elementor-element-704f1d4 .elementor-icon-list-text{transition:color 0.3s;}.elementor-69 .elementor-element.elementor-element-ac33fe7 .elementor-repeater-item-63ba820.elementor-social-icon{background-color:#2A7ABF;}.elementor-69 .elementor-element.elementor-element-ac33fe7 .elementor-repeater-item-06eab79.elementor-social-icon{background-color:#2A7ABF;}.elementor-69 .elementor-element.elementor-element-ac33fe7 .elementor-repeater-item-27a3248.elementor-social-icon{background-color:#2A7ABF;}.elementor-69 .elementor-element.elementor-element-ac33fe7{--grid-template-columns:repeat(0, auto);text-align:center;--icon-size:29px;--grid-column-gap:49px;--grid-row-gap:0px;}.elementor-69 .elementor-element.elementor-element-f53939d{--spacer-size:50px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-ac5265c *//* --- CONFIGURACIÓN DE COLORES EXPERTSDDT (INVERTIDOS) --- */
#n8n-chat {
  /* Definición de tu Paleta */
  --experts-blanco: #F2F2F2;
  --experts-azul: #1D3273;        /* Ahora será color secundario/hover */
  --experts-celeste-osc: #2A7ABF; /* Ahora será el color PRIMARIO */
  --experts-celeste-cielo: #8BBBD9;

  /* --- ASIGNACIÓN DE VARIABLES N8N --- */
  
  /* Color Principal: Ahora usamos el Celeste Oscuro para que destaque más */
  --chat--color-primary: var(--experts-celeste-osc);
  
  /* Los tonos "shade" (hover) ahora usan el Azul Profundo para contraste */
  --chat--color-primary-shade-50: var(--experts-azul);
  --chat--color-primary-shade-100: var(--experts-azul);

  /* Botón Flotante (Toggle) */
  --chat--toggle--background: var(--experts-celeste-osc);      /* Fondo Celeste */
  --chat--toggle--hover--background: var(--experts-azul);      /* Al pasar mouse: Azul */
  --chat--toggle--active--background: var(--experts-azul);
  --chat--toggle--size: 60px; 
  
  /* Cabecera (Header) */
  /* Invertimos el degradado: Empieza claro y termina oscuro */
  --chat--header--background: linear-gradient(135deg, var(--experts-celeste-osc) 0%, var(--experts-azul) 100%);
  --chat--header--color: #ffffff;
  
  /* Cuerpo y Fondo */
  --chat--body--background: var(--experts-blanco);
  --chat--footer--background: #ffffff;

  /* Burbujas de Mensaje */
  /* Usuario: Ahora usa el Azul Profundo (#1D3273) para máxima legibilidad */
  --chat--message--user--background: var(--experts-azul);
  --chat--message--user--color: #ffffff;
  
  /* Bot (Ray) */
  --chat--message--bot--background: #ffffff;
  --chat--message--bot--color: #333333;
  --chat--message--bot--border: 1px solid #e0e0e0;

  /* Estilos Generales */
  --chat--border-radius: 12px;
  --chat--window--width: 380px;
  --chat--window--height: 600px;
}

/* --- ESTILOS VISUALES AVANZADOS --- */

/* Sombra de la ventana */
.chat-layout {
  box-shadow: 0 12px 24px rgba(42, 122, 191, 0.25) !important; /* Sombra celeste */
  border-radius: 16px !important;
  border: 1px solid #e0e0e0;
}

/* Header */
#n8n-chat .chat-layout .chat-header {
  padding: 16px 20px !important;
  border-bottom: 1px solid var(--experts-celeste-osc);
}

#n8n-chat .chat-layout .chat-header h1 {
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

/* Footer y Textarea */
#n8n-chat .chat-layout .chat-footer {
  padding: 12px;
}

#n8n-chat textarea {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 20px !important;
  padding: 12px 15px !important;
  font-size: 0.95rem;
  transition: all 0.2s ease;
}

#n8n-chat textarea:focus {
  border-color: var(--experts-celeste-cielo) !important;
  box-shadow: 0 0 0 3px rgba(139, 187, 217, 0.2) !important;
  outline: none;
}

/* Burbujas */
.chat-message-bot {
  border-radius: 12px 12px 12px 2px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.chat-message-user {
  border-radius: 12px 12px 2px 12px !important;
  box-shadow: 0 1px 3px rgba(29, 50, 115, 0.2);
}

/* --- BOTÓN FLOTANTE E ICONO --- */
.chat-toggle {
  box-shadow: 0 4px 15px rgba(42, 122, 191, 0.4) !important;
  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Regla para ASEGURAR que el icono se vea blanco y centrado */
.chat-toggle svg {
  width: 30px !important;
  height: 30px !important;
  fill: #ffffff !important;
  color: #ffffff !important;
}

.chat-toggle:hover {
  transform: scale(1.1);
  background-color: var(--experts-azul) !important; /* Cambio a azul oscuro al pasar mouse */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-13a5172 *//* --- CONFIGURACIÓN DE COLORES EXPERTSDDT (INVERTIDOS) --- */
#n8n-chat {
  /* Definición de tu Paleta */
  --experts-blanco: #F2F2F2;
  --experts-azul: #1D3273;        /* Ahora será color secundario/hover */
  --experts-celeste-osc: #2A7ABF; /* Ahora será el color PRIMARIO */
  --experts-celeste-cielo: #8BBBD9;

  /* --- ASIGNACIÓN DE VARIABLES N8N --- */
  
  /* Color Principal: Ahora usamos el Celeste Oscuro para que destaque más */
  --chat--color-primary: var(--experts-celeste-osc);
  
  /* Los tonos "shade" (hover) ahora usan el Azul Profundo para contraste */
  --chat--color-primary-shade-50: var(--experts-azul);
  --chat--color-primary-shade-100: var(--experts-azul);

  /* Botón Flotante (Toggle) */
  --chat--toggle--background: var(--experts-celeste-osc);      /* Fondo Celeste */
  --chat--toggle--hover--background: var(--experts-azul);      /* Al pasar mouse: Azul */
  --chat--toggle--active--background: var(--experts-azul);
  --chat--toggle--size: 60px; 
  
  /* Cabecera (Header) */
  /* Invertimos el degradado: Empieza claro y termina oscuro */
  --chat--header--background: linear-gradient(135deg, var(--experts-celeste-osc) 0%, var(--experts-azul) 100%);
  --chat--header--color: #ffffff;
  
  /* Cuerpo y Fondo */
  --chat--body--background: var(--experts-blanco);
  --chat--footer--background: #ffffff;

  /* Burbujas de Mensaje */
  /* Usuario: Ahora usa el Azul Profundo (#1D3273) para máxima legibilidad */
  --chat--message--user--background: var(--experts-azul);
  --chat--message--user--color: #ffffff;
  
  /* Bot (Ray) */
  --chat--message--bot--background: #ffffff;
  --chat--message--bot--color: #333333;
  --chat--message--bot--border: 1px solid #e0e0e0;

  /* Estilos Generales */
  --chat--border-radius: 12px;
  --chat--window--width: 380px;
  --chat--window--height: 600px;
}

/* --- ESTILOS VISUALES AVANZADOS --- */

/* Sombra de la ventana */
.chat-layout {
  box-shadow: 0 12px 24px rgba(42, 122, 191, 0.25) !important; /* Sombra celeste */
  border-radius: 16px !important;
  border: 1px solid #e0e0e0;
}

/* Header */
#n8n-chat .chat-layout .chat-header {
  padding: 16px 20px !important;
  border-bottom: 1px solid var(--experts-celeste-osc);
}

#n8n-chat .chat-layout .chat-header h1 {
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

/* Footer y Textarea */
#n8n-chat .chat-layout .chat-footer {
  padding: 12px;
}

#n8n-chat textarea {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 20px !important;
  padding: 12px 15px !important;
  font-size: 0.95rem;
  transition: all 0.2s ease;
}

#n8n-chat textarea:focus {
  border-color: var(--experts-celeste-cielo) !important;
  box-shadow: 0 0 0 3px rgba(139, 187, 217, 0.2) !important;
  outline: none;
}

/* Burbujas */
.chat-message-bot {
  border-radius: 12px 12px 12px 2px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.chat-message-user {
  border-radius: 12px 12px 2px 12px !important;
  box-shadow: 0 1px 3px rgba(29, 50, 115, 0.2);
}

/* --- BOTÓN FLOTANTE E ICONO --- */
.chat-toggle {
  box-shadow: 0 4px 15px rgba(42, 122, 191, 0.4) !important;
  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Regla para ASEGURAR que el icono se vea blanco y centrado */
.chat-toggle svg {
  width: 30px !important;
  height: 30px !important;
  fill: #ffffff !important;
  color: #ffffff !important;
}

.chat-toggle:hover {
  transform: scale(1.1);
  background-color: var(--experts-azul) !important; /* Cambio a azul oscuro al pasar mouse */
}/* End custom CSS */