/* Historia */
.historia{ width: 100%; padding:50px 0; position: relative; background: #f8f8f8; }
.historia .cont{ display: flex; }
.historia .cont strong{ font-weight: bold; }
.historia .image-historia{ width: 50%;}
.historia .image-historia img{ width: 100%; height: auto; border-radius: 10px;}
.historia .texto{ display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width: 50%; padding-left: 40px;}
.historia .texto p{ margin-bottom: 20px; }

/* Proposito */
.proposito{ width: 100%; padding: 50px 0; position: relative; }
.proposito .swiper{  margin-top: 50px; padding-bottom: 70px; }
.proposito .swiper .swiper-slide{ height: auto; }
.proposito .swiper .swiper-slide .cont{border-radius: 10px; padding: 10%; text-align: center; border: #e0c166 solid 2px; background: #f8f8f8; height: 70%; }
.proposito .swiper .swiper-slide .cont img{ margin-bottom: 20px; }
.proposito .swiper .swiper-slide .cont h3{ color: #000; text-transform: uppercase; font-size:1.6rem; margin-bottom: 20px; }
.proposito .swiper .swiper-slide .cont p{ color: #000; }
.proposito .flex{ align-items: center; justify-content: center }
.proposito .swiper-pagination{ background: #e0c166 ; padding: 14px 25px; border-radius: 10px; width: auto; left: auto; bottom: 0; } 
.proposito .swiper-pagination .swiper-pagination-bullet{ background: #fff; opacity: 1; margin: 0 8px; }
.proposito .swiper-pagination .swiper-pagination-bullet-active{ background-color: #000; }

/* Content */
.content{ width: 100%; position: relative; padding: 50px 0; }
.content h1{ color: #e0c166 ; font-size: 3rem; margin-bottom: 20px; font-weight: bold; }
.content h2{ color: #e0c166 ; font-size: 2rem; margin-bottom: 20px; font-weight: bold; }
.content h3{ color: #e0c166 ; font-size: 1.8rem; margin-bottom: 10px; font-weight: bold; }
.content h4{ color: #e0c166 ; font-size: 1.6rem; margin-bottom: 10px; font-weight: bold; }
.content h5{ color: #e0c166 ; font-size: 1.4rem; margin-bottom: 10px; font-weight: bold; }
.content p{ margin: 0 0 5px 0;}
.content strong{ font-weight: bold; }
.content ul{ list-style: disc; padding-left: 15px; margin-bottom: 30px; }
.content ul li{ margin: 0 0 10px 0; }
.content iframe{ width: 75%; height: 500px; border-radius: 10px; display: block; margin: 0 auto; }

/* Galeria de fotos full */
.galeria-full{ width: 100%; padding: 50px 0; position: relative; }
.galeria-full .swiper{ text-align: center; width: 75%; margin: 0 auto;}
.galeria-full .swiper .swiper-slide img{ margin-bottom: 20px; width: 100%; height: auto; border-radius: 10px; }
.galeria-full .swiper .swiper-slide {display: inline-block; margin-bottom: 20px;}
.galeria-full .flex{ align-items: center; justify-content: center }
.galeria-full .swiper-pagination{ background: #e0c166 ; padding: 14px 25px; border-radius: 10px; width: auto; left: auto; bottom: 60px; } 
.galeria-full .swiper-pagination .swiper-pagination-bullet{ background: #fff; opacity: 1; margin: 0 8px; }
.galeria-full .swiper-pagination .swiper-pagination-bullet-active{ background-color: #000; }

/* Galeria de fotos thumb */
.galeria-thumb{ width: 100%; padding:50px 0; position: relative; }
.galeria-thumb .swiper { width: 100%; height: 100%; margin-left: auto; margin-right: auto;  }
.galeria-thumb .swiper-wrapper{ flex-direction: row; }
.galeria-thumb .swiper-slide { margin: 0 20px 20px 0 !important; overflow:hidden; font-size: 18px;  height: calc((100% - 30px) / 2) !important; display: flex; justify-content: center; align-items: center; }
.galeria-thumb .swiper-slide a{border: #e0c166  solid 7px; display: block; overflow: hidden; position: relative; border-radius: 10px; }
.galeria-thumb .swiper-slide a img{ width: 100%; height: 300px; display: block;}
.galeria-thumb .swiper-slide a:before{ background:black; content: ""; width: 100%; height: 100%; display: block; position: absolute; opacity: 0.5;}
.galeria-thumb .swiper-slide:hover a:before{ opacity: 0; }
.galeria-thumb .swiper-slide:hover a img{ transform: scale(1.1); }
.galeria-thumb .swiper-button-next{ background: #000;  border-radius: 50px; width: 50px;  height: 50px; right: 20px; display: flex !important; align-items: center; justify-content: center; }
.galeria-thumb .swiper-button-prev{ background: #000;  border-radius: 50px; width: 50px;  height: 50px; right: 80px; left: initial;  display: flex !important; align-items: center; justify-content: center; }
.galeria-thumb .swiper-button-next:after, .galeria-thumb .swiper-button-prev:after{ font-size: 20px; color: #e0c166 ; font-weight: bold; }

/* Accordion */
.accordion{ width: 100%; padding: 50px 0; position: relative; }
.accordion .accordion-full{ width: 75%; margin: 0 auto;}
.accordion .titulo{ position: relative; z-index: 20; background: #e0c166 ; font-weight: bold; line-height: 140%; padding: 20px 30px; font-size: 1.4rem; color: #000; border-bottom: #f5f5f5 solid 1px; cursor: pointer; }
.accordion .conteudo{ color: #000; z-index: 10; margin-top: -10px; display: flow-root; background: #f5f5f5; padding: 30px; }
.accordion .conteudo p{ margin: 10px 0 20px 0; color: #000;}
.accordion .conteudo img{ width: 45%; height: auto;}

/* Rebranding */
.rebranding{ background: #e0c166 ; padding: 50px 0; margin: 50px 0;}
.rebranding .cont{ display: flex; align-items: center; }
.rebranding .cont .texto{ width: 40%;  color: #000;}
.rebranding .cont .texto h2{ color: #000; text-transform: uppercase; font-size: 2rem; margin-bottom: 30px; font-weight: bold; }
.rebranding .cont .texto p{ color: #000; width: 90%; }
.rebranding .cont .video{ width: 60%; position: relative; }
.rebranding .cont .video iframe{ width: 100%; height: 450px; border-radius: 10px; border: #000 solid 10px;}

/* Diferenciais */
.diferenciais{ width: 100%; position: relative; padding: 50px 0; }
.diferenciais h3{ color: #e0c166 ; font-size: 1.6rem; margin-bottom: 30px; font-weight: bold; }
.diferenciais ul{ margin: 30px 0 0 0; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap:70px 20px; border-bottom: #e0c166  solid 1px; padding-bottom: 50px; margin-bottom: 50px;}
.diferenciais ul li img{ width: 100%; height: auto; margin-bottom: 16px; border-radius: 10px; }
.diferenciais ul li h4{ color: #e0c166 ; font-size: 1.4rem; margin-bottom: 30px; font-weight: bold; }
.diferenciais ul:last-child{ border-bottom: none; }

/* Socioambiental */
.socioambiental{ display: flex; margin: 50px 0 0 0; }
.socioambiental .swiper{padding-bottom: 0; }
.socioambiental .swiper-pagination{ bottom: 20px !important; }
.socioambiental .imagem-socio { width: 50%; }
.socioambiental .imagem-socio img{ display: block; width: 100%; height: auto; }
.socioambiental .texto{ background: #f8f8f8; display: flex; align-items: center; justify-content: center; width: 50%; }
.socioambiental .texto .cont{ width: 90%; color: #fff;}
.socioambiental .texto h2{ color: #000; text-transform: uppercase; font-size: 2rem; margin-bottom: 30px; font-weight: bold; }
.socioambiental .texto p{ color: #000; margin-bottom: 20px; width: 75%; }
.socioambiental .texto a{ display: inline-block; }

/* Realizações */
.realizacoes{ width: 100%; padding: 50px 0; }
.realizacoes .cont{ display: flex; margin-bottom: 80px; align-items: center; border-bottom: #e0c166  solid 1px; padding-bottom: 80px; }
.realizacoes .cont:last-child{ margin-bottom: 0;}
.realizacoes .texto{  align-items: center; padding-left: 40px; width: 55%;}
.realizacoes .texto h4{ color: var(--color-empresa); font-size: 1.3rem; margin-bottom: 16px; }
.realizacoes .image-realizacoes{ width: 45%;}
.realizacoes .image-realizacoes img{ border-radius: 10px; width: 100%; height: auto; }
.realizacoes .cont:nth-child(2n + 1) .texto{ order:1; padding:0 40px 0 0; text-align: right; }
.realizacoes .cont:nth-child(2n + 1) .image-realizacoes{ order:2; }
.realizacoes .cont:last-child{ border: none; }

/* Clientes */
.clientes{ width: 100%; padding: 50px 0; }
.clientes .swiper-slide a {border: #e0c166 solid 2px; background: #f1f1f1; border-radius: 10px; display: flex; padding: 30px; align-items: center; justify-content: center;}
.clientes .swiper-slide a img{ width: 80%; height: auto; object-fit: cover; mix-blend-mode: multiply; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.clientes .swiper-slide a:hover img{ -webkit-filter: grayscale(0); filter: grayscale(0); filter: gray;}
.clientes .swiper-pagination{  border-radius: 10px; bottom: 0; } 
.clientes .swiper-pagination .swiper-pagination-bullet{ background: #000; opacity: 1; margin: 0 8px; width: 14px; height: 14px; }
.clientes .swiper-pagination .swiper-pagination-bullet-active{ background-color: #e0c166 ; }

/* Produtos */
.produtos{ background: #F5F5F5; width: 100%; margin: 50px 0; position: relative; padding: 70px 0 50px 0; }
.produtos .swiper{ padding-bottom: 80px; }
.produtos .swiper-slide{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.produtos .swiper-slide a{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.produtos .swiper-slide img{ margin-bottom: 20px; }
.produtos .swiper-slide h3{ color: #000; font-size: 1.2rem; font-weight: bold; }
.produtos .swiper-pagination{  border-radius: 10px; bottom: 0; } 
.produtos .swiper-pagination .swiper-pagination-bullet{ background: #000; opacity: 1; margin: 0 8px; width: 14px; height: 14px; }
.produtos .swiper-pagination .swiper-pagination-bullet-active{ background-color: #e0c166 ; }

.page, .single, .category{
    padding-top: 100px;
}

.page-template-front-page{
    padding-top: 0 !important;
}

@media (max-width: 1199.98px) {
}

@media (max-width: 991.98px) { 
.historia{ padding-bottom: 0; }
.historia .cont{ flex-direction: column; }
.historia .image-historia{ width: 100%; margin-bottom: 20px; }
.historia .texto{ width: 100%; padding-left: 0; }
.content{ padding-bottom: 0;}
.content iframe{ width: 100%; height: 325px; }
.galeria-full .swiper{ width: 100%; }
.accordion .accordion-full{ width: 100%; }
.accordion .titulo{ font-size: 1.1rem;  }
.rebranding .cont{ flex-direction: column; }
.rebranding .cont .texto{ width: 100%; margin: 0 0 30px 0; }
.rebranding .cont .texto p{ width: 100%; }
.rebranding .cont .video{ width: 100%; }
.rebranding .cont .video iframe{  height: 325px; border: none; }
.diferenciais ul{ grid-template-columns: repeat(1, 1fr); }
.socioambiental{ flex-direction: column; }
.socioambiental .imagem-socio{ width: 100%;  }
.socioambiental .texto{ width: 100%; padding: 30px 0 50px 0; }
.socioambiental .texto p{ width: 100%; }
.realizacoes{ padding-bottom: 0; }
.realizacoes .cont{ flex-direction: column; margin-bottom: 40px; padding-bottom: 40px; }
.realizacoes .texto{ padding: 0 !important; order: 2 !important; text-align: left !important; width: 100%; }
.realizacoes .image-realizacoes{margin: 0 0 30px 0; width: 100%; order:1 !important; }
.proposito .swiper .swiper-slide .cont{ height: 80%; }
.proposito .swiper .swiper-slide .cont h3{ font-size: 1.2rem; margin-bottom: 10px; }
}

@media (max-width: 767.98px) { 
.diferenciais{ padding:40px 0 !important; }
.galeria-thumb{ padding:40px 0!important; }
.clientes{ padding: 40px 0!important; }
}

@media (max-width: 575.98px) { 
.content iframe{ height: 250px; }
.rebranding .cont .video iframe{ height: 250px; }
}