/* Botón flotante de Chatbot - Imagen con fondo transparente */
.chatbot-button {
    position: fixed;
    bottom: 15px;              /* Distancia desde la parte inferior */
    left: 10px;                /* Distancia desde la izquierda */
    width: 80px;               /* Tamaño fijo del botón en pantallas grandes */
    height: auto;              /* Altura automática para mantener la proporción */
    z-index: 1000;             /* Asegura que esté sobre otros elementos */
    transition: transform 0.3s ease;  /* Animación al pasar el mouse */
}

.chatbot-button img {
    width: 180px;               /* Ajusta la imagen al 100% del contenedor */
    height: auto;              /* Mantiene la proporción de la imagen */
    object-fit: contain;       /* Ajuste de la imagen sin distorsión */
    display: block;            /* Evita espacio alrededor de la imagen */
}

/* Efecto de agrandado en hover */
.chatbot-button:hover {
    transform: scale(1.1);     /* Agrandar un poco al pasar el mouse */
}

/* Ajustes para dispositivos móviles */
@media (max-width: 768px) {
    .chatbot-button {
        width: 40px;           /* Tamaño más pequeño en móviles */
        bottom: 10px;          /* Ajuste de la distancia desde el borde inferior */
        left: 10px;            /* Ajuste de la distancia desde el borde izquierdo */
    }
}

@media (max-width: 480px) {
    .chatbot-button {
        width: 30px;           /* Tamaño aún más pequeño en pantallas pequeñas */
        bottom: 10px;          /* Más cerca del borde inferior */
        left: 05px;            /* Más cerca del borde izquierdo */
    }
}