#asicon-chat-launcher {
  appearance: none;          /* elimina estilo nativo */
  -webkit-appearance: none;  /* Safari/Chrome */
  -moz-appearance: none;
  position: fixed; /* por si no lo tiene */

  width: 50px;
  height: 50px;

  min-width: 50px;
  max-width: 50px;

  border-radius: 50% !important;   /* 🔥 clave */
  aspect-ratio: 1 / 1;             /* 🔥 evita deformación */

  display: block;                  /* evita efectos raros */
  padding: 0;                      /* 🔥 elimina ovalado por padding */

  bottom: 10px;
  z-index: 2147483000;

  background-image: url('../../resources/images/bot/andy-regular.png');
  background-size: cover;          /* 🔥 mejor que 100% */
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgb(255, 255, 255);

  transition: all 0.2s ease;
}

/* 👇 Cambio de imagen al pasar el mouse */
#asicon-chat-launcher:hover,
#asicon-chat-launcher:active {
  background-image: url('../../resources/images/bot/andy-hover.png');
  box-shadow: 3px 3px 6px rgba(0,0,0,.28);
  transform: translateY(-1px);
}

/* Oculta cualquier SVG o ícono dentro del botón */
#asicon-chat-launcher > svg,
#asicon-chat-launcher svg,
#asicon-chat-launcher .icon,
#asicon-chat-launcher img {
  display: none !important;
}

/* Limpieza de pseudo-elementos */
#asicon-chat-launcher::before,
#asicon-chat-launcher::after {
  content: none !important;
  background: none !important;
}

/* ===============================
   1200px
=============================== */
@media (max-width: 1200px){

  #asicon-chat-launcher{
    width:48px;
    height:48px;
    min-width:48px;
    max-width:48px;
    font-size:24px;
    right:20px;
    bottom:10px;
  }
}

/* ===============================
   1100px
=============================== */
@media (max-width: 1100px){

  #asicon-chat-launcher{
    width:46px;
    height:46px;
    min-width:46px;
    max-width:46px;
    font-size:23px;
    right:18px;
    bottom:10px;
  }
}

/* ===============================
   900px (tablet)
=============================== */
@media (max-width: 900px){

  #asicon-chat-launcher{
    width:44px;
    height:44px;
    min-width:44px;
    max-width:44px;
    font-size:22px;
    right:16px;
    bottom:10px;
  }

  /* mejor UX táctil */
  #asicon-chat-launcher:active{
    transform: scale(0.95);
  }
}

/* ===============================
   600px (mobile)
=============================== */
@media (max-width: 600px){

  #asicon-chat-launcher{
    width:40px;
    height:40px;
    min-width:40px;
    max-width:40px;
    font-size:20px;
    right:12px;
    bottom:10px;

    box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
  }

  /* evitar hover raro en mobile */
  #asicon-chat-launcher:hover{
    transform:none;
  }
}