.setorAulas{
    margin: 60px 0 0 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: linear-gradient(to bottom, var(--amarelo)280px, transparent 10%);
    
    
}


.cards{
    display: flex;    
    flex-direction: column;
    gap: 35px;
    align-items: center;
    justify-content: center;
    padding: 30px 0px 30px 0px;
    align-items: initial;
}
.cards .chamada{
    display: flex; 
    justify-content: center;  
    width: 100%;
    
    
}
.card_controle{
   display: flex;
   flex-wrap: wrap;
   gap: 70px;
}
.card{
    /* position: relative;
    bottom: 205px; */
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 96%;  
    box-shadow: 0px 9px 35px -21px var(--shadow);
    border-radius: 10px;
    padding-bottom: 20px;
    
}
.cardCrianca{
    background-image: url(../img/cardVerde.png);
    background-size: cover;
    background-repeat: no-repeat;
    margin: auto; 
}
.cardAdulto{
    background-image: url(../img/cardVermelho.png);
    background-size: cover;
    background-repeat: no-repeat;
    margin: auto; 
}
.cardCrossfit{
    background-image: url(../img/cardRoxo.png);
    background-size: cover;
    background-repeat: no-repeat;
    margin: auto; 
}

.card_img{
    display: flex;
    justify-content: center;
    width: 100%;
    height: 110px;    
    
    border-radius: 10px 10px 0 0;
}
.card img{
    position: relative;
    bottom: 36px;
    width: 168px;    
    height: 128px;
    
}
.card_content{
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    height: auto;  
    padding: 0 10px 0 10px; 
}
.card_content h3{
    font-weight: bold;
    line-height: 20px;
    font-size: 18px;
}
.card_content p{
    line-height: 20px;
    font-size: 16px;
    color: var(--cinza);
}
.card_action{
    padding: 0 8px 0 8px;
    margin-bottom: 10px;
}

.card_action a {    
    padding: 10px 10px 10px 0;    
    color:var(--azul-escuro);   
    text-transform: uppercase;
    text-decoration: none; 
    font-weight: bold;
    font-size: 14px;     
}

.setorAulasIlustrativo{
    display: block;
    
    width: 100%;
    height: 612px;
    margin-top: 30px;
    margin-bottom: 30px;    
    border-radius: 10px;   
    background: linear-gradient(90deg, rgba(39, 59, 122, 0), rgba(39, 59, 122, 0.9)), url(ginastaa1.png);      
    background-size: contain;      
    background-repeat: no-repeat;
    
}
@media(min-width: 375px){  

    .card{
        width: 320px;
    }
}

@media(min-width: 768px){  
    .setorAulas{
        margin: 60pxpx 0 0 0;
    }
    .cards .sessaoTitulo{
        color: black;
    }
    .card{
        height: 360px;
    }
    .card_controle {
        display: flex;
        flex-wrap: wrap;        
        gap: 30px;
    }
    .cardCrossfit {
        margin-top: 30px;
    }
}
@media(min-width: 912px){ 
    .card{
        width: 284px;
    }

    .cardCrossfit {
        margin-top: 0px;
    }
    .cardAdulto {
        margin-top: 50px;
    }
    .cardCrianca {
        margin-top: 0;
    }

}
@media(min-width: 1024px){ 
    .setorAulas{
        background: linear-gradient(to top, transparent 250px,var(--amarelo) 200px,var(--amarelo) 600px, transparent 400px);
        background-position: top;
        background-size: 951px 100%;
        background-repeat: no-repeat;

    }
    .card{
        width: 320px;
    }
    /* .cardCrossfit {
        margin-top: 0px;
    }
    .cardAdulto {
        margin-top: 50px;
    }
    .cardCrianca {
        margin-top: 0;
    } */
}