@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kodchasan:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Khand:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap'); 

* {
    margin: 0;
    padding: 0;
    border: 0;
}
/*---------------------- MENU----------------------*/

header{  
    height:7vh;     
    background-color: #255B52;
    box-shadow: 0 -2px 6px rgba(0,0,0,.4);
    display:flex;
    justify-content: space-between; 
    padding: 0 5%;
}

.icon{    
    text-align: center;
    font-family: audiowide;
    font-size: 2.4rem;
    color:#04CA23;
    margin:auto 1px;
}

.menu_0800{
    display:flex;
    display:none;
}

.social_network{
    display:flex;
    margin:auto;
}

.pre_menu{   
    text-align:center;    
    justify-content: center;     
    display:flex;     
}

.text_menu, .text_menu_01 {    
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size:1.20rem;  
    margin:auto;
    padding:12px;          
}

.text_menu_01 {    
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size:1.20rem;  
    margin:auto;
    padding:12px;          
}

.text_sub_menu, .text_menu_01{
    font-family:Kodchasan;
    font-weight: 600;   
    border-radius: 6px;      
    color:#FFFFFF; 
    cursor:pointer;
    text-decoration: none; 
}

.text_menu:hover,.text_menu_01:hover {
    background-color: #0CF02F;
    color:#FFFFFF;
    border-radius: 6px;
    transition: 0.2s;
}

.text_menu_01{
    display:none;
}

@media screen and (width  < 800px) {

    .header{
    justify-content: space-evenly;
    height:7%;
    width:100vw;
    padding: 0  5%;
    }
    .icon{
        font-size: 2.4rem;
        margin:auto 1px;
    }
    .menu_0800{
        display:block;
        display:flex;
        
    }
    .pre_menu{
        display:none;
    }
    .text_menu_01{
        display:block;
        margin:auto;
       }
       .text_menu {    
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size:0.900rem;  
        margin:auto;
        display:none;
                    
    }
    .text_menu_01 { 
        display:block;
        color:white !important;  
        font-size:1.20rem;  
        margin:auto;
        color:white;
        padding:0;          
    }
    
    .text_menu_01{
        font-family:Kodchasan;
        font-weight: 600;   
        border-radius: 6px;      
        color:#FFFFFF; 
        cursor:pointer;
        text-decoration: none; 
    }
    
    .text_menu {
        position: relative;
        display: inline-block;    
    }
    
    .text_sub_menu {
        text-decoration: none;
        background-color: #04CA23;
        padding: 5px;
        display: block;
    }
    
    .dropdown {
        position: relative;
        display: inline-block;
        margin:auto 0;
        
    }
    
    .dropbtn {
        font-family: Kodchasan;
        font-weight: 600;
        font-size:1.20rem;
        border-radius: 6px;
        color: #FFFFFF;
        cursor: pointer;
        text-decoration: none;    
        padding: 5px;  
        margin-left:5px;  
        display: block;
    }
    
    .dropdown-content {
        display:flex;
        display: none;        
        position: absolute;
        color:white;
        gap:15px;        
        background-color: #255B52;
        padding:5px;
    }
    
    .dropdown-content a {
        margin:4px auto;
        color:white;
        font-family: Kodchasan;
        font-weight: 600;
        font-size:1rem;
        background-color: #255B52;
        padding:5px 8px 5px 5px;
        border-radius: 6px;
        text-decoration: none;
        display: block;
    }
    
    .dropdown-content a:hover {
        background-color: #04CA23;
    }
    
    .dropdown:hover .dropdown-content {
        display: block;
    }
    
    .dropdown:hover .dropbtn {
        background-color: #04CA23;
    }
        
}
        
@media screen and (width  < 500px) {
        .header{
            padding:0 5%;
            justify-content: space-between;
        }
        .icon{
            font-size: 1.8rem;
        }
       
    
        .text_sub_menu, .dropbtn{
            font-size: 1rem;
        }
    
}





/*---------------------- MENU----------------------*/
/*---------------------- MENU----------------------*/
/*---------------------- MENU----------------------*/
/*---------------------- MENU----------------------*/
/*---------------------- MENU----------------------*/
/*---------------------- MENU----------------------*/
/*---------------------- MENU----------------------*/
/*---------------------- MENU----------------------*/

.section_principal{
width: 100%;
height:95vh;
display:flex;
flex-direction: column;
}

.full_job{
    width:70%;
    height:100%;
    margin:20px auto 0;    
    display:flex;
    flex-direction: column;    
}

.head_job{
    display:flex;
    background-color: #f4f2ee;
}

.info_company_001{
  
    width:65%;
    display:flex;
    flex-direction: column;
}

.info_company_002{   
    font-family: "Lexend", sans-serif;
    width:35%; 
    display:flex;
    align-content: left;
    flex-direction: column;
}

.cp_full{
    display: flex;
    flex-direction: column;
    padding-top:5px;
}



.pc_description_contato{
    display:flex;
    font-weight: 400;
    gap:5%;
    font-size: 0.90rem;
}
.pc_pretitle{
    font-size: 0.85rem;
    font-weight: 700;
}

.advert_message
{
    margin:auto;
    font-family: lexend;
    font-size:0.9rem;
    background-color: #255B52;
    color:#04CA23;
    border-radius:2px;   
    padding:5px;   
    justify-content: flex-start;
    text-decoration: none;

}

.job_complete, 
.job_complete_01,
.job_mini_infos {
    display:flex;
    
}

.job_mini_infos{
 column-gap: 1%;
}

.job_title{   
    font-family: "Lexend", sans-serif;
    font-weight:700;
    padding:15px;
    font-size:1.2rem;
}

.job_head_footer{   
    padding:0 15px;
}


.job_title_description{
    font-family: "Lexend", sans-serif;    
    font-size:13px;
    margin:auto;
        
}


.job_full_description{
   width:100%;
   height:100%;
   margin-top:10px;
}

.job_description_text{
    font-size:1rem;
    font-family: "Lexend", sans-serif;
    background-color: #f4f2ee;
    font-weight: 400;    
    text-align: justify;
    word-break: keep-all;
    overflow-wrap: break-word;
    padding: 15px 15px 40px 15px;
    word-wrap: break-word; /* Quebra a palavra se necessário */
    overflow-wrap: break-word; /* Compatível com navegadores modernos */
    white-space: normal; /* Permite quebras de linha */

}
    


@media screen and (width  < 1330px) {
    .section_principal{
        padding-top: 0;
    }
 
    .full_job{
        width:95%;       
     }
    .job_mini_infos{
        flex-wrap: wrap;               
    }
    

    .job_title{
     font-size: 1.1rem;
    }
     .pc_pretitle{
        font-size: 0.92rem;
     }
    .pc_description{
        font-size: 14px;       
     }
   
    
    
    .info_company_001{
        width:65%;
    }


    .info_company_002{
        width:35%;
        display:flex;       
    }
    
    .cp_full{
         
        padding-left:10px;     
    }

   
}










@media screen and (width  < 1000px) {
    .full_job{
        width:95%;       
     }

     .head_job{
        width:100%;
        flex-direction: column;
    }
     .job_head_footer{   
        padding:0;      
    }

    .info_company_001, .info_company_002{
        width:100%;
    }

    .info_company_002{
        width:100%;
        display:flex;
        flex-direction: row;
    }
   
    .job_title_description{
        font-size: 0.80rem;
    }

    .job_mini_infos{
        padding-left:12px;
        justify-content: left;
    }

     .job_description_text{        
        font-size:0.88rem;
        font-weight: 300;
        overflow-x: auto; /* Habilita rolagem horizontal */
        white-space: nowrap; /* Impede quebras de linha */
     }

     .pc_description_contato{
        width:100%;
        display:flex;
        flex-direction: row;
     }
    
     .cp_full{
        display:flex;
        width:50%;
     }

   
 }

 
@media screen and (width  < 800px) {
    .info_company_002{
       
        flex-direction: column;
    }

    .cp_full{
        width:95%;
    }

    .job_description_text{        
        font-size:0.88rem;
        font-weight: 300;
        overflow-x: auto; /* Habilita rolagem horizontal */
        white-space: normal;    
     }

}

@media screen and (width  < 520px) {
    .advert_message{       
        font-size:  0.8rem;
    }

    

}