@media (min-width: 800px) {
    .banner {
        background-image: url('../img/banner.jpg');
        background-size: cover;
        background-position: center;
    }

}



.container{
    max-width: 600px !important;
    display: flex;
    justify-content: center;
    align-items: start;
    gap: 5px;;
    /* background-color: red; */
    
}

.container-select{
    width: 100% !important ;
    height: 320px;
    /* background-color: blue; */
}

.container-select-unidade{
    width: 100% !important ;
    margin-bottom: 15px;
}

.select-unidade,
.option-unidade {
    user-select: none;
    -webkit-user-select: none; /* Para Safari */
    -moz-user-select: none;    /* Para Firefox antigo */
    -ms-user-select: none;     /* Para IE/Edge antigo */
}

.select-unidade{
    font-size: 18px !important ;
    height: 70px !important ;
    width: 100% !important ;
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.1);
    display: flex !important;
    align-items: center !important;
    cursor: pointer;
}

.select-unidade:hover{
    box-shadow: 0 0 5px #007F31 !important ;
}




.option-unidade{
    font-size: 18px !important ;
    height: 50px !important ;
    display: flex !important;
    align-items: center !important;
    cursor: pointer;
    padding-left: 15px ;
    
}
.box-options{
    border: 1px solid #ccc ;
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.1);
    margin-top: -10px ;
    background-color: white ;
    z-index: 1000 ;
    transition: 0.3s ease-in-out ;
    overflow: hidden;
    margin-top: 0.5px ;
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.1);
}

.opt-show{
    transition: 0.3 ease-in-out ;
    height: 250px !important ;
    opacity: 1;
}

.opt-hide{
    height: 0 !important ;
    transition: 0.3 ease-in-out ;
    opacity: 0 ;
    overflow: hidden;
}

.option-unidade:hover {
    background-color: #f0f0f0 ;
}



.boxUnidade:hover {
    background-color: #007F31 !important;
    color: white !important;
    text-decoration: none;
    /* transition: all 0.3s ease-in-out; */
}


.t-unidade{
    text-align: center ;
    margin-bottom: 5px ;
    color: #333333 ;
}

.titulo-vestibular{
    text-align: center ;
    margin-bottom: 30px ;
    color: #007F31 ;
    font-weight: bold ;
}


.separador {
    display: flex;
    align-items: center;
    margin: 20px 0;
    /* border-bottom: 1px solid #ddd; */
}

.separador::before,
.separador::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #ddd;
}

.separador span {
    padding: 0 15px;
    color: #666;
    font-weight: 500;
}