/* Assistant Isapres360 v2 - botón pro, naranja, con logo y teaser */

/* compacta el launcher a círculo y oculta el texto */
#as360-launcher.as360-compact{
  padding:0; width:56px; height:56px; border-radius:50%;
  justify-content:center;
}
#as360-launcher.as360-compact .as360-text{ display:none }

/* botón cerrar en el header del panel */
.as360-close{
  margin-left:auto; background:none; border:none; color:#9ca3af;
  font-size:18px; line-height:1; cursor:pointer
}
.as360-close:hover{ color:#fff }

/* animación del monito (wobble) */
#as360-launcher .as360-logo { animation: as360Wobble 2.4s ease-in-out infinite; }
@keyframes as360Wobble {
  0% { transform: rotate(0deg) scale(1); }
  35% { transform: rotate(-5deg) scale(1.02); }
  70% { transform: rotate(5deg) scale(1.02); }
  100% { transform: rotate(0deg) scale(1); }
}




#as360-launcher{
  position:fixed; right:18px; bottom:18px;
  display:flex; align-items:center; gap:10px;
  padding:12px 16px; border-radius:9999px; border:none;
  background:linear-gradient(135deg,#fb923c,#f97316);
  color:#fff; font-weight:600; font-size:14px;
  box-shadow:0 14px 38px rgba(249,115,22,.35);
  cursor:pointer; z-index:9999;
  transition:transform .15s ease, box-shadow .15s ease, opacity .2s ease;
}
#as360-launcher:hover{ transform:translateY(-2px); box-shadow:0 18px 40px rgba(249,115,22,.5); }
#as360-launcher .as360-logo{
  width:24px; height:24px; border-radius:6px; background:#fff; display:flex; align-items:center; justify-content:center;
  overflow:hidden;
}
#as360-launcher .as360-logo img{ width:100%; height:100%; object-fit:contain; display:block; }
#as360-launcher .as360-text{ white-space:nowrap; }
#as360-launcher.as360-tease{ animation:as360Pulse 2.4s ease-in-out infinite; }
@keyframes as360Pulse {
  0%{ transform:scale(1); }
  50%{ transform:scale(1.03); }
  100%{ transform:scale(1); }
}

/* Panel chat */
#as360-panel{
  position:fixed; right:18px; bottom:86px; width:360px; max-height:70vh;
  display:none; flex-direction:column;
  background:#0b1220; border-radius:16px; overflow:hidden; z-index:9999;
  box-shadow:0 22px 60px rgba(0,0,0,.38); color:#e5e7eb;
  transform:translateY(20px); opacity:0; transition:transform .2s ease, opacity .2s ease;
}
#as360-panel.as360-open{ display:flex; transform:translateY(0); opacity:1; }
.as360-header{ padding:12px 14px; background:#111827; border-bottom:1px solid rgba(255,255,255,.06); display:flex; align-items:center; gap:10px }
.as360-avatar{ width:36px; height:36px; border-radius:50%; background:linear-gradient(135deg,#22d3ee,#3b82f6) }
.as360-title{ font-weight:600; font-size:14px; line-height:1.1 }
.as360-sub{ font-size:12px; color:#9ca3af }
.as360-body{ padding:12px; overflow:auto; display:flex; flex-direction:column; gap:10px }
.as360-msg{ max-width:85%; padding:10px 12px; border-radius:12px; font-size:14px; line-height:1.35; word-wrap:break-word }
.as360-bot{ background:#111827; border:1px solid rgba(255,255,255,.06) }
.as360-user{ background:#1f2937; color:#fff; margin-left:auto; border:1px solid rgba(255,255,255,.08) }
.as360-time{ font-size:11px; color:#9ca3af; margin-top:2px }
.as360-suggestions{ display:flex; flex-wrap:wrap; gap:8px }
.as360-chip{ font-size:12px; border:1px solid rgba(255,255,255,.16); color:#e5e7eb; border-radius:999px; padding:6px 10px; cursor:pointer }
.as360-chip:hover{ background:rgba(255,255,255,.06) }
.as360-footer{ padding:10px; border-top:1px solid rgba(255,255,255,.06); display:flex; gap:8px }
.as360-in{ flex:1; background:#0f172a; border:1px solid rgba(255,255,255,.1); border-radius:10px; padding:10px 12px; color:#e5e7eb; font-size:14px; outline:none }
.as360-btn{ background:#22c55e; border:none; border-radius:10px; padding:10px 12px; color:white; cursor:pointer }
.as360-btn:hover{ filter:brightness(1.05) }
.as360-link{ color:#93c5fd; text-decoration:underline; cursor:pointer }
.as360-sep{ height:1px; background:rgba(255,255,255,.06); margin:6px 0 }