body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;

            margin: 0;
        }

        .slider-container {
            position: relative;
            width: 230px;
            height: 125px;
            overflow: hidden;
            border-radius: 10px; /* Bordas levemente arredondadas */
        }

        .slider-image {
            position: absolute;
            width: 100%;
            height: 100%;
            display: none; /* Esconde as imagens inicialmente */
        }

        .slider-image.active {
            display: block; /* Mostra a imagem ativa sem transição */
        }


/* Desativa o clique com o botão direito na imagem */
        img {
            user-select: none;
            -webkit-user-drag: none;
            vertical-align: middle; /* Alinha a imagem com o texto */
        }
        
        /* Desativa o clique com o botão direito no corpo da página */
        body {
            -webkit-user-select: none; /* Evita a seleção de texto em navegadores WebKit */
            -moz-user-select: none; /* Evita a seleção de texto em navegadores Firefox */
            -ms-user-select: none; /* Evita a seleção de texto em navegadores Internet Explorer/Edge */
            user-select: none; /* Evita a seleção de texto no restante dos navegadores */
        }

        /* Estiliza a tooltip (mensagem ao passar o mouse) */
        .tooltip {
            position: absolute;
            background-color: #333;
            color: #fff;
            padding: 5px;
            border-radius: 5px;
            font-size: 12px;
            display: none;
            z-index: 10;
        }

        /* Estilo do contêiner da imagem */
        .image-container {
            display: inline-block;
            position: relative;
            white-space: nowrap; /* Mantém o texto e a imagem em uma única linha */
        }

        /* Estilo específico para o "X" */
        .highlighted {
            margin-left: 5px; /* Adiciona espaço entre o texto "Provedor" e o "X" */
            vertical-align: middle; /* Alinha o "X" com a imagem */
        }