/* Chat IA de la tienda (v2) · 28/10/2026 dev · 02/11/2026 producción + aviso de privacidad · prefijo eia- para no chocar con el tema.
   El botón va ENCIMA del de WhatsApp (.erv-wa); el JS lo recoloca según dónde esté ese botón. */
.eia-btn{position:fixed;right:20px;bottom:90px;z-index:9991;display:inline-flex;align-items:center;gap:8px;
  background:#1b3a2d;color:#fff;border:2px solid #e8f65c;border-radius:28px;padding:10px 16px 10px 12px;
  font-family:inherit;font-weight:600;font-size:14px;line-height:1.2;text-align:left;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.24)}
.eia-btn:hover,.eia-btn:focus-visible{background:#24503d;outline:none}
.eia-btn svg{flex:none;color:#e8f65c}
.eia-btn small{display:block;font-weight:400;font-size:11px;opacity:.85}

.eia-panel{position:fixed;right:20px;bottom:90px;z-index:9992;width:370px;max-width:calc(100vw - 24px);
  height:560px;max-height:calc(100vh - 110px);display:flex;flex-direction:column;background:#fff;color:#1a1910;
  border-radius:14px;overflow:hidden;box-shadow:0 14px 40px rgba(0,0,0,.30);font-family:inherit;font-size:14px}
.eia-panel[hidden]{display:none}
.eia-cab{background:#1b3a2d;color:#fff;padding:12px 44px 10px 14px;position:relative;border-bottom:3px solid #e8f65c}
.eia-cab b{display:block;font-size:15px}
.eia-cab p{margin:4px 0 0;font-size:11.5px;line-height:1.35;color:#d9e4dd}
.eia-cab p.eia-priv{margin-top:3px;font-size:10.5px;color:#b9c9be}
.eia-cab p.eia-priv a{color:#e8f65c;text-decoration:underline}
.eia-x{position:absolute;top:8px;right:8px;width:32px;height:32px;border:0;border-radius:50%;background:transparent;
  color:#fff;font-size:22px;line-height:1;cursor:pointer}
.eia-x:hover,.eia-x:focus-visible{background:rgba(255,255,255,.15);outline:none}
.eia-lista{flex:1;overflow-y:auto;padding:12px;background:#f5f3eb;display:flex;flex-direction:column;gap:8px}
.eia-m{max-width:86%;padding:8px 11px;border-radius:12px;line-height:1.45;white-space:normal;word-wrap:break-word;overflow-wrap:anywhere}
.eia-m.c{align-self:flex-end;background:#1b3a2d;color:#fff;border-bottom-right-radius:4px}
.eia-m.a{align-self:flex-start;background:#fff;border:1px solid #ddd9c9;border-bottom-left-radius:4px}
.eia-m.a a{color:#2c6e0f;text-decoration:underline}
.eia-m.e{font-style:italic;color:#7c7868;background:transparent;border:0}
.eia-pie{display:flex;gap:6px;padding:8px;border-top:1px solid #ddd9c9;background:#fff}
.eia-pie textarea{flex:1;resize:none;height:42px;max-height:110px;border:1px solid #c9c5b4;border-radius:8px;padding:9px 10px;
  font:inherit;font-size:14px;color:#1a1910}
.eia-pie textarea:focus{outline:2px solid #1b3a2d;outline-offset:-1px}
.eia-pie button{border:0;border-radius:8px;background:#e8f65c;color:#1b3a2d;font-weight:700;padding:0 14px;cursor:pointer;font-family:inherit}
.eia-pie button:disabled{opacity:.5;cursor:default}
.eia-cuenta{font-size:10.5px;color:#7c7868;text-align:right;padding:0 10px 6px;background:#fff}

@media (max-width:768px){
  .eia-btn{right:14px;padding:9px 13px 9px 10px;font-size:13px}
  .eia-panel{right:8px;left:8px;width:auto;max-width:none;bottom:8px;height:auto;top:60px;max-height:none}
}
@media print{.eia-btn,.eia-panel{display:none}}