@import url('topo_rodape.css');
@import url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css');

body {background: rgb(0, 0, 0)}
* {overflow-x: hidden; margin:0; padding:0; list-style:none; vertical-align:baseline; color: #fff; font-smooth: always; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; image-rendering: smooth}

#zent {color: #fff}

/*

@font-face {
    font-family: 'PublicSans-Light';
    src: 
    url('../fonts/otf/PublicSans-Light.otf'),
    url('../fonts/ttf/PublicSans-Light.ttf') format('truetype'),
    url('../fonts/webfonts/PublicSans-Light.woff') format('woff'),
    url('../fonts/webfonts/PublicSans-Light.woff2') format('woff2'),
   
 }
 @font-face {
    font-family: 'PublicSans-Bold';
    src: 
    url('../fonts/otf/PublicSans-Bold.otf'),
    url('../fonts/ttf/PublicSans-Bold.ttf') format('truetype'),
    url('../fonts/webfonts/PublicSans-Bold.woff') format('woff'),
    url('../fonts/webfonts/PublicSans-Bold.woff2') format('woff2'),
   
 }

 @font-face {
    font-family: 'PublicSans-SemiBold';
    src: 
    url('../fonts/otf/PublicSans-SemiBold.otf'),
    url('../fonts/ttf/PublicSans-SemiBold.ttf') format('truetype'),
    url('../fonts/webfonts/PublicSans-SemiBold.woff') format('woff'),
    url('../fonts/webfonts/PublicSans-SemiBold.woff2') format('woff2'),
   
 }

 @font-face {
    font-family: 'Neue Montreal Regular';
    src: 
    url('../fonts/neue/NeueMontreal-Regular-162fbc77250fe34a7ce658149f11e4b3.woff') format('woff'),
    url('../fonts/neue/NeueMontreal-Regular-03e4146652022329ea7d0af620713e2a.woff2') format('woff2');
   
 }*/

 /* gilry 

 @font-face {
    font-family: 'GilroyRegular';
    src: 
    url('../fonts/gilroy/Gilroy-Regular.woff') format('woff');
 }

 @font-face {
    font-family: 'GilroyBold';
    src: 
    url('../fonts/gilroy/Gilroy-Bold.woff') format('woff');
 }

 @font-face {
    font-family: 'GilroyBoldItalic';
    src: 
    url('../fonts/gilroy/Gilroy-BoldItalic.woff') format('woff');
 }


 @font-face {
    font-family: 'GilroyHeavy';
    src: 
    url('../fonts/gilroy/Gilroy-Heavy.woff') format('woff');
 }
 @font-face {
    font-family: 'GilroyHeavyItalic';
    src: 
    url('../fonts/gilroy/Gilroy-HeavyItalic.woff') format('woff');
 }


 @font-face {
    font-family: 'GilroyBlackItalic';
    src: 
    url('../fonts/gilroy/Gilroy-BlackItalic.woff') format('woff');
 }
@font-face {
    font-family: 'CS';
    src: 
    url('../fonts/cs/CS-Book.woff2') format('woff');
 }
*/
 @font-face {
    font-family: 'GilroyMedium';
    src: 
    url('../fonts/gilroy/Gilroy-Medium.woff') format('woff');
 }


 @font-face {
    font-family: 'GraphicRegular';
    src: 
    url('../fonts/graphik/Graphik-Regular.woff') format('woff');
 }

 @font-face {
    font-family: 'GraphicWebMedium';
    src: 
    url('../fonts/graphik/Graphik-Medium.woff') format('woff');
 }

 
 

 /* bullet italico */
 @import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@1&display=swap');
 
/* titulos */
h1 {font-family: 'GilroyMedium', sans-serif; font-size: 26px; color: #ffffff; letter-spacing: 0px; font-weight: bold;}

h2 {font-family: 'GraphicWebMedium'; line-height: 100%; color: #ffffff; letter-spacing: -3px; font-weight: regular; text-transform: none; font-size: 70px; margin-top: -50px}
h3 {font-family: 'GraphicWebMedium', sans-serif; font-size: 60px; line-height: 60px; letter-spacing: -4px;}
h4 {font-family: 'GraphicWebMedium', sans-serif; font-size: 30px; line-height: 30px; letter-spacing: -1px; margin-left: 0px; color: rgb(255, 255, 255); clear: both; margin-bottom: 30px; padding-bottom: 10px; padding-top: 10px;}
h5 {font-family: 'GraphicWebMedium', sans-serif; font-size: 40px; line-height: 20px; letter-spacing: -2px; margin-left: 0px; color: #fff}

.number {font-family: 'GraphicRegular', sans-serif; font-size: 60px;}

.navbar {border-bottom: 0px solid #ffffff;}
.navbar * {padding: 0px; margin: 0px;}
.active-nav {border-bottom: 2px solid #ffffff;}
.nav-item .nav-link {color: #ffffff; font-family: 'GraphicWebMedium', sans-serif; font-size: 18px;} 
.nav-item .nav-link:hover {color: #ffffff; font-family: 'GraphicWebMedium', sans-serif; font-size: 18px; text-decoration: underline;} 
.navbar-brand {padding:0; margin: 0;}

.seta_voltar {background: url('../img/assets/arrow-left-r.svg') no-repeat left; padding-left: 33px; padding: 8px 0 5px 35px;}
.seta_voltar:link , .seta_voltar:visited , .seta_voltar:active {color: #ffffff; font-family: 'GraphicWebMedium', sans-serif; font-size: 18px; text-decoration: none;}
.seta_voltar:hover , .seta_voltar:visited:hover {color: #ffffff; font-family: 'GraphicWebMedium', sans-serif; font-size: 18px; text-decoration: underline;}








.gradient_cielo {background-color: #000;/*background: rgb(2,0,36);
    background: -moz-linear-gradient(169deg, rgba(2,0,36,1) 0%, rgba(21,95,207,1) 46%, rgba(242,243,244,1) 100%);
    background: -webkit-linear-gradient(169deg, rgba(2,0,36,1) 0%, rgba(21,95,207,1) 46%, rgba(242,243,244,1) 100%);
    background: linear-gradient(169deg, rgba(2,0,36,1) 0%, rgba(21,95,207,1) 46%, rgba(242,243,244,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#f2f3f4",GradientType=1);*/}

.breadcrumb {font-family: 'GraphicWebMedium', sans-serif; font-size: 16px; line-height: 16px; letter-spacing: 0px; margin-left: 0px; color: #fff; opacity: 1;}

.tabela-jobs {font-family: 'GraphicWebMedium', sans-serif; font-size: 16px; line-height: 25px; letter-spacing: 0px; margin-left: 0px; color: #fff;}
.tabela-title {width: 100px; vertical-align: center;}
.tabela-tr {border-bottom: 1px solid #fff; }
.tabela-tr-2b {border-bottom: 3px solid #fff; }
.tabela-tr td { white-space: nowrap;}
.tabela-top {border-top: 1px solid #fff 0.5;}

.texto-descritivo {font-family: 'GraphicRegular', sans-serif; font-size: 19px; letter-spacing: 0px; color: rgb(255, 255, 255); padding: 0;}
.texto-descritivo b , .texto-descritivo strong {color: rgb(255, 255, 255);}

strong {color: #fff;}

.texto-white {color: #fff;}
.texto-gray strong {font-family: 'GraphicRegular', sans-serif; font-size: 19px; letter-spacing: 0px; color: rgb(147, 147, 147) !important; width: 100%; clear: both;}


.font-23 {font-size: 23px; font-weight: bold;}


.borda-top {border-top: 1px solid rgb(109, 109, 109);}
.borda-bottom {border-bottom: 1px solid rgb(109, 109, 109);}

.title-proposta {font-size: 90px !important; line-height: 90px; letter-spacing: -5px;}

.selo-img {text-transform: uppercase; font-weight: bold; font-size: 12px;}
.selo-txt {text-transform: none; font-weight: bold; font-family: 'GraphicRegular', sans-serif; font-size: 19px; letter-spacing: 1px; padding: 0;}
.selo-txt li {margin-bottom: 10px;}


.lista-jobs {padding: 0px; margin: 0px;  width: 100%;}
.lista-jobs li {padding: 30px 0;  border-bottom: 1px solid; border-bottom-color:  rgb(107, 107, 107); line-height: normal;}
.lista-jobs li:last-child {border-bottom: 0px;}
.number-list {font-weight: bold; font-size: 50px;font-family: serif; background-color: #ffffff; width: 80px; height: 80px; text-align: center; border-radius: 100px; margin-right: 20px; color: #000; line-height: 80px; font-style: italic; margin-top: 17px;}

.lista-jobs .selo {font-family: 'GraphicRegular', sans-serif !important; font-size: 19px !important; letter-spacing: 0px !important; color: rgb(147, 147, 147) !important; width: 100% !important; clear: both !important; font-weight: bold !important;}

.lista-jobs li .number-list {float: left}
.lista-jobs li a {font-family: 'GraphicRegular', sans-serif; letter-spacing: -2px; font-size: 40px; color: #fff; text-decoration: none;}
.lista-jobs li a:link, .lista-jobs li a:visited { text-decoration: none;}
.lista-jobs li a:hover , .lista-jobs li a:visited:hover {
   background: linear-gradient(to left, #000000, #ffffff 100%);
   background-position: 0 100%;
   background-size: 100% 3px;
   background-repeat: repeat-x;
   }



.clear-both {clear: both;}


/* botao flutuante */

.float{
	position:fixed;
	bottom:40px;
	right:40px;
   background: url('../img/assets/chevron-up-r.svg') #fff no-repeat left center;
   background-position: left 7px center;
	color:#FFF;
	border-radius: 5px;
	text-align:center;
   font-family: sans-serif; font-size: 14px; letter-spacing: 2px;
   line-height: 18px;
   color: #000000;
   font-weight: none;
   text-transform: uppercase;
   text-decoration: none;
   padding: 10px 20px 10px 40px;
   box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}
.float:hover , .float:visited , .float:visited:hover{color:rgb(0, 0, 0) }






/* img e bordas */


.img-full {width: 100%;}
.img-radius {border-radius: 10px 10px 10px 10px; border-color: rgb(96, 96, 96) !important;}
.img-radius-selective-left {border-radius: 0 10px 10px 0;  border-color: rgb(96, 96, 96) !important;}
.img-radius-selective-right {border-radius: 10px 0px 0px 10px;  border-color: rgb(96, 96, 96) !important;}

@media only screen and (max-width: 1394px) { 
   .img-radius {border-radius: 10px !important; border-color: rgb(96, 96, 96) !important;}
   .img-radius-selective-left {border-radius: 10px !important;  border-color: rgb(96, 96, 96) !important;}
   .img-radius-selective-right {border-radius: 10px !important;  border-color: rgb(96, 96, 96) !important;}
}



/* link de download */
.link_dowload {background: url('../img/seta-preta.png') no-repeat center right 20px #fff;}
.link_dowload , .link_dowload:visited{font-family: 'GraphicRegular', sans-serif; font-size: 19px; letter-spacing: 0px; color: rgb(0, 0, 0); padding: 0; text-decoration: none; font-weight: bold; }
.link_dowload:hover , .link_dowload:visited:hover {text-decoration: underline; color:rgb(0, 0, 0)}


 
/**
<div class="row pt-5 pb-3">

    inicio de secao: <div class="row mt-5 pt-4 pb-3 g-0">

        **/




        .ico_lin {background: url('../source/icos/ico_in.svg') no-repeat right}
        .ico_be {background: url('../source/icos/ico_be.svg') no-repeat right}
        .ico_insta {background: url('../source/icos/ico_insta.svg') no-repeat right}



@media (max-width: 575.98px) 
{
   h2 {font-size: 45px; letter-spacing: -2px; line-height: 45px;}
   h3 {font-size: 45px; letter-spacing: -3px; line-height: 45px;}

   .lista-jobs li a {letter-spacing: -1px; font-size: 30px;}
   .title-proposta {font-size: 50px !important; line-height: 50px; letter-spacing: -3px;}
   
   .email {font-size: 17px !important; text-decoration: none; width: 100%}
}

@media (min-width: 576px) and (max-width: 767.98px) {
   h2 {font-size: 45px; letter-spacing: -2px; line-height: 45px;}
   h3 {font-size: 45px; letter-spacing: -3px; line-height: 45px;}

   .email {font-size: 23px !important; text-decoration: none; width: 100%}
}

@media (min-width: 768px) and (max-width: 991.98px) {
   h2 {}
   .email {text-decoration: none; width: 100%; display: block; margin-bottom: 10px}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
   h2 {}
   .email {font-size: 23px !important; text-decoration: none; width: 100%}
}   

@media (min-width: 1200px) 
   {
      h2 {}
   }