        /* --- Estilos para el Chatbot Flotante --- */
        .chatbot-container {
            position: fixed;
            bottom: 20px;
            right: 20px;
            width: 350px; /* Ancho deseado del chatbot */
            height: 500px; /* Alto deseado del chatbot */
            background: white;
            border-radius: 15px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.3);
            overflow: hidden;
            display: none; /* Oculto por defecto */
            flex-direction: column; /* Para alinear el iframe y el header si hubiera */
            z-index: 1000; /* Asegura que esté por encima de otros elementos */
            transition: all 0.3s ease-in-out;
            transform: scale(0.8); /* Inicia un poco más pequeño para la animación */
            opacity: 0; /* Inicia transparente */
            transform-origin: bottom right; /* El origen de la transformación es la esquina inferior derecha */
        }
        .chatbot-container.active {
            display: flex; /* Mostrar cuando está activo */
            transform: scale(1); /* Escala a tamaño normal */
            opacity: 1; /* Se vuelve visible */
        }

        .chatbot-button {
            position: fixed;
            bottom: 20px;
            right: 20px;
            width: 60px;
            height: 60px;
            background-color: #4CAF50; /* Un color amigable para el botón */
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2em;
            cursor: pointer;
            box-shadow: 0 4px 10px rgba(0,0,0,0.25);
            z-index: 1001; /* Debe estar encima del contenedor del chatbot */
            transition: background-color 0.3s ease;
        }
        .chatbot-button:hover {
            background-color: #45a049;
        }

        /* Estilos para el iframe */
        .chatbot-iframe {
            width: 100%;
            height: 100%;
            border: none;
            overflow: hidden; /* Importante para que el iframe no tenga scrollbars propias si el contenido las genera */
        }