/* Ají, el asistente de productos: botón flotante (arriba del de WhatsApp) y panel de chat. */
.picky-boton {
  position: fixed; right: 20px; bottom: 86px; z-index: 50;
  display: flex; align-items: center; gap: 6px; padding: 11px 16px;
  background: var(--naranja); color: #fff; border: 0; border-radius: 999px; font: 600 14px var(--fuente);
  box-shadow: 0 6px 18px rgba(0,0,0,.22); cursor: pointer;
}
.picky-boton:hover { background: var(--naranja-osc); }
.picky {
  position: fixed; right: 20px; bottom: 140px; z-index: 60;
  width: min(380px, calc(100vw - 32px)); height: min(560px, calc(100vh - 170px));
  display: flex; flex-direction: column;
  background: var(--tarjeta); border: 1px solid var(--linea-fuerte); border-radius: var(--radio-g);
  box-shadow: 0 16px 40px rgba(47,54,64,.25); overflow: hidden;
}
.picky[hidden] { display: none; }
.picky__cab { display: flex; flex-wrap: wrap; align-items: center; gap: 0 8px; padding: 12px 14px; background: var(--naranja-claro); border-bottom: 1px solid var(--linea); }
.picky__cab span { font-size: 12px; color: var(--tinta-70); flex-basis: 100%; order: 3; }
.picky__cab .icono { margin-left: auto; }
.picky__mensajes { flex: 1; overflow-y: auto; padding: 14px; display: flex; flex-direction: column; gap: 10px; }
.picky__msg { max-width: 88%; padding: 9px 12px; border-radius: var(--radio-g); font-size: 14px; line-height: 1.45; overflow-wrap: anywhere; }
.picky__msg--picky { align-self: flex-start; background: var(--papel); border: 1px solid var(--linea); }
.picky__msg--cliente { align-self: flex-end; background: var(--naranja); color: #fff; }
.picky__msg a { color: var(--naranja-osc); font-weight: 600; }
.picky__pensando { color: var(--gris); font-style: italic; }
.picky__productos { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; }
.picky__producto { display: flex; gap: 8px; align-items: center; padding: 6px; background: var(--tarjeta); border: 1px solid var(--linea); border-radius: var(--radio); text-decoration: none; color: var(--tinta) !important; font-weight: 400 !important; font-size: 13px; }
.picky__producto img { width: 44px; height: 34px; object-fit: cover; border-radius: 4px; flex-shrink: 0; }
.picky__producto-nombre { display: block; line-height: 1.25; }
.picky__ingresar { align-self: flex-start; text-decoration: none; }
.picky__form { display: flex; gap: 8px; padding: 10px; border-top: 1px solid var(--linea); }
.picky__form[hidden] { display: none; }
.picky__form input { flex: 1; min-width: 0; padding: 10px 12px; border: 1px solid var(--linea-fuerte); border-radius: var(--radio); font: 14px var(--fuente); }
.picky__form .agregar { width: auto; padding: 0 14px; }
.picky__nota { margin: 0; padding: 0 12px 8px; font-size: 11px; color: var(--gris); }
/* El logo (gris y rojo) va sobre un círculo blanco: sobre el naranja no se vería. */
.picky-boton__logo { width: 28px; height: 28px; object-fit: contain; margin: -6px 0 -6px -6px; padding: 3px; background: #fff; border-radius: 50%; }
.picky__logo { width: 30px; height: 30px; object-fit: contain; }
.picky__ubicar { margin-top: 8px; width: auto; padding: 6px 12px; font-size: 13px; }
.picky__ubicar-form { flex-shrink: 0; font-size: 18px; opacity: .55; }
.picky__ubicar-form.activo { opacity: 1; }
/* Presupuesto o cotización que armó Ají. */
.picky__presupuesto { display: flex; flex-direction: column; gap: 2px; margin-top: 8px; padding: 10px; background: var(--tarjeta); border: 1px solid var(--linea-fuerte); border-left: 3px solid var(--naranja); border-radius: var(--radio); font-size: 13px; }
.picky__presupuesto-tit { font-size: 11px; text-transform: uppercase; letter-spacing: .05em; color: var(--tinta-70); }
.picky__presupuesto strong { font-size: 16px; }
.picky__presupuesto small { color: var(--gris); }
.picky__presupuesto-acciones { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.picky__presupuesto-acciones .agregar { width: auto; height: auto; margin: 0; padding: 6px 10px; font-size: 12.5px; font-weight: 600; color: #fff; }
.picky__presupuesto-acciones .agregar--claro { color: var(--tinta); }
@media (max-width: 600px) {
  .picky { right: 16px; bottom: 136px; }
  .picky-boton { right: 16px; }
}