.elementor-2430 .elementor-element.elementor-element-dfe6f2a{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}#elementor-popup-modal-2430 .dialog-widget-content{background-color:#FFFFFF00;}#elementor-popup-modal-2430 .dialog-message{width:100vw;height:auto;}#elementor-popup-modal-2430{justify-content:center;align-items:flex-end;}/* Start custom CSS for html, class: .elementor-element-98f9b46 */.ai-chat-widget{
  position:fixed;
  right:20px;
  bottom:20px;

  display:flex;
  align-items:center;
  gap:10px;

  text-decoration:none;
  font-family: system-ui, sans-serif;

  z-index:9999;
}

/* Avatar */
.ai-chat-avatar{
  width:56px;
  height:56px;
  border-radius:50%;
  background-image:url('https://ruidoia.es/wp-content/uploads/2026/05/Chris_avatar-scaled-e1779684455304.png');
  background-size:cover;
  background-position:center;

  border:2px solid rgba(255,255,255,.2);

  box-shadow:
    0 0 0 1px rgba(255,255,255,.05),
    0 10px 30px rgba(0,0,0,.35);

  transition:.25s ease;
}

/* Bubble tipo glass */
.ai-chat-bubble{
  max-width:160px;

  padding:10px 12px;
  border-radius:14px;

  background: rgba(20,20,25,.75);
  backdrop-filter: blur(12px);

  border:1px solid rgba(255,255,255,.08);

  color:#fff;

  box-shadow: 0 10px 30px rgba(0,0,0,.35);

  transform: translateX(-5px);

  transition:.25s ease;
}

.ai-inferno-bubble strong{
  display:block;
  font-size:13px;
  margin-bottom:2px;
}

.ai-inferno-bubble span{
  font-size:12px;
  opacity:.75;
}

/* Hover efecto “neon suave” */
.ai-chat-widget:hover .ai-chat-avatar{
  transform: scale(1.06);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.1),
    0 0 25px rgba(120,80,255,.35),
    0 10px 30px rgba(0,0,0,.4);
}

.ai-chat-widget:hover .ai-chat-bubble{
  transform: translateX(0);
}

/* Mobile: más compacto */
@media (max-width: 600px){

  .ai-chat-widget{
    flex-direction:column;
    align-items:center;
    gap:0;
  }

  /* Ocultar texto */
  .ai-chat-bubble{
    display:none !important;
  }

  /* Avatar como botón principal */
  .ai-chat-avatar{
    width:56px;
    height:56px;

    box-shadow:
      0 10px 25px rgba(0,0,0,.35),
      0 0 0 1px rgba(255,255,255,.08);

    transition:.25s ease;
  }

  /* Punto online */
  .ai-chat-avatar::after{
    content:"";
    position:absolute;
    bottom:4px;
    right:4px;

    width:10px;
    height:10px;
    border-radius:50%;

    background:#4ade80;
    box-shadow:0 0 0 4px rgba(74,222,128,.15);

    animation:pulse 1.8s infinite;
  }

  @keyframes pulse{
    0%{ transform:scale(1); opacity:1; }
    70%{ transform:scale(1.8); opacity:0; }
    100%{ opacity:0; }
  }
}/* End custom CSS */