/* ============================================================
   PROMO BAGS — Asesor web (B1.1) · widget de chat (texto)
   Ligero, tokens de marca, no tapa el sticky de WhatsApp.
   ============================================================ */
.asr-launch {
  position: fixed; right: 18px; bottom: 20px; z-index: 60;
  display: inline-flex; align-items: center; gap: .5rem;
  font-family: var(--font-body); font-weight: 700; font-size: .92rem;
  color: var(--crema); background: var(--verde-bosque);
  border: 1px solid rgba(162,237,85,.35); border-radius: var(--r-pill);
  padding: .7rem 1.05rem; cursor: pointer; box-shadow: 0 10px 30px rgba(35,48,43,.35);
  transition: transform .2s var(--ease), background .2s var(--ease);
}
.asr-launch:hover { transform: translateY(-2px); background: #1c3a26; }
.asr-launch svg { width: 1.2em; height: 1.2em; }
/* en móvil el sticky de WhatsApp vive abajo: el lanzador sube para no taparlo */
@media (max-width: 720px){ .asr-launch { bottom: 84px; right: 12px; padding: .6rem .9rem; } }

.asr-panel {
  position: fixed; right: 18px; bottom: 20px; z-index: 61;
  width: 380px; max-width: calc(100vw - 24px); height: 560px; max-height: calc(100vh - 40px);
  display: none; flex-direction: column; overflow: hidden;
  background: var(--crema); border: 1px solid var(--linea-crema); border-radius: 20px;
  box-shadow: 0 24px 70px rgba(35,48,43,.4);
}
.asr-panel.is-open { display: flex; }
@media (max-width: 720px){
  .asr-panel { right: 0; bottom: 0; width: 100vw; max-width: 100vw; height: 88vh; max-height: 88vh;
    border-radius: 20px 20px 0 0; }
}
.asr-head {
  display: flex; align-items: center; gap: .6rem; padding: .85rem 1rem;
  background: var(--verde-bosque); color: var(--crema); flex: none;
}
.asr-head b { font-family: var(--font-display); font-weight: 800; font-size: 1rem; }
.asr-head small { color: rgba(244,241,232,.75); font-size: .74rem; }
.asr-head .asr-x { margin-left: auto; background: none; border: none; color: var(--crema);
  cursor: pointer; padding: .3rem; border-radius: 50%; display: grid; place-items: center; }
.asr-head .asr-x:hover { background: rgba(255,255,255,.12); }
.asr-head .asr-x svg { width: 20px; height: 20px; }

.asr-body { flex: 1 1 auto; overflow-y: auto; padding: 1rem; display: flex; flex-direction: column; gap: .7rem;
  background: linear-gradient(180deg, #FBFAF5, var(--crema)); }
.asr-msg { max-width: 86%; padding: .6rem .8rem; border-radius: 14px; font-size: .92rem; line-height: 1.4; }
.asr-msg--bot { align-self: flex-start; background: #fff; border: 1px solid var(--linea-crema); color: var(--tinta); }
.asr-msg--user { align-self: flex-end; background: var(--verde-bosque); color: var(--crema); }
.asr-typing { align-self: flex-start; color: var(--tinta-tenue); font-size: .85rem; font-style: italic; }

.asr-chips { display: flex; flex-wrap: wrap; gap: .4rem; padding: 0 1rem .4rem; flex: none; }
.asr-chip { font-size: .8rem; font-weight: 600; color: var(--verde-bosque); background: rgba(125,192,93,.14);
  border: 1px solid rgba(125,192,93,.34); border-radius: var(--r-pill); padding: .38rem .7rem; cursor: pointer; }
.asr-chip:hover { background: rgba(125,192,93,.24); }

.asr-wa { flex: none; margin: 0 1rem .6rem; text-align: center; }
.asr-wa a { display: inline-flex; align-items: center; gap: .45rem; justify-content: center; width: 100%;
  font-weight: 700; font-size: .9rem; color: var(--verde-bosque); text-decoration: none;
  background: var(--verde-vibrante); border-radius: var(--r-pill); padding: .6rem 1rem; }
.asr-wa svg { width: 1.1em; height: 1.1em; }

.asr-input { flex: none; display: flex; gap: .5rem; padding: .7rem 1rem 1rem; border-top: 1px solid var(--linea-crema); }
.asr-input input { flex: 1; border: 1px solid var(--linea-crema); border-radius: var(--r-pill);
  padding: .6rem .9rem; font-size: .92rem; font-family: var(--font-body); background: #fff; color: var(--tinta); min-height: 44px; }
.asr-input input:focus { outline: 2px solid var(--verde-bosque); outline-offset: 1px; }
.asr-send { flex: none; width: 44px; height: 44px; border-radius: 50%; border: none; cursor: pointer;
  background: var(--verde-bosque); color: var(--crema); display: grid; place-items: center; }
.asr-send svg { width: 20px; height: 20px; }
.asr-note { flex: none; text-align: center; font-size: .68rem; color: var(--tinta-tenue); padding: 0 1rem .7rem; }
@media (prefers-reduced-motion: reduce){ .asr-launch { transition: none; } }

/* el panel abierto oculta el sticky de WhatsApp (móvil) para no encimarse */
body.asr-open .sticky-wa { display: none !important; }