/* Mall del Parrillero - Asistente flotante (negro + naranja) */
/* Ocultar boton WhatsApp antiguo incrustado en el tema */
a[aria-label="Chatea con nosotros por WhatsApp"]{display:none !important;}

#wa-float{
  --wa-orange:#FF6A13; --wa-orange-l:#FF8A3D; --wa-orange-d:#E85A00;
  --wa-ink:#14110F; --wa-ink-2:#201B18; --wa-panel:#ffffff;
  --wa-bot:#F1F1F2; --wa-bot-tx:#201B18; --wa-green:#25D366; --wa-green-d:#1EbE5b;
  --wa-line:#ece8e4; --wa-muted:#8a8a8a;
  position:fixed; right:20px; bottom:80px; z-index:2147483000;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
#wa-float *{box-sizing:border-box;}

#wa-btn{
  width:62px; height:62px; border:0; border-radius:50%; cursor:pointer;
  background:linear-gradient(135deg,var(--wa-orange-l),var(--wa-orange));
  box-shadow:0 10px 26px rgba(255,106,19,.42), 0 2px 6px rgba(0,0,0,.2);
  display:flex; align-items:center; justify-content:center; color:#fff;
  transition:transform .18s ease, box-shadow .18s ease; position:relative; margin-left:auto;
}
#wa-btn:hover{transform:scale(1.06);}
#wa-btn:active{transform:scale(.97);}
#wa-btn .wa-btn-ico{width:32px; height:32px; display:flex; align-items:center; justify-content:center;}
#wa-btn .wa-btn-ico svg{width:32px; height:32px;}
#wa-btn .wa-btn-x{display:none;}
#wa-float.wa-open #wa-btn{display:none !important;}
#wa-btn .wa-ping{display:none;}

#wa-panel{
  position:absolute; right:0; bottom:78px; width:380px; max-width:calc(100vw - 32px);
  height:600px; max-height:calc(100vh - 180px);
  background:var(--wa-panel); border-radius:22px; overflow:hidden;
  box-shadow:0 24px 60px rgba(0,0,0,.28), 0 4px 14px rgba(0,0,0,.14);
  display:flex; flex-direction:column;
  opacity:0; transform:translateY(14px) scale(.98); pointer-events:none;
  transition:opacity .2s ease, transform .2s ease;
}
#wa-float.wa-open #wa-panel{opacity:1; transform:translateY(0) scale(1); pointer-events:auto;}

#wa-head{
  background:linear-gradient(135deg,var(--wa-ink-2),var(--wa-ink));
  color:#fff; padding:14px 14px 14px 16px; display:flex; align-items:center; gap:12px;
  border-bottom:3px solid var(--wa-orange); flex:0 0 auto;
}
.wa-avatar{
  width:42px; height:42px; border-radius:50%; flex:0 0 auto;
  background:linear-gradient(135deg,var(--wa-orange-l),var(--wa-orange));
  display:flex; align-items:center; justify-content:center; font-size:22px;
  box-shadow:0 2px 8px rgba(255,106,19,.4);
}
.wa-head-brand{flex:1; min-width:0; line-height:1.25;}
.wa-head-brand strong{display:block; font-size:15.5px; font-weight:700;}
.wa-status{display:inline-flex; align-items:center; gap:6px; font-size:12px; color:#d8d4d0;}
.wa-status .wa-dot{width:8px; height:8px; border-radius:50%; background:#9aa0a6;}
.wa-status.is-open .wa-dot{background:var(--wa-green); box-shadow:0 0 0 0 rgba(37,211,102,.6); animation:wa-pulse 2s infinite;}
@keyframes wa-pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55);}70%{box-shadow:0 0 0 7px rgba(37,211,102,0);}100%{box-shadow:0 0 0 0 rgba(37,211,102,0);}}
.wa-head-actions{display:flex; align-items:center; gap:4px;}
.wa-head-actions a,.wa-head-actions button{
  width:34px; height:34px; border:0; background:rgba(255,255,255,.08); color:#fff; cursor:pointer;
  border-radius:50%; display:flex; align-items:center; justify-content:center; text-decoration:none;
  transition:background .15s ease; position:relative;
}
.wa-head-actions a:hover,.wa-head-actions button:hover{background:rgba(255,255,255,.2);}
#wa-close{font-size:22px; line-height:1;}
.wa-cart-badge{
  position:absolute; top:-4px; right:-4px; min-width:17px; height:17px; padding:0 4px;
  border-radius:9px; background:var(--wa-orange); color:#fff; font-size:10.5px; font-weight:700;
  display:flex; align-items:center; justify-content:center; border:2px solid var(--wa-ink-2); line-height:1;
}

#wa-msgs{
  flex:1 1 auto; min-height:0; overflow-y:auto; padding:16px 14px 6px; background:#FBFAF9;
  display:flex; flex-direction:column; gap:9px; scroll-behavior:smooth; -webkit-overflow-scrolling:touch;
}
#wa-msgs::-webkit-scrollbar{width:7px;}
#wa-msgs::-webkit-scrollbar-thumb{background:#dcd7d2; border-radius:8px;}
.wa-bubble{
  max-width:84%; padding:10px 13px; font-size:14.2px; line-height:1.5; border-radius:16px;
  word-wrap:break-word; white-space:normal; animation:wa-in .22s ease;
}
@keyframes wa-in{from{opacity:0; transform:translateY(6px);}to{opacity:1; transform:none;}}
.wa-bubble a{color:inherit; text-decoration:underline; font-weight:600;}
.wa-bot{align-self:flex-start; background:var(--wa-bot); color:var(--wa-bot-tx); border-bottom-left-radius:5px;}
.wa-user{align-self:flex-end; background:linear-gradient(135deg,var(--wa-orange-l),var(--wa-orange)); color:#fff; border-bottom-right-radius:5px;}
.wa-user a{color:#fff;}
.wa-bot a{color:var(--wa-orange-d);}
.wa-typing{align-self:flex-start; background:var(--wa-bot); border-bottom-left-radius:5px; padding:13px 15px; display:inline-flex; gap:4px;}
.wa-typing span{width:7px; height:7px; border-radius:50%; background:#b7b3ae; animation:wa-bounce 1.2s infinite;}
.wa-typing span:nth-child(2){animation-delay:.18s;} .wa-typing span:nth-child(3){animation-delay:.36s;}
@keyframes wa-bounce{0%,60%,100%{transform:translateY(0); opacity:.5;}30%{transform:translateY(-5px); opacity:1;}}

.wa-prods{display:flex; flex-direction:column; gap:8px; align-self:stretch; margin:2px 0 4px; animation:wa-in .22s ease;}
.wa-prod{
  display:flex; flex-direction:column; gap:8px; background:#fff; border:1px solid var(--wa-line);
  border-radius:14px; padding:8px; color:var(--wa-ink-2);
  transition:box-shadow .15s ease, transform .12s ease;
}
.wa-prod:hover{box-shadow:0 6px 16px rgba(0,0,0,.1); transform:translateY(-1px); border-color:var(--wa-orange-l);}
.wa-prod-link{display:flex; gap:10px; align-items:center; text-decoration:none; color:inherit;}
.wa-prod-add{
  display:block; width:100%; border:0; cursor:pointer; border-radius:10px;
  padding:8px 10px; font-size:12.5px; font-weight:700; color:#fff;
  background:linear-gradient(135deg,var(--wa-orange),var(--wa-orange-d));
  transition:filter .15s ease, opacity .15s ease;
}
.wa-prod-add:hover{filter:brightness(1.05);}
.wa-prod-add:disabled{cursor:default; opacity:.85;}
.wa-prod-img{
  width:58px; height:58px; flex:0 0 auto; border-radius:10px;
  background:#f0ece8 center/cover no-repeat;
}
.wa-prod-info{display:flex; flex-direction:column; gap:2px; min-width:0; flex:1;}
.wa-prod-tit{font-size:13px; font-weight:600; line-height:1.25; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.wa-prod-precio{font-size:13.5px; font-weight:700; color:var(--wa-orange-d);}
.wa-prod-ver{font-size:11.5px; font-weight:600; color:#8a8a8a;}

#wa-quick{display:flex; flex-wrap:wrap; gap:6px; padding:4px 14px 12px; background:#FBFAF9; flex:0 0 auto;}
#wa-quick:empty{display:none;}
.wa-quick-label{
  flex-basis:100%; width:100%; font-size:11px; font-weight:600; color:#a7a29c;
  margin:8px 0 1px 3px; letter-spacing:.2px;
}
.wa-quick-label:first-child{margin-top:2px;}
.wa-chip{
  border:1px solid var(--wa-orange); background:#fff; color:var(--wa-orange-d);
  padding:6px 11px; border-radius:16px; font-size:12px; font-weight:600; cursor:pointer;
  transition:all .15s ease; line-height:1.15; max-width:100%; white-space:normal;
  word-break:break-word; text-align:left;
}
.wa-chip:hover{background:var(--wa-orange); color:#fff;}
.wa-chip.wa-chip-wa{border-color:var(--wa-green); color:var(--wa-green-d);}
.wa-chip.wa-chip-wa:hover{background:var(--wa-green); color:#fff;}
.wa-chip.wa-chip-ghost{border-color:var(--wa-line); color:#6b6b6b;}
.wa-chip.wa-chip-ghost:hover{background:#efeae5; color:#333;}

#wa-form{
  display:flex; align-items:center; gap:8px; padding:10px 12px;
  border-top:1px solid var(--wa-line); background:#fff; flex:0 0 auto;
}
#wa-input{
  flex:1; border:0; background:var(--wa-bot); border-radius:22px; padding:11px 15px;
  font-size:16px; color:#201B18; outline:none; transition:box-shadow .15s ease;
}
#wa-input:focus{box-shadow:0 0 0 2px rgba(255,106,19,.35);}
#wa-input:disabled{opacity:.6;}
#wa-send{
  width:42px; height:42px; flex:0 0 auto; border:0; border-radius:50%; cursor:pointer; color:#fff;
  background:linear-gradient(135deg,var(--wa-orange-l),var(--wa-orange));
  display:flex; align-items:center; justify-content:center; transition:transform .15s ease, opacity .15s;
}
#wa-send:hover{transform:scale(1.07);}
#wa-send:disabled{opacity:.5; cursor:default; transform:none;}

.wa-foot{
  display:flex; align-items:center; justify-content:center; gap:14px;
  padding:8px 12px 10px; background:#fff; border-top:1px solid var(--wa-line); flex:0 0 auto;
}
.wa-foot a{color:#9a9691; display:flex; transition:color .15s ease;}
.wa-foot a:hover{color:var(--wa-orange);}
.wa-foot:empty{display:none;}

@media (max-width:480px){
  #wa-float{right:14px; bottom:74px;}
  #wa-panel{
    position:fixed; left:12px; right:12px; bottom:146px; top:auto;
    width:auto; max-width:none;
    height:calc(100vh - 166px);
    height:calc(100dvh - 166px);
    max-height:none; border-radius:20px;
  }
}