@charset "UTF-8";



::-webkit-scrollbar {

    background: linear-gradient(365deg, darkblue 0%, darkblue 33%, darkblue 62%, darkblue 100%);

    width: 10px;

    height: 20px;

}



::-webkit-scrollbar-thumb {

    background: #00ffba;

}



::-webkit-scrollbar-thumb:active {

    background: #ffffff;

    border: 0;

}



::-webkit-scrollbar-corner {

    background: #ffffff;

}



body {



    margin: 0;

    padding: 0;

}



body h1,

h2,

h3,

h4,

h5,

h6 {



    font-family: 'DM Sans', sans-serif

}



body p,

a,

label,

footer {



    font-family: 'DM Sans', sans-serif

}



input {

    font-family: 'DM Sans', sans-serif

}



.voltar-ao-topo a {



    position: fixed;

    bottom: 30px;

    right: 30px;

    padding: 11px 5px;

    box-sizing: border-box;

    color: white;

    background: rgba(1, 2, 1, .3);

    width: 35px;

    height: 35px;

    text-align: center;

    text-decoration: none;

    border-radius: 50px;

    cursor: pointer;

}





#container:after,

.sessao-04-article:after {

    content: ' ';

    display: block;

    clear: both;

}



label[for="menu"] {

    padding: 5px;

    background-color: black;

    color: white;

    font-family: arial;

    text-align: center;

    font-size: 30px;

    cursor: pointer;

    width: 50px;

    height: 50px;

    position: absolute;

    top: 10px;

    left: 10px;

}



#menu {

    display: none;

}



#menu:checked ~ .elementos-de-lista {

    margin-left: 0;

    padding-bottom: 90px;

    background: black;

}



.elementos-de-lista {



    margin-left: -150%;

    transition: all .2s linear;

}





.logo_top img {



    width: 5em;

    position: absolute;

    right: 20px;

}



.top-nav {



    background: black;

    text-align: center;

    height: 80px;



}



.top-nav ul {



    list-style: none;

    display: block;

    padding: 0;

    margin: 0;

}



.top-nav ul li {

    background: black transparent;

    transition: all .2s linear;



}



.top-nav ul li:hover {

    border-radius: 5px;

}



.top-nav a {

    color: white;

    text-decoration: none;

    display: block;

    padding: .7em;

    transition: .5s linear;

}



.top-nav a:hover {

    color: #F24B13;

}



/*.header {



    text-align: center;

    background: #000000;

}



.header img {



    width: 4.8em;

    position: absolute;

    right: 20px;

    top: 10px;

}



label[for="menu"] {

    padding: 5px;

    background-color: transparent;

    color: white;

    font-family: arial;

    text-align: center;

    font-size: 30px;

    cursor: pointer;

    width: 50px;

    height: 50px;

    position: absolute;

    top: 10px;

    left: 10px;

}



#menu {

    display: none;

}



#menu:checked ~ .top-nav {



    margin-left: 0;

    margin-bottom: 0px;

}



.top-nav {

    width: 100%;

    margin-left: -150%;

    transition: all .4s linear;

    margin-bottom: -160px;

}



.top-nav ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



.top-nav a {

    color: white;

    text-decoration: none;

    padding: 1em;

    display: block;

    transition: .5s linear;

}



.top-nav a:hover {

    background: #050076;

}

*/





.span-redes-sociais {



    position: fixed;

    bottom: 40%;

    z-index: 2;



}





.span-redes-sociais img {



    width: 2em;

    transition: .2s linear;

    margin-top: .5em;

    filter: grayscale(100);

}



.span-redes-sociais img:hover {



    margin-left: .5em;

    filter: grayscale(0);

}





#container_trabalhe_conosco {



    display: inline-block;

    width: 100%;

    background: #e8e8e8;

}





#container_info_adicionais {



    display: inline-block;

    background-image: url(img/background_trabalhe_conosco_1920x652.png);

    background-repeat: no-repeat;

    background-size: cover;

    width: 100%;

    height: 170px;

}



.title_form_cadastro {

    text-align: center;

    font-size: 15pt;

    color: #ff8900;

}



#trabalhe_naW3 {



    display: inline-block;

    padding: 3% 8%;

    box-sizing: border-box;

    background: white;

}



#trabalhe_naW3 form label {



    display: inline-block;

    width: 100%;

    margin: 15px 0 5px 0;

    color: #898989;

    font-size: 9pt;

}



#trabalhe_naW3 form input {



    padding: 0;

    margin: 0;

    outline: none;

    border: 1px solid #ccc;

    padding: 10px 30px 10px 10px;

    box-sizing: border-box;

    width: 100%;

    transition: all ease-in .3s;

}



#trabalhe_naW3 form input:focus {



    border: 1px solid #555555;

}



#trabalhe_naW3 form textarea {



    padding: 0;

    margin: 0;

    outline: none;

    border: 1px solid #ccc;

    padding: 10px 30px 10px 10px;

    box-sizing: border-box;

    width: 100%;

    font-family: sans-serif;

    resize: none;

    height: 130px;

    transition: all ease-in .3s;

}



#trabalhe_naW3 form textarea:focus {



    border: 1px solid #555555;

}



#trabalhe_naW3 form button {



    padding: 0;

    margin: 0;

    border: none;

    width: 100%;

    margin-top: 10px;

    padding: 10px 0;

    background: #bf7d00;

    color: white;

    font-size: 13pt;

    border-radius: 5px;

    cursor: pointer;

    transition: all ease-in .3s;

    outline: none;

}



#trabalhe_naW3 form button:hover {



    background: #000000;

}





footer {

    text-align: center;

    color: white;

    background: #F24B13;

    padding: .5em;

}





@media screen and (min-width: 48.75em) {



    /*.header {



        text-align: center;

        scroll-snap-align: start;

    }



    .header img {



        width: 4em;

        position: absolute;

        left: 80px;

        top: 10px;



    }



    label[for="menu"] {

        display: none;



    }



    #menu {

        display: none;

    }



    .top-nav {

        margin-left: 0;

        margin-bottom: 0px;

        background: blue;

        height: 80px;

    }



    .top-nav ul {

        display: flex;

        position: absolute;

        right: 0;

    }



    .top-nav a {

        color: white;

        text-decoration: none;

        height: 80px;

        transition: .5s linear;

        padding: 0 15px;

        display: flex;

        align-items: center;

    }



    .top-nav a:hover {

        background: #050076;

    }*/



    label[for="menu"] {

        display: none;

    }



    label[for="menu"] {

        padding: 5px;

        background-color: black;

        color: white;

        font-family: arial;

        text-align: center;

        font-size: 30px;

        cursor: pointer;

        width: 50px;

        height: 50px;

        position: absolute;

        top: 10px;

        left: 10px

    }



    #menu {

        display: none;

    }



    #menu:checked ~ .elementos-de-lista {

        margin-left: 0;

        padding-bottom: 90px;

        background: black;

    }



    .elementos-de-lista {



        margin-left: -150%;

        transition: all .2s linear;

    }





    .logo_top img {



        width: 5em;

        position: absolute;

        left: 20px;

    }



    .top-nav {

        height: 90px;

        width: 100%;

    }



    .top-nav ul {



        list-style: none;

        display: flex;

        float: right;

        margin-top: 25px;

        margin-right: 20px;

    }



    .top-nav ul li {

        border-right: 1px solid #ccc;

    }



    .top-nav ul li:hover {

        background: #0a0a0a;

        border-radius: 5px;

    }



    .elementos-de-lista {



        margin-left: 0%;

        transition: all .2s linear;

    }





    .span-redes-sociais img {



        transition: .2s linear;

    }







    #container_info_adicionais {



        width: 100%;

        height: 250px;

    }

}





@media screen and (min-width: 74em) {



    .span-redes-sociais img {



        width: 2em;

        transition: .2s linear;

        filter: grayscale(0);

    }



    #container_trabalhe_conosco {



        display: flex;

    }



    #container_info_adicionais {



        width: 100%;

        height: 1290px;

        background-size: cover;

        background-image: url(img//background_trabalhe_conosco_1920x1920.png);

        background-attachment: scroll;

        background-position: center;

    }



    #trabalhe_naW3 {



        padding: 3% 8% 3% 3%;

        width: 80%;

    }







}