/* Electro3 Asistente — widget flotante */
#e3a-launcher{
  position:fixed;right:20px;bottom:84px;z-index:99990;width:58px;height:58px;border-radius:50%;
  border:none;background:linear-gradient(135deg,#0e6bc0,#063a5e);color:#fff;cursor:pointer;
  box-shadow:0 8px 24px rgba(3,35,55,.35);display:flex;align-items:center;justify-content:center;font-size:24px;
}
#e3a-launcher .e3a-badge{position:absolute;top:-2px;right:-2px;background:#e33;color:#fff;font-size:11px;
  min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;}
#e3a-panel{
  position:fixed;right:20px;bottom:154px;z-index:99991;width:360px;max-width:calc(100vw - 40px);height:540px;max-height:calc(100vh - 175px);
  background:#fff;border-radius:16px;box-shadow:0 18px 50px rgba(3,35,55,.3);display:flex;flex-direction:column;
  overflow:hidden;transform:translateY(20px);opacity:0;pointer-events:none;transition:.2s ease;
}
#e3a-panel.e3a-open{transform:none;opacity:1;pointer-events:auto;}
.e3a-head{background:linear-gradient(115deg,#032337,#063a5e 55%,#0e6bc0 130%);color:#fff;padding:14px 16px;display:flex;align-items:center;gap:10px;}
.e3a-ava{width:38px;height:38px;border-radius:50%;background:#ffd166;color:#032337;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0;}
.e3a-title{flex:1;line-height:1.2;}
.e3a-title div:first-child{font-weight:700;font-size:14.5px;}
.e3a-sub{font-size:11.5px;color:#cddbe6;}
.e3a-head button{background:rgba(255,255,255,.15);border:none;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:13px;flex-shrink:0;}
.e3a-head button:hover{background:rgba(255,255,255,.3);}
.e3a-chat{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:9px;background:#fafbfc;}
.e3a-row{display:flex;gap:8px;animation:e3afade .2s ease;}
.e3a-row.e3a-user{flex-direction:row-reverse;}
@keyframes e3afade{from{opacity:0;transform:translateY(5px);}to{opacity:1;transform:none;}}
.e3a-bub{max-width:82%;padding:9px 12px;border-radius:13px;font-size:13.5px;line-height:1.45;white-space:normal;word-wrap:break-word;}
.e3a-bot .e3a-bub{background:#eef2f7;border-bottom-left-radius:4px;color:#1a2530;}
.e3a-user .e3a-bub{background:#0e6bc0;color:#fff;border-bottom-right-radius:4px;}
.e3a-bub a{color:#0e6bc0;text-decoration:underline;}
.e3a-user .e3a-bub a{color:#fff;}
.e3a-prods{display:flex;flex-direction:column;gap:6px;margin-top:2px;}
.e3a-prod{display:flex;justify-content:space-between;gap:8px;padding:8px 11px;background:#fff;border:1px solid #e3e8ee;border-radius:9px;text-decoration:none;color:#1a2530;font-size:12.5px;}
.e3a-prod:hover{border-color:#0e6bc0;}
.e3a-prod b{color:#0e6bc0;white-space:nowrap;}
.e3a-quick{padding:9px 12px;display:flex;flex-wrap:wrap;gap:7px;border-top:1px solid #eef0f3;background:#fff;}
.e3a-qbtn{font-size:12px;padding:6px 11px;border-radius:16px;border:1px solid #0e6bc0;color:#0e6bc0;background:#fff;cursor:pointer;}
.e3a-qbtn:hover{background:#0e6bc0;color:#fff;}
.e3a-bar{display:flex;align-items:center;gap:7px;padding:9px 11px;border-top:1px solid #eef0f3;background:#fff;}
.e3a-bar input[type="text"]{flex:1;height:40px;border:1px solid #e3e8ee;border-radius:20px;padding:0 15px;font-size:13.5px;outline:none;color:#1a2530;background:#fff;}
.e3a-bar input[type="text"]:focus{border-color:#0e6bc0;}
#e3a-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;}
#e3a-mic,#e3a-send{width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;font-size:16px;flex-shrink:0;}
#e3a-mic{background:#eef4fb;color:#0e6bc0;}
#e3a-mic.e3a-rec{background:#e33;color:#fff;animation:e3apulse 1s infinite;}
#e3a-send{background:#0e6bc0;color:#fff;}
@keyframes e3apulse{50%{transform:scale(1.1);}}
@media (max-width:480px){
  #e3a-panel{right:10px;bottom:140px;max-height:calc(100vh - 170px);width:calc(100vw - 20px);}
  #e3a-launcher{right:12px;bottom:71px;}
}

/* indicador escribiendo */
.e3a-typing{display:inline-flex;gap:3px;align-items:center}
.e3a-typing span{width:6px;height:6px;border-radius:50%;background:#9aa7b4;animation:e3adot 1.2s infinite}
.e3a-typing span:nth-child(2){animation-delay:.2s}
.e3a-typing span:nth-child(3){animation-delay:.4s}
@keyframes e3adot{0%,60%,100%{opacity:.3}30%{opacity:1}}