/* TOPO INTERNO */
/* .topo .menu-area nav.interno {
  justify-content: space-between;
}

.topo .menu-area .area-logo.interno {
  display: contents;
}

.topo .menu-area .area-logo.interno img {
  width: 350px;
} */
:root {
  --cor-primaria: #0967B1;
  --cor-secundaria: #AAD0EE;
  --cor-background: #F2F2F2;
  --cor-texto: #333333;
  --cor-branco: #ffffff;
  --cor-preto: #000000;
  --cor-input: #849698;
  --box-detalhe: #ADC2CE;
  --fonte-principal: "Inter", sans-serif;
}

.none {
  display: none;
}

@font-face {
  font-family: 'Cerebri sans';
  src: url('CerebriSansPro.otf') format('opentype'), url('CerebriSansPro.ttf') format('truetype');

}

.sombra-secao {
  position: absolute;
  width: 100%;
  /* width: 1200px; */
  height: 32px;
  bottom: -32px;
  right: 0;
  left: 0;
  margin: auto;
}

/* topo 1024 */

@media (max-width: 1024px) {
  .menu-area {
    background: transparent;
    border: none;
  }

  .topo .barra {
    background-color: var(--cor-primaria);

  }

  .topo .barra .hamburger {
    z-index: 2;
  }

  .topo {
    position: relative;
  }

  .menu-topo .center {
    width: 100% !important;
    padding: 0;
    bottom: unset;
  }

  .menu-topo .menu-area {

    position: absolute;
    top: 55px;
    width: 100%;
  }

  .menu-topo nav {
    display: none;
    /* left: -101%; */
    /* transition: 0.8s; */
    width: 100%;
    top: 32px;
    right: 0%;
    /* position: relative; */
    z-index: 2;
    /* background: #DE3E43; */
    background: var(--cor-primaria);
    box-sizing: border-box;
    position: absolute;

  }

  .menu-area::before {
    content: none;
  }

  .menu-links {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 0px;
  }

  .menu-topo nav ul {
    flex-direction: column;
    margin-bottom: 40px;
    width: 100%;
    height: auto;
    align-items: start;
    /* margin-left: 50px; */
    align-items: center;
    margin: auto;
  }

  .menu-topo nav ul a {
    color: #ffffff;
    height: 60px;
    text-decoration: none;
  }

  .menu-topo .botao-download a {
    color: var(--cor-texto);
  }

  .menu-topo nav ul li {
    position: relative;
  }

  .menu-topo nav ul li.active a {
    font-weight: 600;
    color: var(--cor-terciaria);
  }

  .menu-topo nav ul li {
    padding: 20px;
    margin-right: 0 !important;
  }

  .menu-mobile-ativador {
    display: flex;
    justify-content: space-between;
    /* justify-content: flex-end; */
    padding: 20px 40px;
    align-items: center;
    background-color: var(--cor-primaria);
  }


  .menu-mobile-ativador img {
    max-width:80%;
  }

  .mostrar-menu {
    display: block !important;
    /* left: 0% !important; */

  }

  .topo img.sombra {
    display: none;
  }

  .topo nav ul li a::after,
  .topo nav ul li a::before {
    display: none;
  }

  .topo nav ul li a:hover:after,
  .topo nav ul li a:hover::before {
    animation: none;
  }

  /*Hamburger menu*/


  .hamburger .line {
    width: 40px;
    height: 4px;
    background-color: var(--cor-background);
    display: block;
    margin: 8px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }

  .hamburger:hover {
    cursor: pointer;
  }


  #hamburger-1.is-active .line:nth-child(2) {
    opacity: 0;
  }

  #hamburger-1.is-active .line:nth-child(1) {
    -webkit-transform: translateY(13px) rotate(45deg);
    -ms-transform: translateY(13px) rotate(45deg);
    -o-transform: translateY(13px) rotate(45deg);
    transform: translateY(11px) rotate(45deg);
  }

  #hamburger-1.is-active .line:nth-child(3) {
    -webkit-transform: translateY(-13px) rotate(-45deg);
    -ms-transform: translateY(-13px) rotate(-45deg);
    -o-transform: translateY(-13px) rotate(-45deg);
    transform: translateY(-14px) rotate(-45deg);
  }

  .menu-topo nav ul li.active:first-child,
  .menu-topo nav ul li:hover:first-child {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }

  .menu-topo nav ul li.active:last-child,
  .menu-topo nav ul li:hover:last-child {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .menu-topo nav ul li a {
    color: #ffffff;
    font-size: 1.563em;
  }

  img.logo-menu {
    display: none;
  }

  .menu-topo .menu-area li.dropdown {
    background-position-x: right !important;
    width: auto !important;
    justify-content: center;
    background-position-y: 35px !important;
    padding: 20px;
  }


  .menu-topo .menu-area li.dropdown.re:active .conteudo-drop {
    width: 100px;
  }

  .menu-topo .menu-mobile {
    position: absolute;
    top: 85px;
    width: 100%;
  }

  .menu-mobile .seta {
    position: relative;
    top: -4px;
  }

  .menu-mobile .cont {
    display: none;
    justify-content: center;
    align-self: center;
    flex-direction: column;
    background: #44b06480;
    width: 700px;
    padding-top: 30px;
  }
}

/* @media(max-width:430px) {
  .menu-mobile-ativador img {
    width: 115px;
  }
} */

/* politica privacidade */
#politica_privacidade {
  background-color: var(--cor-branco);
}

.cima {
  background-color: var(--cor-primaria);
}

#politica_privacidade .cima .titulo h1 {
  font-size: 2.5em;
  color: var(--cor-branco);
  font-weight: 500;
  font-family: var(--fonte-principal);
}

#politica_privacidade .texto {
  color: var(--cor-texto);
  font-size: 15px;
  font-weight: 400;
  font-family: var(--fonte-principal);
  text-align: justify;
}

#politica_privacidade .texto h1 {
  color: var(--cor-primaria);

}

@media (max-width:1024px) {
  #politica_privacidade {
    margin-top: -98px;
  }
}

@media (max-width:430px) {
  #politica_privacidade .cima .titulo h1 {
    font-size: 1.5em;
    text-align: center;
  }
}




/*=========== SERVIÇOS ===========*/

#servicos {
  background-color: var(--cor-branco);
  font-family: var(--fonte-principal);
}

.conteudo {
  background-color: var(--cor-primaria);
}

/* .area-par{
  background-color:#0967B1;
}

.area-impar{
  background-color:red;
} */

#servicos .area-um-servicos h1 {
  color: var(--cor-branco);
  font-weight: 500;
  font-size: 2.5em;
  /* width:68%; */
  margin-bottom: 20px;
}



#servicos .area-um-servicos .texto p {
  margin-top: 5px;
  font-weight: 300;
  font-size: 1em;
  color: var(--cor-branco);
  letter-spacing: 0.0375em;
}


#servicos .area-dois-servicos {
  padding-top: 64px;
  padding-bottom: 64px;
}

.area-dois-servicos h1 {
  font-size: 2.5em;
  
   /* font-size:2.25em; */
  color: var(--cor-primaria);
  margin-bottom: 20px;
  font-weight: 600;
  font-family: var(--fonte-principal);
}

.conteudo-impar, .conteudo-par {
  width: 100%;
  display: flex;
  padding: 15px;
}

.conteudo-par-tecnologias{
  padding-bottom:40px;
}


.saiba-mais-servicos {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 240px;
  height: 50px;
  background-color: transparent;
  border: 2px solid var(--cor-primaria);
  border-radius: 4px;
  cursor: pointer;
  transition: 0.4s;
  font-weight: 400;
}

.saiba-mais-servicos:hover {
  background-color: rgba(6, 84, 145, 1);
  transform: scale(1.01);
}

.area-btn a {
  color: #333333;
  font-family: var(--fonte-principal);
  font-size: 1.125em;
}

.area-btn:hover a {
  color: var(--cor-branco);
}


.area-btn-par a {
  color: #333333;
  font-family: var(--fonte-principal);
  font-size: 1.125em;
}

.area-btn-par:hover a {
  color: var(--cor-branco);
}


/* ESTILOS ÁREA IMPAR */

/* .area-texto-impar {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  
}


.coluna-saiba-mais {
  width: 90%;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.area-btn {
  display: flex;
  justify-content: end;
} */


.area-texto-impar {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 50%;
  max-height: 395px;
  /* padding: 0px 0px 40px 0px; */
}

.coluna-saiba-mais {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 90%;
  height: 325px;
}

.area-btn {
  margin-top: auto;
  display: flex;
  justify-content: end;
  margin-right: 15px;
  margin-bottom: 50px;

}


.previa-impar {
  width: 100%;
}

.area-imagem-impar {
  width: 50%;
  position: relative;
  padding-left: 20px;
  /* display:flex;
  justify-content: flex-start; */
}

.area-texto-impar p {
  color: var(--cor-texto);
  font-size: 1em;
  font-family: var(--fonte-principal);
  font-weight: 500;
  /* width: 85%; */
}

.area-imagem-impar img {
  position: relative;
  z-index: 3;
}

.area-imagem-impar .imagem-impar {
  border-bottom: 12px solid #ffff;
  border-right: 14px solid #ffff;
}

.area-imagem-impar .borda-impar {
  background-color: var(--cor-primaria);
  width: 568px;
  height: 300px;
  position: absolute;
  z-index: 0;
  top: 25.9%;
  right: 5.3%;
  /* top: 25.9%;
  right: 3.7%; */
  object-fit: cover;
}


/* ESTILO ÁREA PAR */

.area-texto-par {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 50%;
  max-height: 395px;
  /* padding: 0px 0px 40px 0px; */
}


/* .area-texto-par {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
} */


.area-texto-par p {
  color: var(--cor-texto);
  font-size: 1em;
  font-family: var(--fonte-principal);
  font-weight: 500;
  /* width: 90%; */
}


.area-imagem-par {
  width: 50%;
  position: relative;
  padding-left: 20px;
  /* display:flex;
  justify-content: center; */
}

.area-par {
  margin-top: 100px;
  margin-bottom: 100px;
}

.previa-par {
  width: 100%;
}

.area-imagem-par .imagem-par {
  border-bottom: 12px solid #ffff;
  border-left: 12px solid #ffff;
}

.area-imagem-par img {
  position: relative;
  z-index: 3;
}

/* .fancybox{
  position: absolute;
  z-index:1;
} */

.area-imagem-par .borda-par {
  background-color: var(--cor-primaria);
  width: 568px;
  height: 300px;
  position: absolute;
  z-index: 0;
  top: 25.9%;
  right: 13%;
  /* right: 12%; */
  object-fit: cover;
}

.sombra-par {
  position: absolute;
  max-width: 100%;
  left: 46%;
  bottom: -10%;
  transform: translateX(-50%);
  height: 34px;
}

.area-btn-par {
  margin-top: auto;
  display: flex;
  justify-content: flex-end;
  margin-right: 50px;
  margin-bottom: 20px;
}

.imagem-responsivo-impar {
  display: none;
}

.imagem-responsivo-par {
  display: none;

}




@media (min-width:1360px) and (max-width:1439px) {
  .area-imagem-impar .borda-impar {
    right: 2.3%;
  }

  .area-imagem-par .borda-par {
    right: 10.9%;

  }
}


@media (min-width:1440px) and (max-width:2560px) {
  .area-imagem-impar .borda-impar {
    /* top: 25.9%; */
    top: 26.5%;
    /* right:-1.3%; */
    right: 4.2%;
  }

  .area-imagem-par .borda-par {
    top: 25.9%;
    right: 11.9%;
  }

  .sombra-par {
    left: 48%;
  }
}


@media(max-width:1024px) {


  .conteudo-impar {
    flex-direction: column;
    align-items: center;
  }

  .area-texto-impar {
    width: 100%;
  }

  .area-btn-par, .area-btn {
    justify-content: center;
    margin-right: 0px;
  }

  .area-btn-par {
    margin-bottom: 50px;
  }

  .area-imagem-impar, .area-imagem-par {
    width: auto;
    padding-left: 0px;
  }

  .area-imagem-impar .borda-impar {
    left: 7.3%;
  }

  .area-imagem-par .borda-par {
    right: 6.8%;
  }

  .sombra {
    left: 54%;
  }

  .coluna-saiba-mais {
    gap: 30px;
    height: auto;
  }

  .area-texto-par {
    width: 100%;
  }

  .conteudo-par {
    flex-direction: column-reverse;
    align-items: center;

  }

}

@media (max-width:768px) {

  .conteudo {
    margin-top: -95px;
  }

  .imagem-responsivo-par, .imagem-responsivo-impar {
    display: flex;
    justify-content: center;
  }

  .area-texto-impar, .area-texto-par {
    max-height: none;
}

  .area-imagem-par, .area-imagem-impar {
    display: none;
  }


  /* .area-imagem-impar, .area-imagem-par {
    width: 100%;
    display: flex;
    justify-content: center;
  } */

  .area-btn {
    margin-bottom: 30px;
  }

  .coluna-saiba-mais {
    width: 100%;
    height: auto;
  }

  .area-btn-par {
    margin-right: 0px;
    margin-bottom: 30px;
  }

  .borda-impar, .borda-par {
    display: none;
  }

  .area-imagem-impar .imagem-impar {
    border-bottom: 0px solid #ffff;
    border-right: 0px solid #ffff;
  }

  .area-imagem-par .imagem-par {
    border-bottom: 0px solid #ffff;
    border-left: 0px solid #ffff;
  }

  .sombra, .sombra-par {
    position: absolute;
    max-width: 100%;
    left: 50%;
    bottom: -8%;
    transform: translateX(-50%);
    height: 33px;
  }

}

@media (max-width:440px) {

  #servicos .area-um-servicos h1 {
    font-size: 2em;
  }


  .imagem-responsivo-par img, .imagem-responsivo-impar img {
    width: 390px;
  }

  .sombra, .sombra-par {
    display: none;
  }

  .conteudo-impar, .conteudo-par {
    padding: 0px;
  }

  .conteudo-par, .conteudo-impar {
    gap: 30px;
  }

  .coluna-saiba-mais {
    width: 100%;
  }


  img.imagem-impar {
    width: 390px;
  }

  img.imagem-par {
    width: 390px;
  }

  .area-dois-servicos h1 {
    font-size: 2em;
  }

  .area-texto-impar p {
    width: 100%;
  }

  .area-texto-par p {
    width: 100%;
  }

  .area-btn, .area-btn-par {
    display: flex;
    justify-content: center;
    margin-right: 0px;
    margin-bottom: 0px;
  }
}

@media(max-width:375px) {
  .imagem-responsivo-par img, .imagem-responsivo-impar img {
    width: 350px;
  }

}

@media(max-width:320px) {

  .imagem-responsivo-par img, .imagem-responsivo-impar img {
    width: 290px;
  }

}


/*=========== PÁGINA INTERNA SERVIÇOS ===========*/

#servicos-interno {
  background-color: var(--cor-branco);
  font-family: var(--fonte-principal);
}

#servicos-interno .titulo h1 {
  font-size: 2.5em;
  color: var(--cor-branco);
  font-weight: 600;
  margin-bottom: 20px;
}

#servicos-interno .texto {
  width: 96%;
}

#servicos-interno .texto p {
  margin-top: 5px;
  font-weight: 300;
  font-size: 1em;
  color: var(--cor-branco);
}

#servicos-interno .conteudo {
  background-color: var(--cor-primaria);
}

.area-dois-servicos-interno {
  padding-top: 64px;
  padding-bottom: 64px;
}

.area-dois-servicos-interno {
  display: inline-table;
  width: 100%;
}

.sombra-contato {
  position: absolute;
  max-width: 100%;
  bottom: 8.2%;
  left: 3%;
  height: 34px;
}

.sombra-parallax {
  position: absolute;
  max-width: 100%;
  bottom: 4.8%;
  left: 50%;
  height: 34px;
}

.texto-interno h3 {
  color: var(--cor-primaria);
  font-size: 2.188em;
  font-weight: 600;
  font-family: var(--fonte-principal);
  padding-bottom: 20px;
  padding-top: 20px;

}

.texto-interno p {
  font-family: var(--fonte-principal);
  color: var(--cor-texto);
  font-size: 1em;
}

.area-dois-servicos-interno .area-dois-imagem {
  display: table;
  float: right;
  margin: 0 -20px 36px 30px;
  width: 50%;
  position: relative;
  z-index: 3;
}



.area-dois-imagem img.imagem-interna-servicos {
  width: 550px;
  height: 354px;
  border-bottom: 12px solid #ffff;
  border-right: 10px solid #ffff;
}


.area-dois-imagem img {
  position: relative;
  z-index: 3;
}



.texto-interno img {
  max-width: 1000px;
}

.area-dois-imagem .borda-servicos {
  background-color: var(--cor-primaria);
  width: 550px;
  height: 280px;
  position: absolute;
  z-index: 1;
  top: 25.8%;
  right: 10.8%;
  object-fit: cover;
}


.sombra-servicos {
  position: absolute;
  max-width: 100%;
  left: 46%;
  bottom: -10%;
  transform: translateX(-50%);
  height: 32px;
}

/* .area-contato {
  width: 100%;
  display: flex;
  margin-bottom: 90px;
} */


.area-contato {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  /* height: 100vh; */
  height: 67vh;
  position: relative;
  padding-bottom: 64px;
}


.conteudo-contato {
  /* width: 44%;
  width:40% */
  width: 43%;
  background-color: var(--cor-primaria);
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 30px;
  position: relative;
  z-index: 4;
  align-items: flex-end;
  padding-right: 50px;
  padding-bottom: 30px;
  height: auto;
  /* height: 66vh;
   */
  /* height: 80vh; */
  top: 6px;
  /* top:-6%; */
}

.conteudo-contato p {
  font-family: var(--fonte-principal);
  color: var(--cor-branco);
  font-weight: 600;
  font-size: 1.875em;
  margin-top: 30px;

}

#form-contato input {
  width: 361px;
  height: 50px;
  padding-left: 30px;
  padding-left: 16px;
  padding-right: 15px;
  margin-bottom: 30px;
  border: none;
  font-family: var(--fonte-principal);
  font-size: 1em !important;
  border-radius: 4px;
  border: 2px solid #80B7DC;
}

.input-container .icon {
  position: absolute;
  left: 12px;
  top: 36%;
  transform: translateY(-50%);
  pointer-events: none;
}

.input-container {
  position: relative;
  display: inline-block;
}


#form-contato select {
  width: 396px;
  height: 50px;
  padding-left: 30px;
  padding-left: 16px;
  padding-right: 15px;
  margin-bottom: 30px;
  border: none;
  font-family: var(--fonte-principal);
  font-size: 1em !important;
  border-radius: 4px;
  border: 2px solid #80B7DC;
}

#form-contato input:focus, #form-contato select:focus {
  box-shadow: rgb(255, 255, 255, 0.5) 0px 2px 8px 0px;
}

#cidadeNome {
  color: rgb(93, 111, 176, 0.5);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../img/flecha.png) no-repeat center;
  background-color: var(--cor-branco);
  background-position-x: 95%;
}

#cidadesPorNome {
  position: absolute;
  top: 46px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  background-color: var(--cor-branco);
  margin: 5px 0;
  box-shadow: rgb(255, 255, 255, 0.5) 0px 2px 8px 0px;
  border-radius: 3px;
  z-index: 999;
}

#cidadesPorNome option {
  padding: 5px 0px 5px 10px;
  font-family: var(--fonte-principal);
  color: rgb(93, 110, 176, 0.5);
  font-size: 1em;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

#cidadesPorNome option:hover {
  background-color: #F2F2F2;
}

#form-contato input::placeholder {
  color: rgb(93, 111, 176, 0.5);
}

#segmento {
  color: rgb(93, 111, 176, 0.5);
  -webkit-appearance: none;
  /* Esconde a seta padrão no Safari e Chrome */
  -moz-appearance: none;
  /* Esconde a seta padrão no Firefox */
  appearance: none;
  background: url('../img/flecha.png') no-repeat center;
  background-color: var(--cor-branco);
  background-position-x: 95%;
}

.captcha-area {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.btn_enviar {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: 2px solid #FFFFFF;
  width: 240px;
  height: 50px;
  /* margin-bottom: 30px; */
  border-radius: 6px;
  transition: all 0.8s ease;
  font-family: var(--fonte-principal);
  font-size: 1.125em;
  font-weight: normal;
  color: var(--cor-branco);

}

.btn_enviar:hover {
  background-color: var(--cor-branco);
  color: var(--cor-primaria);
  cursor: pointer;
  box-sizing: border-box;
  border: transparent;
}

.area-parallax {
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  /* width:69%; */
  width: 60%;
  /* height: 90vh; */
  height: 62vh;
  position: absolute;
  /* top:114px; */
  top: 33px;
  left: 40%;
  z-index: 1;
}

.texto-parallax {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  top: 73%;
  /* top: 67%; */
  left: 44%;
  transform: translate(-50%, -50%);
  background-color: rgb(9, 103, 177, 0.8);
  /* padding: 40px 80px 40px 80px; */
  width: 664px;
  height: 225px;
  padding: 20px;
  /* width: 55%;
  height: 225px; */
  /* text-align: center; */
}

.texto-parallax p {
  font-family: var(--fonte-principal);
  font-size: 1.5em;
  color: #fff;
  width: 80%;
  font-weight: normal;
}

.texto-interno img{
  display:flex;
  margin:auto;
}



@media (min-width:1330px) and (max-width:1439px) {
  .area-dois-imagem .borda-servicos {
    background-color: var(--cor-primaria);
    width: 550px;
    height: 280px;
    position: absolute;
    z-index: 1;
    top: 25.8%;
    right: 10.8%;
    object-fit: cover;
  }

  .area-contato{
    height: 90vh;
  }

  .area-contato .conteudo-contato {
    top: 3px;
  }

  .btn_enviar {
    margin-bottom: 30px;
  }

  /* .area-dois-servicos-interno .area-contato .area-parallax {
    height: 100vh;
    top: -4px;
  } */

  .texto-parallax {
    left: 48%;
    width: 585px;
    top: 70%;
  }


  .area-parallax {
    top: 22px;
    height: 90vh;
  }

  .area-dois-servicos-interno .area-contato .conteudo-contato {
    height: 96vh;
  }

  .sombra-contato {
    bottom: 0%;
  }


  .area-contato .sombra-parallax {
    bottom: 5%;

  }

}

@media(max-width:1440px) {

  /* .area-contato {
    height: 90vh;
  } */


  .conteudo-contato {
   top:-4%;
  }


  .texto-parallax {
    left: 52%;
    width: 585px;
    top: 71%;
  }

  .area-dois-imagem .borda-servicos {
    right: 11.8%;
  }

  .sombra-servicos {
    bottom: -10%;
  }

  .sombra-parallax {
    position: absolute;
    max-width: 100%;
    bottom: 11%;
    /* bottom: 8.9%; */
    left: 50%;
    height: 37px;
  }

  .area-parallax {
    top: 0px;
  }


}

@media (min-width:1920px) and (max-width:2560px) {
  .area-dois-imagem .borda-servicos {
    background-color: var(--cor-primaria);
    width: 550px;
    height: 280px;
    position: absolute;
    z-index: 1;
    top: 26.8%;
    right: 11.8%;
    object-fit: cover;
  }

  .sombra-servicos {
    bottom: -11%;
  }

  .sombra-parallax {
    position: absolute;
    max-width: 100%;
    bottom: 6.8%;
    /* bottom:16.5%; */
    /* bottom: 8.9%; */
    left: 50%;
    height: 34px;
  }

  .sombra-contato {
    position: absolute;
    max-width: 100%;
    /* bottom: 12.2%; */
    /* bottom:19.2%; */
    bottom: 11%;
    left: 12%;
    height: 34px;
  }

 


}

@media(max-width:1024px) {

  .area-dois-servicos-interno {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .area-dois-textos {
    padding-top: 20px;
  }

  .conteudo-contato {
    width: 100%;
    display: flex;
    align-items: center;
    padding-right: 0px;
    height: auto;
  }

  .area-contato {
    height: auto;
    padding-bottom: 64px;
  }

  .sombra-parallax {
    display: none;
  }

  .sombra-contato {
    bottom: 5%;
    left: 22%;
  }

  .area-parallax {
    display: none;
  }

  .area-dois-servicos-interno .area-dois-imagem {
    display: flex;
    flex-direction: column;
    float: none;
    width: 100%;
    align-items: center;
    margin: auto;
    padding-bottom: 20px;
  }

  .area-dois-imagem .borda-servicos {
    top: 25.8%;
    right: 19.8%;
  }

  .sombra-servicos {
    left: 50%;
    bottom: -6%;
  }

  .texto-interno img{
    max-width: 965px;
   }

   .conteudo {
    margin-top: -95px;
  }
 

}



@media (max-width:768px) {
  .area-dois-imagem img.imagem-interna-servicos {
    border-right: 0px;
    border-bottom: 0px;
  }

  .borda-servicos {
    display: none;
  }

  .sombra-servicos {
    bottom: -2.3%;
  }

  .sombra-contato {
    left: 15%;
    bottom: 4.5%;
  }

  .texto-interno img {
    max-width: 698px;
    max-height: 400px;
}
}



@media (max-width:440px) {

  #servicos-interno .titulo h1 {
    font-size: 2em;
  }

  .texto-interno img {
    max-width: 400px;
    max-height: 240px;
}


  .conteudo-contato {
    height: auto;
  }

  .area-dois-imagem img.imagem-interna-servicos {
    width: 390px;
    height: auto;
  }

  .area-dois-servicos-interno {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .btn_enviar {
    margin-bottom: 30px;
  }

  .sombra-servicos {
    display: none;
  }

  .texto-interno {
    display: flex;
    flex-direction: column;
    margin: auto;
  }



  .sombra-contato {
    display: none;
  }

}




@media(max-width:375px) {
  .area-dois-imagem img.imagem-interna-servicos {
    width: 350px;
  }

  .conteudo-contato p {
    font-size: 1.75em;
  }

  #form-contato input {
    width: 314px;
  }

  #form-contato select {
    width: 345px;
  }

  .texto-interno img {
    max-width: 300px;
    max-height: 190px;
}

}

@media(max-width:320px) {
  .area-dois-imagem img.imagem-interna-servicos {
    width: 290px;
  }

  .conteudo-contato p {
    font-size: 1.5em;
  }

  #form-contato input {
    width: 265px;
  }

  #form-contato select {
    width: 296px;
  }

  .btn_enviar {
    width: 230px;
  }

}



/*=========== SETORES/CLIENTES ===========*/

.setores {
  background: var(--cor-branco);
}

.conteudo-setores {
  background: var(--cor-primaria);
  /* background: rgba(242, 242, 242, 1);  */
}

.setores .area-um-setores h1 {
  color: var(--cor-branco);
  /* color: var(--cor-primaria); */
  font-weight: 500;
  font-size: 2.5em;
  margin-bottom: 20px;
  font-family: var(--fonte-principal);
}

.setores .area-um-setores p {
  margin-top: 5px;
  font-weight: 300;
  font-size: 1em;
  color: var(--cor-branco);
  /* color: var(--cor-texto); */
  /* width: 64%; */
  letter-spacing: 0.0375em;
  font-family: var(--fonte-principal);
}

.conteudo-card-padrao {
  position: relative;
}

.img-wrapper h3 {
  position: absolute;
  bottom: 10px;
  left: 16px;
  color: white;
  font-weight: 700;
  font-size: 2.5em;
  z-index: 2;
  margin: 0;
  font-family: var(--fonte-principal);
}


.container-cards {
  width: 100%;
}

.cards-padrao {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
}

.img-wrapper {
  position: relative;
  transition: 0.4s;
}

.img-wrapper:hover {
  transform: scale(1.03);
}


.img-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.card-destaque {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 8px;
  width: 100%;
}

.img-destaque {
  position: relative;
  transition: 0.4s;
}

.img-destaque:hover {
  transform: scale(1.03);
}

.img-destaque::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.img-destaque h3 {
  position: absolute;
  bottom: 16px;
  left: 16px;
  color: white;
  font-size: 24px;
  z-index: 2;
  text-align: center;
  font-family: var(--fonte-principal);
  font-size: 2.5em;
}

.card-destaque img {
  width: 1158px;
  height: 190px;
}

.img-wrapper img {
  width: 375px;
  height: 190px;
}


/* MODAL */


.setores .area-dois-setores {
  padding-top: 40px;
  padding-bottom: 88px;
  position: relative;
  z-index: 3;
}

.setores .area-dois-setores::before {
  content: url(../img/detalhe-foto.png);
  position: absolute;
  z-index: -1;
  right: 0px;
}

.clientes-modal {
  font-family: var(--fonte-principal);
}

.titulo-modal {
  background-color: var(--cor-primaria);
  font-family: var(--fonte-principal);
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px 0px;
}

#clientes i.close {
  position: absolute;
  top: 10px;
  right: 4px;
  z-index: 9999;
  cursor: pointer;
  height: 20px;
  width: 20px;
  font-size: 20px;   
}

.area-conteudo-modal {
  width: 100%;
}

.conteudo-modal {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-around;
  padding: 20px;
}

.modal-itens {
  display: flex;
  flex-direction: column;
  /* width: 40%; */
  width:32%;
  padding-bottom: 16px;
  justify-content: center;
  align-items: center;
}



.titulo-modal h2 {
  font-size: 1em;
  font-weight: 500;
  color: var(--cor-branco);
  padding: 10px 10px 10px 20px;
}

.clientes-modal h3 {
  color: var(--cor-primaria);
  font-size: 1.75em;
  text-align: center;
  padding: 10px 0px 10px 0px;
}

.clientes-modal p {
  color: var(--cor-texto);
  font-size: 0.75em;
  text-align: center;
  padding-top: 6px;
}

@media(max-width:1024px) {

  .conteudo-setores {
    margin-top: -118px;
  }

  .setores .area-um-setores p {
    width: 90%;
  }

  .card-destaque img {
    width: 764px;
    object-fit: cover;
  }
}

@media(max-width:768px) {
  .img-wrapper img {
    width: 340px;
  }

  .card-destaque img {
    width: 698px;
  }

  .setores .area-dois-setores::before {
    content: none;

  }
}

@media (max-width:440px) {

  .container-cards {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .card-destaque {
    margin-top: 16px;
  }

  .img-wrapper img {
    width: 373px;
  }

  .card-destaque img {
    width: 373px;
  }

  .conteudo-modal {
    gap: 30px;
  }
}

@media (max-width:375px) {
  .img-wrapper img {
    width: 340px;
  }

  .card-destaque img {
    width: 340px;
    height: 172px;
  }
}

@media (max-width:320px) {
  .img-wrapper img {
    width: 285px;
  }

  .card-destaque img {
    width: 285px;
    height: 145px;
  }
}


/*=========== CONTEÚDOS ===========*/
#conteudo {
  font-family: var(--fonte-principal);
}

#conteudo .conteudo-conteudo {
  background-color: var(--cor-primaria);
}

#conteudo .conteudo-conteudo .topo h1 {
  color: var(--cor-branco);
  font-weight: 500;
  font-size: 2.5em;
  margin-bottom: 20px;
}

#conteudo .conteudo-conteudo .topo p {
  font-weight: 300;
  font-size: 1em;
  color: var(--cor-branco);
  letter-spacing: 0.0375em;
}


/*=========== artigos ===========*/
#conteudo .artigos .topo h3 {
  color: var(--cor-primaria);
  font-size: 2.5em;
  margin-bottom: 10px;
  text-align: center;
}

#conteudo .artigos .lista-artigos {
  display: flex;
  justify-content: space-evenly;
  /* flex-wrap: wrap; */
}

#conteudo .artigos .lista-artigos .card {
  width: 390px;
}

#conteudo .artigos .lista-artigos .card .area-img {
  width: 100%;
  height: 260px;
  border-bottom: 3px solid var(--cor-primaria);
  overflow: hidden;
}

#conteudo .artigos .lista-artigos .card .area-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease-in-out;
}

#conteudo .artigos .lista-artigos .card:hover .area-img img {
  transform: scale(1.1);
}

#conteudo .artigos .lista-artigos .card .cont {
  padding: 5px 10px 0 10px;
  box-sizing: border-box;
  background-color: #F6F7FB;
  min-height: 270px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

#conteudo .artigos .lista-artigos .card .cont .titulo {
  height: 55px;
  width: 100%;
  display: flex;
  align-items: center;
}

#conteudo .artigos .lista-artigos .card .cont .titulo h2 {
  font-size: 1em;
  color: var(--cor-primaria);
}

#conteudo .artigos .lista-artigos .card .cont .previa p {
  color: var(--cor-texto);
  font-size: 0.9375em;
  line-height: 180%;
}

@media screen and (max-width: 1024px) {
  #conteudo {
    margin-top: -95px;
  }

  #conteudo .artigos .lista-artigos {
    /* flex-direction: column; */
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    row-gap: 50px;
  }
}

@media screen and (max-width: 425px) {
  #conteudo .artigos .lista-artigos .card {
    width: 95%;
  }
}

/*=========== videos ===========*/
#conteudo .videos {
  background-color: var(--cor-primaria);
  position: relative;
}

#conteudo .videos .topo h3 {
  color: var(--cor-branco);
  font-size: 2.5em;
  margin-bottom: 10px;
  text-align: center;
}

#conteudo .videos .topo .texto {
  width: 750px;
  margin: auto;
}

#conteudo .videos .topo p {
  font-weight: 300;
  font-size: 1em;
  color: var(--cor-branco);
  letter-spacing: 0.0375em;
  text-align: center;
}

#conteudo .videos .lista-videos {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#conteudo .videos .lista-videos .card {
  width: 400px;
  height: 390px;
}

#conteudo .videos .lista-videos .card iframe {
  width: 100%;
  height: 265px;
  border-bottom: 3px solid var(--cor-branco);
}

#conteudo .videos .lista-videos .card .cont {
  padding: 10px 0;
  transition: all 0.5s ease-in-out;
}

#conteudo .videos .lista-videos .card .cont:hover {
  transform: scale(1.01);
}

#conteudo .videos .lista-videos .card .cont .titulo {
  width: 100%;
  margin-bottom: 10px;
}

#conteudo .videos .lista-videos .card .cont h2 {
  font-size: 1.125em;
  color: var(--cor-branco);
  font-weight: normal;
}

#conteudo .videos .lista-videos .card .cont p {
  color: var(--cor-branco);
  font-size: 0.9375em;
  font-weight: 300;
  line-height: 180%;
}

@media screen and (max-width: 1440px) {
  #conteudo .videos .topo .texto {
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  #conteudo .videos .lista-videos {
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
}

@media screen and (max-width: 425px) {
  #conteudo .videos .lista-videos .card {
    width: 95%;
    margin-bottom: 100px;
  }
}

/*=========== podcast ===========*/
#conteudo .podcast {
  background-color: #F6F7FB;
}

#conteudo .podcast .cont {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

#conteudo .podcast .cont .area-um,
#conteudo .podcast .cont .area-dois {
  width: 50%;
  position: relative;
}

#conteudo .podcast .cont .area-dois::before {
  content: url(../img/detalhe-foto.png);
  position: absolute;
  bottom: 0;
  right: -350px;
}

#conteudo .podcast .cont .area-um h3 {
  font-size: 2.5em;
  color: var(--cor-primaria);
}

#conteudo .podcast .cont .area-um .texto {
  width: 90%;
}

#conteudo .podcast .cont .area-um p {
  color: var(--cor-texto);
  font-size: 1em;
  line-height: 160%;
  padding-bottom: 20px;
}

#conteudo .podcast .cont .area-dois .card-ultimo {
  width: 545px;
  height: 320px;
  background-color: var(--cor-primaria);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  padding: 0 30px;
  position: relative;
  margin: 50px auto;
  transition: all 0.5s ease-in-out;
}

#conteudo .podcast .cont .area-dois .card-ultimo:hover {
  transform: scale(1.05);
}

#conteudo .podcast .cont .area-dois .card-ultimo .episodio {
  color: var(--cor-branco);
}

#conteudo .podcast .cont .area-dois .card-ultimo .episodio strong {
  font-size: 0.9375em;
  font-weight: 200;
}

#conteudo .podcast .cont .area-dois .card-ultimo .episodio p {
  font-size: 0.9375em;
  font-weight: 200;
}

#conteudo .podcast .cont .area-dois .card-ultimo .play {
  display: flex;
  align-items: center;
  width: 165px;
  justify-content: space-between;
}

#conteudo .podcast .cont .area-dois .card-ultimo .play i {
  width: 50px;
  height: 50px;
  background-color: var(--cor-branco);
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--cor-primaria);
  font-size: 1.125em;
  padding-left: 3px;
  box-sizing: border-box;
}

#conteudo .podcast .cont .area-dois .card-ultimo .play span {
  font-weight: normal;
  color: var(--cor-branco);
}

#conteudo .podcast .cont .area-dois .card-ultimo::after {
  content: url(../img/detalhe-spotify.png);
  position: absolute;
  bottom: 0;
  right: 0;
}

#conteudo .podcast .area-tres {
  display: flex;
  justify-content: space-between;
}

#conteudo .podcast .area-tres .card-episodio {
  width: 420px;
  height: 290px;
  max-height: 350px;
  display: flex;
  transition: all 0.5s ease-in-out;
}

#conteudo .podcast .area-tres .card-episodio:hover {
  transform: scale(1.05);
}

#conteudo .podcast .area-tres .card-episodio .icone {
  width: 18%;
}

#conteudo .podcast .area-tres .card-episodio .icone i {
  width: 50px;
  height: 50px;
  background-color: var(--cor-branco);
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--cor-primaria);
  font-size: 1.125em;
  padding-left: 3px;
  box-sizing: border-box;
  box-shadow: rgba(50, 50, 93, 0.25) 6px 2px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

#conteudo .podcast .area-tres .card-episodio .content {
  width: 72%;
}

#conteudo .podcast .area-tres .card-episodio span {
  font-size: 0.9375em;
  color: var(--cor-primaria);
  font-weight: 600;
}

#conteudo .podcast .area-tres .card-episodio h2 {
  font-size: 1em;
  line-height: 180%;
  color: var(--cor-texto);
}

#conteudo .podcast .area-tres .card-episodio p {
  font-size: 1em;
  line-height: 160%;
  color: var(--cor-texto);
}

@media screen and (max-width:1440px) {
  #conteudo .podcast .cont .area-dois::before {
    right: 0;
  }
}

@media screen and (max-width:1024px) {
  #conteudo .podcast .cont {
    flex-direction: column;
  }

  #conteudo .podcast .cont .area-um .texto {
    width: 100%;
  }

  #conteudo .podcast .cont .area-um, #conteudo .podcast .cont .area-dois {
    width: 100%;
  }

  #conteudo .podcast .area-tres {
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media screen and (max-width:440px) {
  #conteudo .podcast .cont .area-dois .card-ultimo {
    width: 95%;
    box-sizing: border-box;
    padding: 0 10px;
  }

  #conteudo .podcast .area-tres .card-episodio {
    width: 100%;
    height: auto;
    justify-content: center;
    margin-bottom: 40px;
  }
}


/* PÁGINA SOBRE */

/* AREA DE APRESENTAÇÃO */
#sobre .apresentacao {
  background-color: var(--cor-primaria);
}


.imagem-apresentacao-responsiva {
  display: none;
}

.conteudo-apresentacao {
  width: 100%;
  display: flex;
}

.texto-apresentacao {
  width: 50%;
}

.texto-apresentacao h1 {
  font-family: var(--fonte-principal);
  font-size: 2.5em;
  color: var(--cor-branco);
  font-weight: 600;
  margin-bottom: 20px;
}

.texto-apresentacao p {
  font-family: var(--fonte-principal);
  font-size: 1em;
  font-weight: 300;
  color: var(--cor-branco);
  width: 98%;
}

.borda-apresentacao {
  background-color: var(--cor-branco);
  width: 550px;
  height: 370px;
  border-radius: 8px;
  position: absolute;
  z-index: 0;
  top: 10.8%;
  object-fit: cover;
}

.imagem-apresentacao {
  width: 50%;
  display: flex;
  justify-content: center;
  padding-top: 50px;
}

.imagem-apresentacao img {
  border-radius: 8px;
  position: relative;
  /* border:5px solid #F7F7F7; */
}

/* AREA MANIFESTO */

.manifesto {
  background-color: #F7F7F7;
}

.conteudo-manifesto {
  display: flex;
  flex-direction: column;
}

.conteudo-manifesto h1 {
  font-family: var(--fonte-principal);
  font-size: 2.5em;
  color: var(--cor-primaria);
  padding-bottom: 20px;
  text-align: center;
  font-weight: 600;
}

.conteudo-manifesto p {
  font-family: var(--fonte-principal);
  font-size: 1em;
  /* width:98%; */
  font-weight: 500;
}

.jornada{
  background-color: var(--cor-branco);
}

/* AREA CARD SOBRE */

/* .area-card-sobre {
  background-color: var(--cor-branco);
} */


.area-total-card {
  padding: 0 35px;
}

.area-texto-sobre {
  position: relative;
  display: flex;
  align-items: center;
}

.card-sobre::before {
  /* top: -23%; */
  bottom: 2%;
  content: url(../img/detalhe-foto-editado3.png);
  position: absolute;
  z-index: 0;
  left: 38%;
}

.area-imagem-sobre img {
  position: relative;
  border-radius: 8px;
  left: 4px;
}

.area-texto-sobre p {
  font-family: var(--fonte-principal);
  font-size: 1.375em;
  color: var(--cor-branco);
  font-weight: 400;
  font-style: italic;
}

.nome_depoimento {
  display: flex;
  justify-content: end;
}


.sombra-responsiva {
  display: none;
}

.textos-sobre {
  display: flex;
  flex-direction: column;
  margin: auto;
  width: 80%;
  gap: 20px;
}

.area-imagem-sobre {
  position: relative;
  z-index: 3;
}

.card-sobre {
  width: 100%;
  display: flex;
  background-color: var(--cor-primaria);
  border-radius: 6px;
  position: relative;

}

/* TRABALHE CONOSCO */

.trabalhe-conosco {
  background-color: var(--cor-branco);
}


.conteudo-trabalhe {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.conteudo-trabalhe h1 {
  color: var(--cor-primaria);
  font-family: var(--fonte-principal);
  font-size: 2.5em;
  margin-bottom: 30px;
  font-weight: 600;
}

.conteudo-trabalhe p {
  font-family: var(--fonte-principal);
  color: var(--cor-texto);
  font-size: 1.375em;
  text-align: center;
  width: 60%;
  margin-bottom: 30px;
  font-weight: 500;
}


.btn-trabalhe {
  /* padding:8px 16px 8px 16px; */
  width: 244px;
  height: 48px;
  background-color: var(--cor-primaria);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  gap: 8px;
  cursor: pointer;
  transition: 0.4s;
  margin-top: 20px;
}

.btn-trabalhe:hover {
  background-color: rgba(6, 84, 145, 1);
  transform: scale(1.01);
}

.btn-trabalhe a {
  color: var(--cor-branco);
  font-family: var(--fonte-principal);
  font-size: 1.125em;
  font-weight: 300;
}

.sombra-sobre {
  position: absolute;
  max-width: 100%;
  left: 53%;
  bottom: -9.1%;
  transform: translateX(-50%);
  height: 32px;
}


@media (min-width:1320px) and (max-width:1439px){
  .borda-apresentacao {
    width: 557px;
    height: 374px;
    top: 10.4%;
}
}

@media (max-width:1024px) {

  #sobre .apresentacao {
    margin-top: -94px;
  }


  .card-sobre::before{
    left:22%;
  }

  .imagem-apresentacao {
    display: none;
  }

  .area-total-card {
    padding: 0 30px;
    display: flex;
    justify-content: center;
  }

  .conteudo-apresentacao {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }

  .borda-apresentacao-responsiva {
    background-color: var(--cor-branco);
    width: 556px;
    height: 377px;
    border-radius: 8px;
    position: absolute;
    z-index: 0;
    top: 9.9%;
    object-fit: cover;
  }

  .imagem-apresentacao-responsiva {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 50px;

  }

  .imagem-apresentacao-responsiva img {
    border-radius: 8px;
    position: relative;
    top: 8px;
    /* border:5px solid #F7F7F7; */
  }

  .texto-apresentacao {
    width: 100%;
  }

  .texto-apresentacao h1 {
    text-align: center;
  }

  .textos-sobre {
    width: 90%;
  }

  .sombra-sobre {
    display: none;
  }

  .sombra-responsiva {
    display: block;
    position: absolute;
    max-width: 100%;
    left: 53%;
    bottom: -8.8%;
    transform: translateX(-50%);
    height: 32px;
  }


}

@media (max-width:768px) {
  .card-sobre {
    display: flex;
    flex-direction: column-reverse;
    width: 70%;
  }

  

  .card-sobre::before{
    content: none;
  }

  .area-imagem-sobre img {
    width: 100%;
    height: 342px;
    object-fit: cover;
    left: 0px;
    /* border-bottom-left-radius: 8px; 
    border-top-left-radius: 0px; 
    border-bottom-right-radius: 8px;
    border-top-right-radius: 0px; */

  }

  .card-sobre{
    border-radius: 8px;
  }

  .conteudo-trabalhe p{
    width:100%;
  }

  .textos-sobre {
    padding-bottom: 20px;
  }

  .sombra-responsiva {
    display: none;
  }

  .imagem-apresentacao-responsiva img {
    top: 20px;
    /* border:5px solid #F7F7F7; */
  }
}

@media(max-width:440px) {
  .borda-apresentacao-responsiva {
    display: none;
  }

  .card-sobre {
    width: 100%;
  }



  .imagem-apresentacao-responsiva img {
    top: 20px;
    width: 400px;
    /* border: 5px solid #F7F7F7; */
  }

  .conteudo-trabalhe p {
    width: 100%;
    font-size: 1em;
  }

  .area-texto-sobre p {
    font-size: 1em;
  }

  .trabalhe-conosco{
    padding-top:30px;
  }

}

@media (max-width:430px) {
  .imagem-apresentacao-responsiva img {
    width: 390px;
    /* border: 5px solid #F7F7F7; */
  }
}

@media (max-width:375px){
  .imagem-apresentacao-responsiva img {
    width: 340px;
    /* border: 5px solid #F7F7F7; */
  }
}

@media (max-width:320px){
  .imagem-apresentacao-responsiva img {
    width: 290px;
    /* border: 5px solid #F7F7F7; */
  }
}

/* PÁGINA TECNOLOGIAS */

 .tecnologias .area-um-tecnologias h1 {
  color: var(--cor-branco);
  font-weight: 500;
  font-size: 2.5em;
  /* width:68%; */
  margin-bottom: 20px;
  font-family: var(--fonte-principal);
}


.tecnologias .area-um-tecnologias .texto p {
  margin-top: 5px;
  font-weight: 300;
  font-size: 1em;
  color: var(--cor-branco);
  font-family: var(--fonte-principal);
  letter-spacing: 0.0375em;
}

.area-dois-tecnologias h1 {
  font-size: 2.5em;
  color: var(--cor-primaria);
  margin-bottom: 20px;
  font-weight: 600;
  font-family: var(--fonte-principal);
}

.conteudo-impar-tecnologias {
  width: 100%;
  display: flex;
  justify-content: space-around;
  padding-top:60px;
}

.conteudo-par-tecnologias {
  width: 100%;
  display: flex;
  justify-content: space-around;
  margin-bottom: -40px;
}

.area-btn-tecnologias {
  display: flex;
  justify-content: center;
}

.area-btn-tecnologias a {
  color: #333333;
  font-family: var(--fonte-principal);
  font-size: 1.125em;
}

.area-btn-tecnologias:hover a {
  color: var(--cor-branco);
}


.saiba-mais-tecnologias {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 240px;
  height: 50px;
  background-color: transparent;
  border: 2px solid var(--cor-primaria);
  border-radius: 4px;
  cursor: pointer;
  transition: 0.4s;
  font-weight: 400;
}

.saiba-mais-tecnologias:hover {
  background-color: rgba(6, 84, 145, 1);
  transform: scale(1.01);
}

.area-imagem-tecnologias, .area-imagem-impar-tecnologias {
  display: flex;
  align-items: center;
}



/* ESTILOS ÁREA IMPAR */

.area-texto-impar-tecnologias {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 50%;
  
  /* padding: 0px 0px 40px 0px; */
}


.conteudo-impar-tecnologias{
    padding: 40px 0px 40px 12px;
}

.coluna-saiba-mais-tecnologias {
  display: flex;
  flex-direction: column;
  gap:20px;
  /* flex-grow: 1;
  width: 90%;
  height: 325px; */
}

.area-btn-impar-tecnologias {
  margin-top: auto;
  display: flex;
  justify-content: center;
}


.previa-impar-tecnologias {
  width: 100%;
}

.area-imagem-impar-tecnologias {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.area-texto-impar-tecnologias p {
  color: var(--cor-texto);
  font-size: 1em;
  font-family: var(--fonte-principal);
  font-weight: 500;
  /* margin-bottom:20px; */
  width: 92%;
}

.area-imagem-impar-tecnologias img {
  position: relative;
  z-index: 3;
}



/* ESTILO ÁREA PAR */

.area-texto-par-tecnologias {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 50%;
  /* padding: 0px 0px 40px 0px; */
}


.area-texto-par-tecnologias p {
  color: var(--cor-texto);
  font-size: 1em;
  font-family: var(--fonte-principal);
  font-weight: 500;
  /* margin-bottom:20px; */
  width: 92%;
}


.area-imagem-par-tecnologias {
  width: 50%;
  position: relative;
  padding-left: 20px;
  /* display:flex;
  justify-content: center; */
}

.area-par-tecnologias {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #F7F7F7;
}

.previa-par-tecnologias {
  width: 100%;
}


.area-imagem-par img {
  position: relative;
  z-index: 3;
}

/* .fancybox{
  position: absolute;
  z-index:1;
} */


.area-btn-par-tecnologias {
  margin-top: auto;
  display: flex;
  justify-content: center;

}

.imagem-responsivo-impar-tecnologias {
  display: none;
}

.imagem-responsivo-par-tecnologias{
  display: none;

}


@media(max-width:1024px){
  .imagem-responsivo-impar-tecnologias{
    display: block;
    text-align: center;

  }

  .imagem-impar-tecnologias{
    display: none;
  }

  .imagem-responsivo-par-tecnologias{
    display: block;
    text-align: center;
  }

  .imagem-tecnologias{
    display: none;
  }

  .conteudo-impar-tecnologias, .conteudo-par-tecnologias{
    display: flex;
    flex-direction: column;
  }

   .conteudo-impar-tecnologias .area-texto-impar-tecnologias, .conteudo-par-tecnologias .area-texto-par-tecnologias{
    width:100%;
    /* margin-top:20px;
    margin-bottom:20px; */

  }

  .area-texto-impar-tecnologias p, .area-texto-par-tecnologias p{
    margin-top:20px;
    margin-bottom:20px;
    width:100%;
  }

  .area-texto-impar-tecnologias h1, .area-texto-par-tecnologias h1{
      text-align: center;
      margin-top:20px;
      margin-bottom:20px;
  }

  .coluna-saiba-mais-tecnologias {
    gap: 0px;
}

.conteudo-impar-tecnologias{
  padding: 40px 0px;
}

}

@media (max-width:440px){
  .imagem-responsivo-impar-tecnologias img, .imagem-responsivo-par-tecnologias img{
    width:300px;
  }


  .area-par-tecnologias{
    padding:30px 0px;
  }
  .conteudo-impar-tecnologias{
    padding: 30px 0px;
  }

  .area-texto-par-tecnologias p, .area-texto-impar-tecnologias p{
    width:100%;
  }


}

@media (max-width:375px){
  .imagem-responsivo-impar-tecnologias img, .imagem-responsivo-par-tecnologias img{
    width:270px;
  }
}



/* PÁGINA OUVIDORIA */

.ouvidoria .area-um-ouvidoria h1 {
  color: var(--cor-branco);
  font-weight: 500;
  font-size: 2.5em;
  /* width:68%; */
  margin-bottom: 20px;
  font-family: var(--fonte-principal);
}

.ouvidoria .area-um-ouvidoria .texto p {
  margin-top: 5px;
  font-weight: 300;
  font-size: 1em;
  color: var(--cor-branco);
  font-family: var(--fonte-principal);
  letter-spacing: 0.0375em;

}

.ouvidoria .area-dois-ouvidoria {
  padding-top: 64px;
  padding-bottom: 64px;
}

.formulario-ouvidoria{
  display: flex;
  flex-direction: column;
  margin: auto;
  align-items: center;
}

#form-ouvidoria input {
  width: 650px;
  height: 50px;
  padding-left: 30px;
  padding-left: 16px;
  padding-right: 15px;
  margin-bottom: 30px;
  border: none;
  font-family: var(--fonte-principal);
  font-size: 1em !important;
  border-radius: 4px;
  border: 2px solid #2583C3;
}

.input-container .icon {
  position: absolute;
  left: 12px;
  top: 36%;
  transform: translateY(-50%);
  pointer-events: none;
}

.input-container {
  position: relative;
  display: inline-block;
}


#form-ouvidoria select {
  width: 685px;
  height: 50px;
  padding-left: 30px;
  padding-left: 16px;
  padding-right: 15px;
  margin-bottom: 30px;
  border: none;
  font-family: var(--fonte-principal);
  font-size: 1em !important;
  border-radius: 4px;
  border: 2px solid #2583C3;
}


.formulario-ouvidoria #form-ouvidoria textarea {
  width: 100%;
  height: 150px;
  border: 1px solid #F0F0F2;
  background: #ffffff;
  font-size: 0.938em;
  padding: 16px;
  box-sizing: border-box;
  margin-bottom: 8px;
  font-size: 1em !important;
  border-radius: 4px;
  font-family: var(--fonte-principal);
  font-weight: 400;
  border: 2px solid #2583C3;
}


.input-container p{
  font-family: var(--fonte-principal);
  color:var(--cor-primaria);
  font-size:1.125em;
  font-weight: 600;
}


.mensagem p{
  font-family: var(--fonte-principal);
  color:var(--cor-primaria);
  font-size:1.125em;
  font-weight: 600;
}

#form-ouvidoria input::placeholder {
  color:rgb(93, 110, 176, 0.5);
}

#form-ouvidoria textarea::placeholder{
  color:rgb(93, 110, 176, 0.5);
  font-family: var(--fonte-principal);

}

#pessoa, #empresa, #identificacao {
  color: rgb(93, 111, 176, 0.5);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url('../img/flecha.png') no-repeat center;
  background-color: var(--cor-branco);
  background-position-x: 98%;
}


#pessoa {
  color: rgb(93, 111, 176, 0.5);
  -webkit-appearance: none;
  /* Esconde a seta padrão no Safari e Chrome */
  -moz-appearance: none;
  /* Esconde a seta padrão no Firefox */
  appearance: none;
  background: url('../img/flecha.png') no-repeat center;
  background-color: var(--cor-branco);
  background-position-x: 98%;
}

.btn_enviar_ouvidoria {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--cor-primaria);
  border: 2px solid #FFFFFF;
  width: 240px;
  height: 50px;
  /* margin-bottom: 30px; */
  border-radius: 6px;
  transition: all 0.8s ease;
  font-family: var(--fonte-principal);
  font-size: 1.125em;
  font-weight: normal;
  color: var(--cor-branco);
  font-weight: 300;
  margin: auto;

}

.btn_enviar_ouvidoria:hover {
  background-color: var(--cor-branco);
  color: var(--cor-primaria);
  cursor: pointer;
  box-sizing: border-box;
  border: transparent;
  border: 2px solid var(--cor-primaria);
}

#form-ouvidoria .captcha-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top:20px;
}

#form-ouvidoria input:focus, #form-ouvidoria select:focus, #form-ouvidoria textarea:focus {
  box-shadow: rgb(128, 183, 220,0.5) 0px 2px 8px 0px;
}


@media(max-width:440px){
  #form-ouvidoria select{
    width:400px;
  }
  
  #form-ouvidoria input{
    width:365px;
  }
  
  #form-ouvidoria .captcha-area{
    display: flex;
    flex-direction: column;
    gap:20px;
  }
}

@media(max-width:375px){
  #form-ouvidoria select{
    width:345px;
  }
  
  #form-ouvidoria input{
    width:311px;
  }
  
}

@media(max-width:320px){
  #form-ouvidoria select{
    width:297px;
  }
  
  #form-ouvidoria input{
    width:262px;
  }

  .formulario-ouvidoria {
    display: flex;
    flex-direction: column;
    margin: auto;
    align-items: baseline;
}

.mensagem{
  padding:0px;
}

.formulario-ouvidoria #form-ouvidoria textarea {
  width: 92%;
}
  
}


/* PÁGINA DE CONTEÚDOS EXCLUSIVOS */

#conteudos-exclusivos{
  background-color: var(--cor-branco);
  padding-top:100px;
  padding-bottom:100px;
  background-image: url(../../assets/img/bg.webp);  
  background-repeat: no-repeat;
  background-size: cover;
}

.conteudo-card-exclusivo.interno{
  display: flex;
  flex-direction: column;
}

.texto-card-home.interno{
  /* width:80%; */
  width:50%;
  margin-top: 30px;
  margin-bottom:30px;
}

.card-guia-exclusivo.interno{
  padding-top:30px;
  padding-bottom:30px;
  width:47%;
  flex-direction: column;
  border-radius: 6px;
}

.captcha-area-conteudo .g-recaptcha{
  margin-left:50px;
}

.captcha-area-conteudo {
  display: flex;
  align-items: center;
  flex-direction: column;
}


.termos_captcha{
  margin-bottom:30px;
}

.card-foto-exclusivo.interno img{
  width:100%;
}

.card-foto-exclusivo.interno{
  width:90%;
}

@media(max-width: 1024px) {
  #conteudos-exclusivos {
    margin-top: -96px;
  }

  .card-guia-exclusivo.interno{
    width: 60%;
  }
 
}

@media(max-width:768px){
  .card-guia-exclusivo.interno{
    width:85%;
  }
  .texto-card-home.interno{
    width:80%;
  }
}

@media(max-width:440px){
  .card-guia-exclusivo.interno{
    width:100%;
  }

  .btn_enviar_conteudo{
    width:340px;
  }
  .texto-card-home.interno{
    width:80%;
  }
}

@media(max-width:375px){
  .btn_enviar_conteudo{
    font-size: 1em;
    width:310px;
  }
}

@media(max-width:320px){
  .btn_enviar_conteudo{
    width:280px;
  }
}


/* #conteudos-exclusivos .area-conteudos-exclusivos{
  background-color: var(--cor-primaria);
}


#conteudos-exclusivos .textos-conteudos-exclusivos h1{
  color:var(--cor-branco);
  font-weight: 500;
  font-size:2.5em;
  margin-bottom:20px;
  font-family: var(--fonte-principal);
}

#conteudos-exclusivos .textos-conteudos-exclusivos p{
  margin-top:5px;
  font-weight: 300;
  font-size: 1em;
  color:var(--cor-branco);
  letter-spacing: 0.0375em;
  font-family: var(--fonte-principal);
}

#conteudos-exclusivos .area-arquivos-exclusivos{
  padding-top:64px;
  padding-bottom:64px;
}

.area-arquivos-exclusivos h2{
  color:var(--cor-primaria);
  font-weight: 500;
  font-size:2.5em;
  margin-bottom:40px;
  font-family: var(--fonte-principal);
  text-align: center;
}

.area-arquivos-exclusivos .area-arquivo{
  display: flex;
  flex-direction: column;
  margin:auto;
  align-items: center;
  justify-content: center;
  margin-top:20px;
}

.link-conteudo-exclusivo a{
  color: var(--cor-texto);
  font-weight: 500;
  font-size: 1.125em;
  font-family: var(--fonte-principal);
  text-decoration: underline;

}


#conteudos-exclusivos  .topo h3 {
  color: var(--cor-primaria);
  font-size: 2.5em;
  margin-bottom: 10px;
  text-align: center;
}

.area-arquivos-exclusivos .lista-conteudos-exclusivos {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

 .area-arquivos-exclusivos  .lista-conteudos-exclusivos .card {
  width: 390px; 
}

.lista-conteudos-exclusivos .card .area-img {
  width: 100%;
  height: 260px;
  border-bottom: 3px solid var(--cor-primaria);
  overflow: hidden;
}

.lista-conteudos-exclusivos .card .area-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease-in-out;
}

.lista-conteudos-exclusivos .card:hover .area-img img {
  transform: scale(1.1);
}

 .lista-conteudos-exclusivos .card .cont {
  padding: 5px 10px 0 10px;
  box-sizing: border-box;
  background-color: #F6F7FB;
  min-height: 270px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
 .lista-conteudos-exclusivos .card .cont .titulo {
  height: 55px;
  width: 100%;
  display: flex;
  align-items: center;
}
.lista-conteudos-exclusivos .card .cont .titulo h3 {
  font-size: 1em;
  color: var(--cor-primaria);
  font-family: var(--fonte-principal);
}

 .lista-conteudos-exclusivos .card .cont .previa p {
  color: var(--cor-texto);
  font-size: 0.9375em;
  line-height: 180%;
  font-family: var(--fonte-principal);

}

@media screen and (max-width: 1024px) {
  #conteudos-exclusivos {
    margin-top: -95px;
  }

  #conteudos-exclusivos .lista-conteudos-exclusivos {
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    row-gap: 50px;
  }
  #conteudos-exclusivos .area-conteudos-exclusivos{
    margin-top:-94px;
  }
}

@media(max-width:375px){
  .area-arquivos-exclusivos .lista-conteudos-exclusivos .card{
    width:100%;
  }
} */