@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
:root{
  --fundo: #2c4448;
  --golden: #ddc48d;
  --darkgolden: #a18c64;
}
body{
  padding: 0;
  margin: 0;
  position: relative;
  font-family: 'Roboto';
}


/* HEADER */
/* menu */
header .menu{
  background: var(--fundo);
  padding: 10px 0;
  position: relative;
  z-index: 9999;
}
header .menu nav{
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header .menu nav .logo{
  width: 250px;
  cursor: pointer;
}
header .menu nav .logo img{
  width: 100%;
}
header .menu nav .responsive_menu{
  display: none;
}
header .menu nav ul{
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header .menu nav ul li{
  list-style: none;
  padding: 5px 20px;
  box-sizing: border-box;
}
header .menu nav ul li:first-child{
  padding-left: 0;
}
header .menu nav ul li:last-child{
  padding-right: 0;
}
header .menu nav ul li a{
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 300;
  transition: all ease 0.1s;
  cursor: pointer;
}
header .menu nav ul li a.ativo{
  color: var(--golden);
  font-weight: 600;
  letter-spacing: 0.7px;
}
header .menu nav ul li a:hover{
  color: var(--golden);
}
/* menu */

/* banner */
header .banner{
  position: relative;
  max-height: 400px;
  min-height: 400px;
}
header .banner .overlay{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--fundo);
  opacity: 0.6;
  z-index: 9;
}
header .banner .banner-img {
  max-height: 400px;
  overflow: hidden;
  position: relative;
  min-height: 400px;
}
header .banner .banner-img img{
  display: block;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
header .banner .banner-txt{
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
}
header .banner .banner-txt h1{
  width: 1440px;
  font-weight: 100;
  font-size: 72px;
  line-height: 72px;
  color: #F1FAFB;
  text-transform: uppercase;
  margin: 0;
}
/* banner */
/* HEADER */



/* MAIN */
main{
  width: 1440px;
  margin: 60px auto;
}

/* button */
main a.btn{
  color: var(--golden);
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 500;
  box-sizing: border-box;
  padding: 15px 45px;
  margin: 30px 0 0;
  display: block;
  width: max-content;
  transition: all ease 0.3s;
}
main .btn.light{
  background-color: var(--golden);
  color: var(--fundo);
}
main .btn.light:hover{
  background-color: var(--fundo);
  color: var(--golden);
}
main .btn.dark{
  background-color: var(--fundo);
}
main .btn.dark:hover{
  background-color: var(--golden);
  color: var(--fundo);
}
/* button */

/* section title */
main h2.section_title{
  color: var(--fundo);
  font-size: 46px;
  line-height: 56px;
  font-family: 'Playfair Display';
  font-weight: 400;
  position: relative;
  width: max-content;
  margin: 0 0 80px;
}
main h2.section_title::after{
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  width: 70%;
  background: var(--golden);
  bottom: -20px;
  left: -20%;
}
/* section title */

/* container */
main .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
main .container .img {
  width: 45%;
}
main .container .img img {
  width: 100%;
}
main .container .content {
  width: 50%;
}
main .container .content h3 {
  width: 100%;
  font-size: 36px;
  line-height: 48px;
  font-family: 'Playfair Display';
  color: var(--fundo);
  font-weight: normal;
  margin: 0;
  text-align: justify;
}
main .container .content h3 strong{
  color: var(--darkgolden);
}
main .container .content p {
  width: 100%;
  font-size: 18px;
  line-height: 24px;
  font-family: 'Roboto';
  color: var(--fundo);
  font-weight: normal;
  margin: 0 0 20px;
  display: block;
  text-align: justify;
}
main .container .content p strong{
  color: var(--darkgolden);
}
main .container.reverse{
  flex-direction: row-reverse;
  align-items: flex-start;
}
main .container.reverse .img {
  width: 50%;
}
main .container.reverse .content {
  width: 45%;
}
/* container */

/* founder*/
main section.founder{
  margin-top: 150px;
}
main section.founder .container .content{
  padding-right: 30px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
main section.founder .btn{
  align-self: flex-start;
}
/* founder*/

/* governanca corporativa */
main section.governanca_coorporativa_intro {
  position: relative;
  margin-top: 100px;
  width: 100%;
}
main section.governanca_coorporativa_intro .img {
  width: 50%;
}
main section.governanca_coorporativa_intro .img img {
  width: 100%;
}
main section.governanca_coorporativa_intro .content {
  width: 60%;
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  transform: translateY(-50%);
  background: var(--golden);
  box-sizing: border-box;
  border: 1px solid var(--fundo);
  padding: 20px 80px 30px 40px;
}
main section.governanca_coorporativa_intro .content p {
  font-family: 'Playfair Display';
  font-size: 18px;
  line-height: 24px;
  color: var(--fundo);
}
/* governanca corporativa */

/* procedimentos */
main section.procedimentos {
  margin-top: 100px;
}
main section.procedimentos .container_procedimentos {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}
main section.procedimentos .container_procedimentos::after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  background: var(--golden);
  top: 0;
  left: calc(50% - 0.5px);
}
main section.procedimentos .container_procedimentos .procedimento {
  background: var(--fundo);
  box-sizing: border-box;
  border: 1px solid var(--golden);
  margin-bottom: 50px;
  padding: 80px 5% 40px;
  width: 40%;
  position: relative;
}
main section.procedimentos .container_procedimentos .procedimento .icon {
  display: flex;
  width: 60px;
  height: 60px;
  box-sizing: border-box;
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
}
main section.procedimentos .container_procedimentos .procedimento .icon::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--golden);
  z-index: 0;
  transform: rotate(45deg);
}
main section.procedimentos .container_procedimentos .procedimento .icon span {
  display: block;
  margin: auto;
  text-align: center;
  z-index: 1;
  font-family: 'Playfair Display';
  color: var(--fundo);
  line-height: 0;
  font-size: 48px;
  position: relative;
  top: 0px;
}
main section.procedimentos .container_procedimentos .procedimento .text h3 {
  font-family: 'Playfair Display';
  font-size: 32px;
  line-height: 38px;
  color: var(--golden);
  font-weight: normal;
  margin-bottom: 40px;
}
main section.procedimentos .container_procedimentos .procedimento .text p {
  font-family: 'Roboto';
  font-size: 18px;
  line-height: 24px;
  color: var(--golden);
  text-align: left;
  font-weight: 300;
}
/* procedimentos */

/* dados de contato */
main section.dados_contato {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
main section.dados_contato .content {
  width: 50%;
  box-sizing: border-box;
  padding-right: 80px;
  display: block;
}
main section.dados_contato .content .contato p {
  font-size: 18px;
}
main section.dados_contato .content .contato p a {
  color: var(--golden);
  text-decoration: none;
  transition: all ease 0.2s;
  cursor: pointer;
  margin-right: 30px;
}
main section.dados_contato .content .contato p a:hover {
  color: var(--fundo);
}
main section.dados_contato .content .contato p a i {
  font-size: 24px;
}
main section.dados_contato .form {
  width: 50%;
  display: block;
  box-sizing: border-box;
}
main section.dados_contato .form form {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
}
main section.dados_contato .form form input {
  width: 49.5%;
  border: 1px solid var(--golden);
  box-sizing: border-box;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 2px;
  font-size: 16px;
  font-family: 'Roboto';
  color: var(--fundo);
  line-height: 20px;
}
main section.dados_contato .form form input.btn{
  width: 100%;
}
main section.dados_contato .form form textarea {
  width: 100%;
  margin-bottom: 10px;
  box-sizing: border-box;
  border-radius: 2px;
  border: 1px solid var(--golden);
  padding: 10px;
  font-size: 16px;
  font-family: 'Roboto';
  color: var(--fundo);
  line-height: 20px;
}
main section.dados_contato .form #success{
  display: none;
}
main section.dados_contato .form #success p{
  color: #26A95E;
}
main section.dados_contato .form #success:target{
  display: block;
}
/* dados de contato */

/* publicacoes */
main section.publicacoes {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
main section.publicacoes .post {
  width: 49%;
  background: var(--fundo);
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  transition: all ease 0.15s;
  margin-bottom: 20px;
}
main section.publicacoes .post:hover{
  transform: scale(1.02);
  box-shadow: 5px 5px 10px 2px var(--darkgolden);
}
main section.publicacoes .post .img {
  height: 100%;
  width: 30%;
}
main section.publicacoes .post .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main section.publicacoes .post .post_content {
  width: 68%;
  box-sizing: border-box;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
main section.publicacoes .post .post_content .date_and_type {
  width: 100%;
  color: #FAFAFA;
  font-size: 14px;
  font-weight: 200;
  font-style: italic;
  margin-bottom: 5px;
}
main section.publicacoes .post .post_content .date_and_type .date {
  margin-right: 30px;
}
main section.publicacoes .post .post_content a.title {
  color: var(--golden);
  font-size: 36px;
  line-height: 42px;
  font-family: 'Playfair Display';
  height: 84px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-decoration: none;
  transition: all ease 0.2s;
}
main section.publicacoes .post .post_content a.title:hover{
  color: #fafafa;
}
main section.publicacoes .post .post_content a.btn {
  margin-top: 15px;
  color: var(--golden);
  background: var(--fundo);
  border: 1px solid var(--golden);
}
main section.publicacoes .post .post_content a.btn:hover {
  color: var(--fundo);
  background: var(--golden);
}
/* publicacoes */

/* post */
main section.post_body div {
  display: block;
  line-break: anywhere;
  color: var(--fundo);
  font-family: 'Roboto';
}
main section.post_body h1 {
  font-size: 36px;
  margin-top: 0;
  line-height: 46px;
  font-family: 'Playfair Display';
  color: var(--darkgolden);
}
main section.post_body h2 {
  margin-top: 0;
  font-size: 32px;
  line-height: 40px;
  font-family: 'Playfair Display';
  color: var(--fundo);
}
main section.post_body h3 {
  margin-top: 0;
  font-size: 24px;
  line-height: 32px;
  font-family: 'Playfair Display';
  color: var(--darkgolden);
}
main section.post_body h4 {
  font-size: 22px;
  line-height: 28px;
  margin-top: 0;
  color: var(--fundo);
}
main section.post_body h5 {
  font-size: 18px;
  line-height: 24px;
  margin-top: 0;
  color: var(--fundo);
}
main section.post_body h6 {
  font-size: 16px;
  line-height: 22px;
  margin-top: 0;
  color: var(--fundo);
}
main section.post_body address {
  color: var(--fundo);
}
main section.post_body p {
  display: block;
  line-break: anywhere;
  color: var(--fundo);
  font-family: 'Roboto';
}
main section.post_body hr {
  height: 1px;
  background: var(--golden);
  border: none;
  width: 90%;
  margin: 0 auto;
}
main section.post_body a {
  color: var(--golden);
  text-decoration: none;
  transition: all ease 0.2s;
  cursor: pointer;
}
main section.post_body ul {
  padding: 0 0 0 1em;
  color: var(--fundo);
}
main section.post_body ul li {
  margin: 5px 0;
}
main section.post_body ol {
  padding: 0 0 0 1em;
  color: var(--fundo);
}
main section.post_body ol li {
  margin: 5px 0;
}
main section.post_body table {
  width: 100%;
}
main section.post_body table thead {
  border: none;
  background: var(--fundo);
}
main section.post_body table th {
  padding: 10px;
  color: var(--golden);
  box-sizing: border-box;
  border: 2px solid var(--golden);
  border-right: none;
}
main section.post_body table th:last-child {
  border-right: 2px solid var(--golden)
}
main section.post_body table tr td {
  border: 2px solid var(--golden);
  border-right: none;
  border-top: none;
  box-sizing: border-box;
  background: #fafafa;
  padding: 5px;
  color: var(--fundo);
}
main section.post_body table tr td:last-child {
  border-right: 2px solid var(--golden)
}
main section.post_body blockquote {
  border-left: 4px solid var(--fundo);
  margin: 20px 0;
  padding: 15px 20px 15px 40px;
}
main section.post_body blockquote p {
  font-style: italic;
  margin: 0;
  line-height: 22px;
}
/* post */


/* mission, vision, values */
main section.mvv {
  background: var(--fundo);
  display: flex;
  justify-content: space-around;
  padding: 30px 50px;
  display: none;
}
main section.mvv .item {
  width: 28%;
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--golden);
}
main section.mvv .item .icon {
  width: 100px;
}
main section.mvv .item .icon img {
  width: 100%;
}
main section.mvv .item h3.title {
  font-size: 24px;
  font-family: 'Playfair Display';
}
main section.mvv .item p {
  font-size: 14px;
  line-height: 20px;
  text-align: justify;
}
/* mission, vision, values */


/* highlights */
/* principal highlight */
main section.highlights {
  margin-top: 100px;
}
main section.highlights .principal {
  display: flex;
  justify-content: flex-start;
  border-top: 1px solid var(--golden);
  border-bottom: 1px solid var(--golden);
  padding: 20px 0;
}
main section.highlights .principal .img {
  max-width: 30%;
}
main section.highlights .principal .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main section.highlights .principal .conteudo {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin-left: 10%;
  width: 60%;
}
main section.highlights .principal .conteudo h3.title {
  font-family: 'Playfair Display';
  color: var(--fundo);
  font-size: 32px;
  margin: 0;
}
/* principal highlight */
/* secundary highlight */
main section.highlights .secundaries {
  margin-top: 100px;
  display: flex;
  justify-content: space-between;
}
main section.highlights .secundaries .item {
  width: 49%;
  display: block;
  position: relative;
  padding: 50px 60px;
  box-sizing: border-box;
}
main section.highlights .secundaries .item .background {
  position: absolute;
  z-index: -2;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
main section.highlights .secundaries .item .background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main section.highlights .secundaries .item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: var(--fundo);
  opacity: 0.72;
  z-index: -1;
}
main section.highlights .secundaries .item h3 {
  font-family: 'Playfair Display';
  color: var(--golden);
  font-size: 32px;
}
/* secundary highlight */
/* highlights */


/* contact */
main section.talk_to_us {
  margin-top: 100px;
}
main section.talk_to_us .contact p {
  font-size: 18px;
}
main section.talk_to_us .contact p a {
  color: var(--golden);
  text-decoration: none;
  transition: all ease 0.2s;
  cursor: pointer;
  margin-right: 30px;
}
main section.talk_to_us .contact p a:hover {
  color: var(--fundo);
}
main section.talk_to_us .contact p a i {
  font-size: 24px;
}
/* contact */
/* MAIN */



/* FOOTER */
footer{
  background-color: var(--fundo);
  padding: 30px 0;
  margin-top: 80px;
}
footer p{
  font-family: 'Playfair Display';
  color: #ffffff;
  max-width: 1440px;
  margin: 0 auto;
}
/* FOOTER */









/* 1440px */
@media screen and (max-width: 1440px){
  header .menu nav{max-width: 1200px;}
  footer p{max-width: 1200px;}
  header .banner .banner-txt h1{max-width: 1200px;}
  main{max-width: 1200px;}
  main .container .content h3{font-size: 28px;line-height: 38px;}
  main section.governanca_coorporativa_intro .content{width: 50%;}
  main section.governanca_coorporativa_intro .content p{font-size: 16px;line-height: 20px;}
  main section.procedimentos .container_procedimentos .procedimento{width: 40%;}
  main section.publicacoes .post .img{width: 33%;}
  main section.publicacoes .post .post_content{width: 65%;}
  main section.publicacoes .post .post_content a.title{font-size: 32px;line-height: 36px;height: 72px;}
  main section.publicacoes .post .post_content a.btn{padding: 10px 40px;}
}
/* 1440px */




/* 1200px */
@media screen and (max-width: 1200px){
  header .menu nav{max-width: 970px;}
  footer p{max-width: 970px;}
  header .banner .banner-txt h1{max-width: 970px;}
  main{max-width: 970px;}
  header .menu nav ul li{padding: 5px 10px;}
  main section.founder{margin-top: 80px;}
  main section.governanca_coorporativa_intro .img{width: 40%;}
  main section.governanca_coorporativa_intro .content{width: 60%;}
  main section.governanca_coorporativa_intro .content p{font-size: 14px;line-height: 18px;}
  main section.procedimentos .container_procedimentos .procedimento{width: 45%;padding: 80px 3% 30px;}
  main section.publicacoes .post .img{width: 35%;}
  main section.publicacoes .post .post_content{width: 63%;}
  main section.publicacoes .post .post_content a.title{font-size: 24px;line-height: 28px;height: 56px;}
  main section.publicacoes .post .post_content a.btn{font-size: 14px;padding: 7px 30px;}
}
/* 1200px */




/* 970px */
@media screen and (max-width: 970px){
  header .menu nav .logo{width: 180px;}
  header .banner{max-height: 300px;min-height: 300px;}
  header .banner .banner-img{max-height: 300px;min-height: 300px;}
  header .menu nav{max-width: 768px;}
  footer p{max-width: 768px;}
  header .banner .banner-txt h1{max-width: 768px;font-size: 48px;}
  main{max-width: 768px;}
  header .menu nav ul li{font-size: 14px;padding: 15px 5px;}
  main section.highlights .principal .img{max-width: 40%;}
  main section.highlights .principal .conteudo{margin-left: 5%;width: 55%;}
  main section.highlights .secundaries .item{padding: 0 30px 30px;}
  main .container .content h3{font-size: 22px;line-height: 26px;}
  main section.founder{margin-top: 50px;}
  main .container .content p{font-size: 14px;line-height: 18px;}
  main section.governanca_coorporativa_intro .img{width: 30%;height: 280px;}
  main section.governanca_coorporativa_intro .img img{height: 100%;object-fit: cover;}
  main section.procedimentos .container_procedimentos .procedimento .text h3{font-size: 23px;line-height: 32px;margin: 30px 0 20px;}
  main section.governanca_coorporativa_intro .content{padding: 15px 20px;width: 70%;height: 280px;}
  main section.governanca_coorporativa_intro .content p{font-family: 'Roboto';margin: 0 0 5px;}
  main section.procedimentos .container_procedimentos .procedimento{width: 49%;margin-bottom: 20px;}
  main section.post_body img{max-width: 100%;height: auto !important;}
  main section.dados_contato{align-items: end;}
}
/* 970px */




/* 768px */
@media screen and (max-width: 768px){
  header .menu nav{max-width: 515px;position: relative;}
  header .menu nav ul{position: fixed;top: -300px;left:0;z-index: 9;transition: all ease 0.3s;flex-direction: column;background: var(--fundo);width: 100vw;margin: 0;}
  header .menu nav ul.ativo{top: 0;}
  header .menu nav .responsive_menu{display: block;border: none;box-shadow: none;background: none;color: var(--golden);font-size: 22px;z-index: 99;cursor: pointer;}
  header .menu nav .responsive_menu.ativo .fa-bars{display: none;}
  header .menu nav .responsive_menu.ativar .fa-bars{display: block;}
  header .menu nav .responsive_menu.ativo .fa-times{display: block;}
  header .menu nav .responsive_menu.ativar .fa-times{display: none;}
  footer p{max-width: 515px;}
  header .banner .banner-txt h1{max-width: 515px;font-size: 64px;}
  main{max-width: 515px;}
  main .container{flex-direction: column;}
  main section.highlights .secundaries{flex-direction: column;}
  main section.highlights .secundaries .item{width: 100%; margin-top: 20px;}
  main section.highlights .principal{flex-wrap: wrap;}
  main section.highlights .principal .img{display: none;}
  main section.highlights .principal .conteudo{width: 100%; margin: 0;}
  main .container .img{width: 100%;margin-bottom: 20px;}
  main .container .content{width: 100%;}
  main .container.reverse{flex-direction: column;}
  main .container.reverse .img{width: 100%;}
  main .container.reverse .content{width: 100%;}
  main section.governanca_coorporativa_intro{display: flex;flex-direction: column;}
  main section.governanca_coorporativa_intro .img{width: 100%;}
  main section.publicacoes .post{width: 100%;}
  main h2.section_title{font-size: 36px;line-height: 46px;}
  main section.governanca_coorporativa_intro .content{position: static;transform: unset;width: 100%;height: unset;padding: 20px 40px 30px 40px;}
  main section.governanca_coorporativa_intro .content p{font-family: 'Playfair Display';font-size: 18px;line-height: 24px;color: var(--fundo);}
  main section.procedimentos .container_procedimentos::after{display: none;}
  main section.procedimentos .container_procedimentos .procedimento{width: 100%; padding: 80px 40px 30px;}
  main section.dados_contato{flex-direction: column;}
  main section.dados_contato .content{width: 100%;padding: 0;}
  main section.dados_contato .form{width: 100%;padding-top: 30px;margin-top: 30px;border-top: 1px solid var(--golden);}
}
/* 768px */




/* 515px */
@media screen and (max-width: 515px){
  header .menu nav{max-width: 360px;}
  footer p{max-width: 360px;}
  header .banner .banner-txt h1{max-width: 360px;font-size: 42px;line-height: 48px;}
  main{max-width: 360px;}
  main section.dados_contato .form .field{width: 100%;}
}
/* 515px */