.elementor-118340 .elementor-element.elementor-element-bfc9179:not(.elementor-motion-effects-element-type-background), .elementor-118340 .elementor-element.elementor-element-bfc9179 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor6 );}.elementor-118340 .elementor-element.elementor-element-bfc9179{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-118340 .elementor-element.elementor-element-bfc9179 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-118340 .elementor-element.elementor-element-57920c4 > .elementor-widget-container{margin:0px 0px 0px 2px;padding:8px 0px 0px 0px;}.elementor-118340 .elementor-element.elementor-element-57920c4 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:var( --e-global-color-text );}.elementor-118340 .elementor-element.elementor-element-e2c7c3a > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-118340 .elementor-element.elementor-element-0b03d8a{text-align:end;}.elementor-118340 .elementor-element.elementor-element-5f472ce > .elementor-shape-top .elementor-shape-fill{fill:var( --e-global-color-astglobalcolor6 );}.elementor-118340 .elementor-element.elementor-element-5f472ce > .elementor-shape-top svg{width:calc(200% + 1.3px);height:60px;transform:translateX(-50%) rotateY(180deg);}.elementor-118340 .elementor-element.elementor-element-5f472ce{z-index:0;}.elementor-118340 .elementor-element.elementor-element-790701f{--spacer-size:50px;}.elementor-118340 .elementor-element.elementor-element-f276a7f{--display:flex;}.elementor-118340 .elementor-element.elementor-element-19cb6ee{--spacer-size:20px;}.elementor-118340 .elementor-element.elementor-element-dba5345{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99;}.elementor-118340 .elementor-element.elementor-element-01d593f{z-index:99;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-118340 .elementor-element.elementor-element-57920c4 > .elementor-widget-container{padding:8px 0px 0px 0px;}}@media(max-width:767px){.elementor-118340 .elementor-element.elementor-element-2466554 > .elementor-element-populated{padding:10px 10px 0px 10px;}.elementor-118340 .elementor-element.elementor-element-282ad25{width:60%;}.elementor-118340 .elementor-element.elementor-element-57920c4 .elementor-heading-title{font-size:20px;}.elementor-118340 .elementor-element.elementor-element-e2c7c3a{width:40%;}.elementor-118340 .elementor-element.elementor-element-e2c7c3a > .elementor-element-populated{padding:0px 10px 0px 0px;}.elementor-118340 .elementor-element.elementor-element-5f472ce > .elementor-shape-top svg{height:40px;}.elementor-118340 .elementor-element.elementor-element-790701f{--spacer-size:20px;}}@media(min-width:768px){.elementor-118340 .elementor-element.elementor-element-aba69f5{width:5%;}.elementor-118340 .elementor-element.elementor-element-2466554{width:89.333%;}.elementor-118340 .elementor-element.elementor-element-282ad25{width:47.288%;}.elementor-118340 .elementor-element.elementor-element-e2c7c3a{width:52.712%;}.elementor-118340 .elementor-element.elementor-element-0d9c2d8{width:5%;}}@media(max-width:1024px) and (min-width:768px){.elementor-118340 .elementor-element.elementor-element-282ad25{width:50%;}.elementor-118340 .elementor-element.elementor-element-e2c7c3a{width:50%;}}/* Start custom CSS for html, class: .elementor-element-01d593f *//* Mantén una sola línea y quita la barra visible */
.emoji-picker__category-buttons {
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;          /* Firefox */
  -ms-overflow-style: none;       /* IE/Edge legado */
}
.emoji-picker__category-buttons::-webkit-scrollbar { /* Chrome/Safari */
  display: none;
}

/* ——— layout vertical del chat ——— */
#chat-box{
  display:flex;            /* apila hijos en columna           */
  flex-direction:column;
  /* ocupa 50 % de la altura visible (sin header/footer)       */
  height:50vh;             /* ajusta si lo quieres un poco más */
  border:1px solid #ccc;   /* mismo borde que tenías */
  box-sizing:border-box;   /* incluye el borde en el 50 % */
}

/* el historial debe crecer y hacer scroll */
#chat-history{
  flex:1 1 auto;           /* toma todo el espacio restante    */
  overflow-y:auto;
  border:1px solid #ddd;
  padding:10px;
}

/* el formulario NO debe crecer: queda fijo abajo */
#chat-form{
  flex:0 0 auto;
  display:flex;
  align-items:center;    /* ⬅️  centra verticalmente cada hijo */
  gap:6px;
  padding-top:8px;
  background:#fff;
}

/* el textarea ocupa todo lo ancho menos los botones */
#chat-message{
  flex:1 1 auto;         /* se expande horizontalmente         */
  min-height:40px;       /* alto del área de texto             */
  resize:vertical;
}

/* ——— los botones NO crecen ——— */
#emoji-trigger,
#chat-form button[type="submit"]{
  flex:0 0 auto;         /* no se estiran                      */
  height:auto;           /* usa su altura natural (icono / font) */
  padding:10px 20px;      /* ajusta si quieres más superficie   */
}

/* ——— opcional: altura algo mayor en pantallas muuuy pequeñas ——— */
@media (max-width:480px){
  #chat-box{ height:60vh; }   /* 60 % del viewport si lo prefieres */
}

@media (max-width:480px) and (orientation:portrait){
  #chat-panel{
    font-size:0.9rem;          /* 16 px – 2 px  → 14 px (≈ 0 .875 rem) */
  }
}/* End custom CSS */