@import 'Global.css';

.section-perguntas{
    max-width: 90%;
    align-items: center;
    height: auto;
    
    margin: auto;
    padding: 10px;
    
    padding-bottom: 80px;
    padding: 80px;
    background-image: linear-gradient(to right,var(--light-red-glass),var(--light-pink-glass));
}


#linha-perguntas-01{
    top:0;
    width: 100%;
    margin: 0px;
    position: absolute;
    left: 0;
    margin-top: -5px;
    height: 2px;
    /* box-shadow: 1px 1px 1px rgb(197, 197, 197); */
}
#linha-perguntas-02{
    position: absolute;
    bottom:0;
    width: 100%;
    margin-bottom: -5px;
    left: 0;
    height: 2px;

    /* box-shadow: 1px 1px 1px rgb(204, 204, 204); */

}

.container-perguntas{
    background: linear-gradient(to right,var(--dark-pink-glass), var(--light-pink-glass), var(--dark-red-glass));
    border-radius: 6px;
    box-shadow: 4px 4px 4px gray;
    width: 1100px;
    height: fit-content;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    
}

#title-perguntas{
    display:block;
    margin-bottom: 80px;
    width: 100%;
    font-size: 3em;
}

.faq-container-out{
    height: auto;
    width: fit-content;

}

.faq-cotainer{
    width: fit-content;
    height: 650px;
    margin: auto;
    justify-content:center;
    display: flex;
    align-items: center;
    
    
}

.faq-item {
    background-color: rgba(255, 255, 255, 0.384);
    
    padding: 10px 10px;
    width: 1000px;
    margin: auto;
    height: fit-content;
    font-size: 1.6em;
    border-radius: 5px;
    font-family: var(--font-cursive-02);
    margin-bottom: 15px;
    font-weight: 300;
    position: relative; /* Adicionado */
}

.faq-item h4 {
    margin-left: 20px;
    
    display: flex; /* Adicionado */
    justify-content: space-between; /* Adicionado */
    align-items: center; /* Adicionado para centralizar verticalmente */
    color:rgba(0, 0, 0, 0.541) ;
}

.seta {
    display: inline-block; /* Adicionado */
}

.seta {
    float: right; /* Modificado */
    margin-right: 20px;
   
}





.faq-item :hover {
    cursor: pointer;
}

.faq-item .resposta {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease; 
}

.resposta p{
    font-family: var(--font-roboto);
    padding: 5px;
    font-size: 1em;
    color: rgb(0, 0, 0);
    margin-top: 20px;
    /* text-align: justify; */
}




@media screen and (max-width: 1068px){

   
    #title-perguntas{
    
    font-size: 1.7em;
    
    }

    .section-perguntas{
        height:fit-content;
        
        padding-bottom: 90px;
        padding-top: 100px;
    }

    
    .container-perguntas{
        width: 0px;
    }

 
    .faq-item{
        height: fit-content;
        width: 300px;
        font-size: 1.2em;
        margin-top: 20px;
        margin-bottom: 0px;
    }

    .resposta p{
        font-size:0.9em;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.719);
        text-align: center;
    }

    




}


@media screen and (max-width: 1368px) and (min-width:1068px){

    
    #title-perguntas{
    
        font-size: 2.2em;
        
    }
    
    .section-perguntas{
        height:fit-content;
        
        padding-bottom: 90px;
        padding-top: 100px;
    }

    
    .container-perguntas{
        width: 0px;
    }

    
    .faq-item{
        height: fit-content;
        width: 600px;
        font-size: 1.5em;
        margin-top: 20px;
        margin-bottom: 0px;
        
    }

    .resposta p{
        font-size:1em;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.39);
    }

    

}