/* Ají en el panel: botón flotante abajo a la derecha y panel de chat. */
.aji-boton {
  position: fixed; right: 20px; bottom: 20px; z-index: 50;
  display: flex; align-items: center; gap: 6px; padding: 9px 14px 9px 9px;
  background: var(--naranja); color: #fff; border: 0; border-radius: 999px; font: 600 14px var(--fuente);
  box-shadow: 0 6px 18px rgba(0,0,0,.2); cursor: pointer;
}
.aji-boton:hover { background: var(--naranja-osc); }
.aji-boton img { width: 26px; height: 26px; object-fit: contain; padding: 3px; background: #fff; border-radius: 50%; }
.aji {
  position: fixed; right: 20px; bottom: 72px; z-index: 60;
  width: min(420px, calc(100vw - 32px)); height: min(600px, calc(100vh - 100px));
  display: flex; flex-direction: column; background: #fff; border: 1px solid var(--linea);
  border-radius: 10px; box-shadow: 0 16px 40px rgba(47,54,64,.25); overflow: hidden;
}
.aji[hidden] { display: none; }
.aji__cab { display: flex; align-items: center; gap: 8px; padding: 10px 12px; background: var(--naranja-claro); border-bottom: 1px solid var(--linea); }
.aji__cab img { width: 30px; height: 30px; object-fit: contain; }
.aji__cab div { flex: 1; min-width: 0; }
.aji__cab span { display: block; font-size: 12px; color: var(--tinta-70); }
.aji__cerrar { border: 0; background: none; font-size: 22px; line-height: 1; cursor: pointer; color: var(--tinta-70); padding: 0 4px; }
.aji__mensajes { flex: 1; overflow-y: auto; padding: 12px; display: flex; flex-direction: column; gap: 10px; }
.aji__msg { max-width: 90%; padding: 9px 12px; border-radius: 10px; font-size: 13.5px; line-height: 1.45; overflow-wrap: anywhere; }
.aji__msg--aji { align-self: flex-start; background: var(--papel); border: 1px solid var(--linea); }
.aji__msg--yo { align-self: flex-end; background: var(--naranja); color: #fff; }
.aji__msg a { color: var(--naranja-osc); font-weight: 600; }
.aji__pensando { color: var(--gris); font-style: italic; }
.aji__presupuesto { display: flex; flex-direction: column; gap: 2px; margin-top: 8px; padding: 9px 10px; background: #fff;
  border: 1px solid var(--linea); border-left: 3px solid var(--naranja); border-radius: var(--radio); }
.aji__presupuesto small { text-transform: uppercase; letter-spacing: .05em; font-size: 11px; color: var(--tinta-70); }
.aji__presupuesto strong { font-size: 16px; }
.aji__acciones { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.aji__msg .aji__acciones .btn { text-decoration: none; color: var(--tinta); font-weight: 600; }
.aji__form { display: flex; gap: 8px; padding: 10px; border-top: 1px solid var(--linea); }
.aji__form input { flex: 1; min-width: 0; padding: 9px 11px; border: 1px solid var(--linea); border-radius: var(--radio); font: 14px var(--fuente); }
.aji__nota { margin: 0; padding: 0 12px 8px; font-size: 11px; color: var(--gris); }
body.sin-sesion .aji-boton, body.sin-sesion .aji { display: none; }
@media (max-width: 600px) { .aji { right: 16px; } .aji-boton { right: 16px; } }
@media print { .aji-boton, .aji { display: none !important; } }