.calendario-container {
        position: relative;
        display: inline-block;
        width: 48px;
        height: 48px;
    }

    .calendario-container[onclick=""] {
        opacity: 0.6;
    }
    .desafioE{
        cursor: pointer;
        color: green;
    }
    .desafioA, .desafioT, .desafio\?, .desafioM,.desafioP,.desafioR,.desafioX,.desafioY,.desafioF {
        cursor: default;
    }
    .desafioA {
        color: rgb(194, 2, 184);
    }

    .desafioT {
        color: orange;
    }

    .desafioM {
        color: purple;
    }

    .desafioP {
        color: blue;
    }

    .desafioP {
        color: darkblue;
    }

    .desafioR {
        color: darkred;
    }

    .desafioX {
        color: red;
    }

    .desafioY {
        color: gray;
    }

    .desafio\? {
        color: black;
    }

    .calendario-container img {
        width: 100%;
        height: auto;
        display: block;
    }

    .rodada-numero {
        position: absolute;
        top: 60%;
        left: 5%;
        transform: translateY(-50%);
        font-size: 18px;
        font-weight: bold;
        color: black;
    }

    .desafio-indicador {
        position: absolute;
        top: 35%;
        right: 10%;
        font-size: 12px;
        font-weight: bold;
    }

    .faixa-jogos {
        position: absolute;
        bottom: 5%;
        right: 10%;
        font-size: 12px;
        font-weight: bold;
        color: blue;
    }