.header-home {
    position: relative;
    overflow: hidden;
}

.bg-home {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    filter: blur(10px);
    z-index: -1;
}

.bg-banner {
    background-color: #FFFFFF;
    z-index: 0 !important;
    border-radius: 0px 0px 20px 20px;
}

.img-banner-evento {
    border-radius: 0px 0px 20px 20px;
    border: 2px solid white !important;
    width: 1110px;
    max-height: 525px;
    background-size: cover;
}

.lista-nav-home-evento {
    display: flex;
    margin: 1%;
}

.item-nav-home-evento {
    color: #2f2f2f;
    font-size: 18px !important;
    margin-right: 1%;
    display: flex;
    cursor: pointer;
}

.header-info-geral {
    background: linear-gradient(to bottom, #efefef 280px, white 0%);
    margin-top: -4%;
}

.custom-div-titulo-info-geral {
    margin-top: 15%;
}

.custom-div-card {
    margin-top: 18%;
    margin-bottom: 20%;
}

.custom-titulo-info-geral {
    font-size: 3em;
}

.titulo-detalhes {
    font-size: 28px;
}

.btn-inscreva-se {
    font-size: 32px;
    border-radius: 32px;
    background-color: #51a800;
    width: 100%;
    font-family: 'lato', sans-serif;
}

.lato-bold {
    font-weight: bold;
    font-family: 'lato', sans-serif;
}

.lato {
    font-family: 'lato', sans-serif !important;
}

.font-blue-evento {
    color: #014085 !important;
}

.font-purple-evento {
    color: #88aee3;
}

.evento-size28 {
    font-size: 28px;
}

.line-height-1 {
    line-height: 1;
}

.line-height-1-meio {
    line-height: 1.5em;
}

.banner-mobile {
    display: none;
}

.descricao-completa {
    display: none;
}

.mostrar-mais {
    color: red;
    cursor: pointer;
}

.detalhes-evento {
    word-wrap: break-word;
}

.font-card {
    color: #2d7a88;
}

.nav-home-evento {
    z-index: 1000;
}

.fixed-menu {
    position: fixed;
    top: 0;
    z-index: 1000;
    background-color: #cccccc;
    border-radius: 0px 0px 20px 20px;
    max-width: 1115px;
    padding: 0.25rem !important;
    width: 100%;
}

.bloco-redes-sociais{
    display: block;
}

.custom-titulo-info-geral-mobile {
    display: none;
}

@media (min-width: 320px) and (max-width: 499px) {

    .header-info-geral {
        width: 100%;
        background: linear-gradient(to bottom, #efefef 0px, white 0%) !important;
        z-index: -1 !important;
        margin-top: 0 !important;
    }

    .sub-titulo-info-geral {
        display: none;
    }

    .custom-titulo-info-geral {
        display: none;
    }

    .custom-titulo-info-geral-mobile {
        display: block;
        font-size: 1.8em;
        color: #2f2f2f;
        margin-bottom: 1%;
    }

    .titulo-detalhes {
        font-size: 25px;
    }

    .header-home {
        position: relative;
        overflow: hidden;
    }

    .header-home::after {
        display: none;
    }

    .bg-banner {
        display: none;
    }

    .img-banner-evento {
        display: none;
    }

    .lista-nav-home-evento {
        display: none;
    }

    .item-nav-home-evento {
        display: none;
    }

    .banner-mobile {
        display: flex;
        margin-top: 18%;
    }

    .custom-div-card {
        margin-bottom: 20%;
    }

    .btn-inscreva-se {
        font-size: 28px;
        width: 80%;
    }

    .sem-inscricao {
        font-size: 21px;
    }

}

@media (min-width: 720px) and (max-width: 1200px) {

    .header-info-geral {
        width: 100%;
        background: linear-gradient(to bottom, #efefef 240px, white 0%);
        z-index: -1 !important;
        margin-top: -6% !important;
    }

    .sub-titulo-info-geral {
        font-size: 1.5em;
        color: #2f2f2f;
    }

    .custom-titulo-info-geral {
        font-size: 3em;
        color: #2f2f2f;
        margin-bottom: 1%;
    }

    .titulo-detalhes {
        font-size: 25px;
    }

    .item-nav-home-evento {
        font-size: 13px !important;
    }

    .custom-div-card {
        margin-bottom: 20%;
    }

    .custom-div-titulo-info-geral {
        margin-top: 19%;
    }

    .btn-inscreva-se {
        border-radius: 32px;
        background-color: #51a800;
        width: 100%;
        font-size: 22px !important;
    }

    .font-titulo-card-tablet {
        font-size: 19px !important;
    }

    .font-descricao-card-tablet {
        font-size: 16px !important;
    }

}