/* Añade aquí tu código CSS.

Por ejemplo:
.ejemplo {
    color: red;
}

Para mejorar tu conocimiento sobre CSS, echa un vistazo a https://www.w3schools.com/css/css_syntax.asp

Fin del comentario */ 

/* Agregar imagen de fondo al área del chat */
#tidio-chat iframe #tidio-chat-iframe #chat {
    background-image: url('https://tcpbolivia.bo/wp-content/uploads/2025/04/capibara2.png') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-blend-mode: overlay !important;
}

/* Oscurecer el fondo para mejor legibilidad */
#tidio-chat iframe #tidio-chat-iframe #chat::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(0, 0, 0, 0.3) !important;
    z-index: 0 !important;
}

/* Asegurar que los mensajes sean legibles */
#tidio-chat iframe #tidio-chat-iframe #chat .message, 
#tidio-chat iframe #tidio-chat-iframe #chat .message-content {
    position: relative !important;
    z-index: 1 !important;
}

.input-group {
	background: black !important;
}