.barBottom{
        display: flex;
    justify-content: space-between;
}

#liaInput:focus{
  border: 0px!important;
}

.barBottom .lia-input{
        width:90%;
        border-radius: 14.25px;
        
}

@media (max-width: 480px) {
    .barBottom .lia-input{
        width:80%;
        
}
}

  .lia-chat-wrapper {font-family: "JustSansFont", Sans-serif; width:100%; display:flex; justify-content:center; }
  .lia-chat-field {
    width:100%; max-width:900px;
    background: rgba(255,255,255,0.08);
    backdrop-filter: blur(20px);
    border-radius:14px;
    padding:48px 36px 40px;
    display:flex; flex-direction:column; gap:22px;
  }
  .lia-placeholder { color:#fff; opacity:.95; font-size:1.05rem; }
  .lia-options-row { display:flex; align-items:center; justify-content:space-between; gap:16px; }
  .lia-options { display:flex; flex-wrap:wrap; gap:14px; }
  .lia-options button {
    background:transparent; border:1px solid rgba(255,255,255,0.25);
    color:#fff; font-size:.92rem; padding:10px 22px; border-radius:14.25px;
    cursor:pointer; transition: background .3s ease; white-space:nowrap;
  }
  .lia-options button:hover,
  .lia-quick-btn:focus {
    background: rgba(255,48,0,0.35);
    border-color: rgba(255,48,0,0.8);
  }
  .lia-send {
    background:#FF3000; border:none; border-radius:50%;
    width:48px; height:48px; cursor:pointer;
    box-shadow: 0 0 18px rgba(255,48,0,0.9);
    display:flex; justify-content:center; align-items:center;
  }
  .lia-messages {
    background: rgba(255,255,255,0.05);
    padding:18px; border-radius:12px;
    max-height:280px; overflow-y:auto;
    color:#fff; font-size:.95rem; line-height:1.45;
  }

  /* Scroll elegante SOLO para el box de mensajes */
  .lia-messages {
    scrollbar-width: thin;
    scrollbar-color: rgba(255,48,0,.45) rgba(255,255,255,.08);
  }
  .lia-messages::-webkit-scrollbar { width: 10px; }
  .lia-messages::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.08);
    border-radius: 999px;
  }
  .lia-messages::-webkit-scrollbar-thumb {
    background: rgba(255,48,0,0.45);
    border-radius: 999px;
    border: 2px solid rgba(0,0,0,0);
    background-clip: padding-box;
  }
  .lia-messages::-webkit-scrollbar-thumb:hover {
    background: rgba(255,48,0,0.65);
    background-clip: padding-box;
  }

  .lia-input {
    width:100%; padding:14px 18px; border-radius:12px;
    border:none; outline:none;
    background: rgba(255,255,255,0.1);
    color:#fff; font-size:1rem;
  }