/* GERAIS */

 :root {
     --cor-primaria: #F5781E;
     --background-laranja: #FDE4D2;
     --cor-background: #EBEEF2;
     --cor-texto: #414650b3;
     --cor-titulo: #16171A;
     --cor-branco: rgba(255, 255, 255, 1);
     --cor-preto: #000000;
     --cor-input: #849698;
     --cor-texto-rodape: rgba(115, 120, 131, 1);
     --fonte-principal: "Inter", sans-serif;

 }

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

 }

 html {
     scroll-padding-top: 65px;
 }

 body {
     overflow-x: hidden;

 }


 .texto-centro p {
     text-align: center;
 }

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

 .fancybox img {
     transition: 0.3s;
 }

 .area-sombras-duplas {
     width: 100%;
     display: flex;
     justify-content: center;
     gap: 150px;
 }

 .area-sombras-duplas img {
     width: 45%;
 }



 @media (max-width: 320px) {
     .cima .titulo h1 {
         font-size: 25px !important;
     }
 }

 @media (max-width: 1024px) {
     .area-sombras-duplas {
         /* position: absolute;
            gap: 200px;
            bottom: -144px; */
         display: none;
     }


 }

 @media (min-width: 1000px) {
     .fancybox img:hover {
         transform: scale(1.02);
     }

     /* .cima {
         margin-top: 60px;
     } */
 }

 @media (min-width: 768px) {

     .fancybox {
         transition: 0.8s;
     }

     .fancybox:hover {
         transform: scale(1.03);
     }

 }


 /* TOPO */
 .topo {
     display: flex;
     flex-direction: column;
     position: relative;
     z-index: 2;
     width: 100%;
     z-index: 3;
 }


 .topo nav {
     display: flex;
     /* justify-content: end; */
     justify-content: center;
     align-items: center;
 }

 .menu-area {
     height: 90px;
     position: absolute;
     z-index: 5;
     width: 100%;
     padding-top: 20px;
     padding-bottom: 20px;
 }

 .logo-imaps {
     position: relative;
     z-index: 4;
     height: 90px;
     display: flex;
     align-items: center;
 }

 /* .menu-area::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: #000000;
     opacity: 10%;
     z-index: 1;
 } */

 .topo .menu-area {

     width: 100%;
     height: 90px;
     display: flex;
     align-items: center;
     position: absolute;
     top: 40px;
 }

 /* .menu-topo .menu-area .center {
     width: 1550px;
     max-width: 1550px;
 } */

 .menu-area nav {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .menu-area-esquerda {
     display: flex;
 }

 .menu-topo nav ul {
     display: flex;
     list-style: none;
     gap: 30px;
     height: 90px;
     align-items: center;
     justify-content: space-evenly;
     position: relative;
     z-index: 7;
 }

 .menu-topo nav ul li {
     text-decoration: none;
     position: relative;
     display: inline-block;
     padding: 10px 5px 5px 5px;
 }

 .menu-topo nav ul li a {
     color: #ffffff;
     font-family: var(--fonte-principal);
     font-weight: 400;
     font-size: 1.125em;
     text-decoration: none;
     text-align: center;
 }

 .menu-topo nav ul li a::before {
     display: flex;
     justify-content: center;
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 0;
     height: 0;
     background: transparent;
     /* border: 2px solid transparent; */
 }

 .menu-topo nav ul li:not(li.active) a::after {
     content: "";
     display: flex;
     justify-content: center;
     position: absolute;
     top: 0;
     left: 0;
     width: 0;
     height: 0;
     background: transparent;
     border: 2px solid transparent;
 }

 .menu-topo nav ul li:not(li.active) a:hover::before {
     animation: animate_principal 0.5s linear forwards;
     -webkit-animation: animate_principal 0.5s linear forwards;
     -ms-animation: none;
 }


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

 .menu-topo nav ul li.active a::before {
     content: '';
     position: absolute;
     /* bottom: -5px;  */
     top: 22px;
     left: 0;
     width: 100%;
     height: 2px;
     background-color: var(--cor-primaria);
 }


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

 img.logo-menu {
     padding: 10px;
 }

 /* .logo-iplan {
    position: relative;
    right: 60px;
} */

 .menu-links {
     gap: 60px;
     display: flex;
     padding-left: 60px;
 }

 .botao-download a {
     background-color: var(--cor-primaria);
     padding: 20px 30px 20px 30px;
     /* width: 180px;
     height: 66px; */
     display: flex;
     justify-content: center;
     border-radius: 12px;
     align-items: center;
     cursor: pointer;
     text-decoration: none;
     color: #fff;
     font-size: 1em;
     font-weight: 700;
     font-family: var(--fonte-principal);
     display: block;
     align-items: center;
     gap: 12px;
 }

 .botao-download a:hover {
     background: #000;
     transition: 0.3s all;
 }




 @supports (-ms-ime-align: auto) {
     nav.menu.principal .menu ul li a:hover:before {
         animation-name: none;
     }
 }

 .menu-topo .menu-area .area-logo {
     display: flex;
     width: 100%;
     justify-content: center;
     position: absolute;
     top: 200px;
 }

 .menu-mobile-ativador {
     display: none;
 }

 .menu-mobile {
     display: none;
 }




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

     .menu-links{
        padding-left:0px;
     }

     .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: 85px;
         width: 100%;
     }

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

     }

     .botao-download a {
         width: 200px;
         height: 50px;
         background-color: #fff;
         display: flex;
         margin: auto;
         margin-top: 16px;
         color: var(--cor-primaria);
         padding: 0px;

     }




     .menu-links {
         display: flex;
         flex-direction: column;
     }

     .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 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: 30px;
         align-items: center;
         background-color: var(--cor-primaria);
         border-bottom: 3px solid #ffffffab;
     }

     /* .menu-mobile-ativador img {
         width: 150px;
     } */

     .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: #fff;
         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-area.interno .menu-links{
        padding-left: 0px;
     }
     .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;
     }
 }

 /* topo 1440 */
 @media(max-width:1440px) {
     .topo nav {
         margin-right: 50px;
     }
 }


 /* topo 425 */
 @media(max-width:425px) {
     .topo nav {
         top: -35px;
     }

     .topo nav ul {
         margin-left: 0;
     }

     .topo nav ul li a {
         font-size: 1.25em;
     }

 }


 @media(max-width:375px) {
     .menu-mobile-ativador {
         gap: 30px;
     }

     .topo img.logo {
         width: 90%;
     }
 }

 @media(max-width:768px) {
     .menu-mobile .cont {
         width: 100%;
     }
 }


 /* BANNER */
 .banner {
     position: relative;
     margin-top: -20px;
     /* width: 100%;
     height: auto;
     background-color: var(--cor-texto); */
 }

 .conteudo-banner {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     padding-top: 80px;
     padding-bottom: 80px;
 }

 .banner .texto-banner .descricao {
     /* width: 550px; */
     line-height: 45px;
     font-weight: 300;
     margin-bottom: 50px;
     margin-top: 50px;
     font-size: 1.875em;
     font-family: var(--fonte-principal);
     color: #fff;

 }


 .banner .texto-banner h1 {
     font-size: 3.75em;
     font-family: var(--fonte-principal);
     width: 60%;
     color: #fff;
     font-weight: 800;
     display: flex;
     margin: auto;
     text-align: center;
 }

 .texto-banner.video {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     color: #ffffff;
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
     width: 70%;
     z-index: 4;
     /* width: 100%;
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center; */
 }

 .texto-banner {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     color: #ffffff;
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
     width: 70%;
     z-index: 4;
     /* width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center; */
 }

 .menu-area.interno {
     position: relative;
 }

 .banner .lista {
     margin-bottom: 0px !important;
     margin-top: -18px;
 }

 .banner video {
     width: 100%;
     height: auto;
     /* object-fit: fill; */
     object-position: center;
     position: relative;
     top: 0;
     left: 0;
     display: block;
     /* height: 100%; */
     object-fit: cover;

 }

 .banner::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: #20232B;
     opacity: 62%;
     z-index: 2;
 }



 .banner .item-banner {
     position: relative;
 }

 .banner .item-banner img.imagem {
     width: 100%;
     position: relative;
     object-fit: cover;
     /* margin-top: 90px; */
 }

 /* .banner .item.slick-active  img {
     transform: scale(1.2);
     transition: all 6000ms linear;
 } */

 /* .banner .item-banner .texto-banner {
     position: absolute;
     top: 9%;
     padding: 10px;
     left: 5%;
     font-family: var(--fonte-banner);
     color: #ffffff;
     display: flex;
   
 } */

 .img-banner {
     width: 50%;
     display: flex;
     justify-content: flex-end;
 }



 .banner .item-banner.textos-banner .texto p,
 .banner .item-banner .textos-banner .texto div {
     font-size: 1.25em;
     font-weight: 200;
     font-family: var(--fonte-principal);
 }


 .btn-banner a {
     background-color: var(--cor-primaria);
     padding: 20px 30px 20px 30px;
     border-radius: 12px;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     text-decoration: none;
     color: var(--cor-branco);
     font-size: 1em;
     font-weight: 700;
     font-family: var(--fonte-principal);
     display: flex;
     align-items: center;
     gap: 12px;
 }

 .btn-banner a:hover {
     background: #000;
     transition: 0.3s all;
 }



 .banner .area-detalhe {
     position: absolute;
     bottom: -1px;
     width: 100%;
     display: flex;
     justify-content: center;
 }

 .banner .area-detalhe a {
     position: absolute;
     top: 10px;
 }

 .banner .area-detalhe .flutuar {
     animation-name: flutuar;
     animation-duration: 0.7s;
     animation-iteration-count: infinite;
     animation-direction: alternate;
     animation-timing-function: ease-in-out;
     -webkit-animation-name: flutuar;
     -webkit-animation-duration: 0.7s;
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-direction: alternate;
     -webkit-animation-timing-function: ease-in-out;
 }

 @-webkit-keyframes flutuar {
     from {
         transform: translate3d(0, 3px, 0);
         filter: brightness(100%);
     }

     to {
         transform: translate3d(0, -4px, 0);
         filter: brightness(150%);
     }
 }

 @keyframes flutuar {
     from {
         transform: translate3d(0, 3px, 0);
         filter: brightness(100%);
     }

     to {
         transform: translate3d(0, -4px, 0);
         filter: brightness(150%);
     }
 }

 .banner .area-detalhe .seta-detalhe {
     height: auto;
     width: auto;
 }


 @media(max-width:1440px) {
     .texto-banner {
         position: absolute;
         top: 57%;
         left: 50%;
         transform: translate(-50%, -50%);
         color: #ffffff;
         display: flex;
         flex-direction: column;
         align-items: center;
         text-align: center;
         width: 70%;
         z-index: 4;
     }

     .texto-banner.video {
         position: absolute;
         top: 57%;
         left: 50%;
         transform: translate(-50%, -50%);
         color: #ffffff;
         display: flex;
         flex-direction: column;
         align-items: center;
         text-align: center;
         width: 70%;
         z-index: 4;
     }
 }


 /* BANNER 1024 */
 @media(max-width:1024px) {
     .banner .lista {
         margin-top: 80px;
     }

     .banner .item-banner .texto-banner {
         top: 50%;
         left: 50%;
     }

     .texto-banner {
         transform: translate(0%, 0%);
     }

     .banner .item-banner .texto-banner .titulo h1 {
         font-size: 2.5em;
     }

     .banner .item-banner .texto-banner {
         width: 100%;
     }



 }

 /* BANNER 768 */
 @media(max-width:768px) {
     .banner .item img {
         height: 100%;
     }

     .banner .item-banner .texto-banner {
         top: 10%;
         left: 0%;
         transform: translate(0%, 0%);
     }

     .banner .item .texto-banner {
         top: 460px;
     }

     /* .banner .item-banner .texto-banner {
         left: 10%;
     } */

     .banner .item-banner .texto-banner .descricao {
         margin-bottom: 30px;
         margin-top: 30px;
         font-size: 1.125em;
     }

 }



 @media(max-width:440px) {
     .banner .item-banner .texto-banner .titulo h1 {
         font-size: 1.5em;
         width: 300px;
     }

     .banner .item-banner .texto-banner .descricao {
         font-size: 1.125em;
         width: 320px;
     }

     .btn-banner a{
        padding: 15px 25px 15px 25px;
     }

     .banner .leia-mais-banner p {
         font-size: 1.125em;
     }

     .banner .item-banner .texto-banner {
         top: 7%;
     }

     .banner .item-banner .texto-banner {
        top: 10%;
        /* width: 290px; */
        width: 100%;
        left: 0%;
    }


    .banner .item-banner .texto-banner .titulo h1 {
        font-size: 1.5em;
        width: 100%;
        margin-left: 20px;
    }

    .banner .item-banner .texto-banner .descricao {
        width: auto;
        font-size: 0.938em;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 0px;
    }

    .banner .item-banner .texto-banner .descricao.video p {
        padding-top: 10px;
        margin-top: -20px;
    }

    .btn-banner {
        padding: 10px 20px 10px 20px;
    }

    .btn-banner p {
        font-size: 0.938em;
    }

 }



 /* BANNER 392 */
 @media(max-width:392px) {
     .banner .item .texto-banner {
         top: 40px;
     }
 }

 @media (min-width:376px) and (max-width:424px) {
     .banner .item-banner .texto-banner.video {
         top: 5%;
         left: 0%;
     }
 }


 /* BANNER 375 */
 @media(max-width:375px) {
     .banner .item-banner .texto-banner .titulo h1 {
         font-size: 1em !important;
     }

     .btn-banner a{
         padding: 10px 20px 10px 20px;
     }


     .banner .item-banner .texto-banner {

         width: 100%;
         left: 1%;
     }

     .banner .item-banner .texto-banner.video{
        top:5%;
     }

     .banner .item .texto-banner .titulo {
         width: 90%;
         margin: 0 auto;
         margin-bottom: 80px;
     }

     .banner .item-banner .texto-banner .descricao {
         font-size: 0.875em;
         margin-top: 5px;
         margin-bottom: 5px;
     }

 }


 /* BANNER 320 */
 @media(max-width:340px) {

     .banner .item-banner .texto-banner .titulo h1 {
         font-size: 1em;
         width: 100%;
         margin-left: 20px;
     }

     .banner .item-banner .texto-banner.video {
         left: 0% !important;
     }

     .banner .item-banner .texto-banner .descricao {
         width: auto;
         font-size: 0.75em;
         margin-left: 0px;
     }

     .btn-banner {
         padding: 10px 20px 10px 20px;
     }

     .banner .item .texto-banner {
         padding-top: 50px;
         top: -45px;
     }

     .banner .item-banner .texto-banner.video{
        top:3%;
     }

     .banner .item .texto-banner .titulo {
         margin-bottom: 40px;
         margin: 25px auto;
     }

     .banner .item .texto-banner .titulo h1 {
         line-height: 35px;
     }

     .btn-banner p {
         font-size: 0.75em;
     }

 }


 .leia-mais p {
     margin-top: 10px;
 }

 .bg-flecha {
     background-color: var(--cor-secundaria);
     display: flex;
     align-items: center;
     justify-content: center;
     width: 66px;
     height: 66px;
     border-radius: 50%;
 }

 .leia-mais-banner .bg-flecha img {
     width: 20px;
     height: auto;
 }



 /* ============ EMPRESAS PARCEIRAS =========== */

 .empresas-parceiras {
     background-color: #fff;
     padding-top: 30px;
     padding-bottom: 30px;
 }

 .empresas-parceiras .lista-empresas-parceiras {
     display: flex;
     justify-content: center;
     gap: 40px;
     width: 100%;
 }

 .empresas-parceiras .lista-empresas-parceiras .card-slick {
     /* width: 110px;
    height: 80px; */
     display: flex;
     justify-content: center;
     align-items: center;
     margin: auto;
     width: 200px;
     height: 120px;
 }


 /* .slick-slide {
    margin-right:60px;
 } */



 @media (max-width:1024px) {
     .empresas-parceiras {
         margin-top: -100px;
     }
 }

 @media(max-width:768px) {
     .empresas-parceiras .lista-empresas-parceiras .card-slick {
         width: 200px;
     }
 }


 /* ================= AREA TEXTOS ================ */

 .area-texto {
     background-color: var(--cor-background);
 }

 .area-destaques {
     display: flex;
 }

 .area-texto .textos-destaques {
     /* text-align: center; */
     display: flex;
     flex-direction: column;
     margin: auto;
     padding-top: 150px;
     padding-bottom: 150px;
     /* padding-top: 80px; */
     gap: 30px;
     /* padding-bottom: 80px; */
 }

 .area-destaques ul li {
     list-style-type: none;
 }

 .area-destaques li {
     font-family: var(--fonte-principal);
     font-size: 3em;
     font-weight: 700;
     color: #16171A;
     margin-bottom: 30px;
 }


 .primeira-palavra {
     color: var(--cor-primaria);
 }

 .restante-texto {
     color: #16171A;
 }

 .textos-destaques {
     color: var(--cor-primaria);
 }

 @media(max-width:768px) {
     .textos-destaques h3 {
         font-size: 2em;
     }

     .area-texto .area-destaques {
         padding-top: 80px;
         padding-bottom: 80px;
     }

     .area-texto .textos-destaques {
         padding-top: 0px;
         padding-bottom: 0px;
     }

 }

 @media(max-width:440px) {
     .area-destaques .textos-destaques {
         padding-top: 0px;
         padding-bottom: 0px;
     }

     .area-destaques li{
        font-size: 2.5em;
     }

 }

 @media(max-width:375px) {

    .area-destaques li{
       font-size: 2em;
    }

}


 @media(max-width:320px) {
     .area-destaques li {
         font-size: 1.75em;
     }
 }




 /* ================= AREA CANVAS ================ */

 .canvas {
     background-color: var(--cor-branco);
     padding-top: 100px;
     padding-bottom: 100px;
 }

 .conteudo-canvas {
     text-align: center;
     display: flex;
     flex-direction: column;
     margin: auto;
     align-items: center;
 }

 .textos-canvas {
     display: flex;
     flex-direction: column;
     align-items: center;
     margin-top: 30px;
     margin-bottom: 50px;
 }

 .descricao-canvas {
     width: 55%;
 }

 .imagem-canvas {
     width: 100%;
 }

 /* .imagem-canvas img {
     height: 844px;
     width: 1190px;
     object-fit: cover;
 } */

 .imagem-canvas img {
     width: 100%;
     height: auto;
     object-fit: contain;
     box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
     border-radius: 20px;
 }

 .textos-canvas .titulo-canvas {
     color: var(--cor-primaria);
     text-transform: uppercase;
     font-family: var(--fonte-principal);
     font-weight: 800;
     font-size: 1.375em;
 }

 .conteudo-canvas h4 {
     font-family: var(--fonte-principal);
     font-size: 3em;
     font-weight: 700;
     margin-top: 30px;
     margin-bottom: 30px;
     width: 60%;
     line-height: 62px;
 }


 .descricao-canvas p {
     font-family: var(--fonte-principal);
     font-size: 1.375em;
     color: rgba(115, 120, 131, 1);
     line-height: 33px;
 }

 .baixar-canvas a {
     background-color: var(--cor-primaria);
     padding: 20px 30px 20px 30px;
     display: flex;
     justify-content: center;
     border-radius: 12px;
     align-items: center;
     margin-bottom: 40px;
     margin-top: 40px;
     cursor: pointer;
     text-decoration: none;
     color: #fff;
     font-size: 1em;
     font-weight: 700;
     font-family: var(--fonte-principal);
     display: flex;
     align-items: center;
     gap: 12px;
 }

 .baixar-canvas a:hover {
     background: #000;
     transition: 0.3s all;
 }




 @media(max-width:768px) {


     .conteudo-canvas .descricao-canvas {
         width: 85%;
         text-align: justify;
     }

     .canvas {
         padding-top: 80px;
         padding-bottom: 80px;
     }

     .conteudo-canvas h4 {
         width: 90%;
         text-align: center;
     }
 }

 @media(max-width:440px) {

    .conteudo-canvas .descricao-canvas {
         width: 90%;
         text-align: justify;
     }

     .descricao-canvas p {
         font-size: 1.25em;
     }

     .conteudo-canvas h4 {
         font-size: 1.875em;
         line-height: normal;
     }

 }

 
 @media(max-width:320px) {
     .conteudo-canvas .descricao-canvas {
         text-align: left;
     }

     .descricao-canvas {
         width: 100%;
     }

     .conteudo-canvas h4 {
         width: 100%;
     }
 }





 /* ================= DESENVOLVER SOLUÇÕES ================ */

 .desenvolver {
     background-color: var(--background-laranja);
     padding-top: 100px;
     padding-bottom: 100px;
 }


 .texto-desenvolver {
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 .texto-desenvolver h4 {
     font-family: var(--fonte-principal);
     color: var(--cor-titulo);
     font-size: 3em;
     font-weight: 700;
     margin-top: 30px;
     margin-bottom: 30px;
     line-height: 62px;

 }

 .texto-desenvolver .titulo-desenvolver {
     color: var(--cor-primaria);
     text-transform: uppercase;
     font-family: var(--fonte-principal);
     font-weight: 800;
     font-size: 1.375em;
     margin-bottom: 0px;
     text-align: center;
 }

 .texto-desenvolver p {
     font-family: var(--fonte-principal);
     width: 62%;
     text-align: center;
     color: rgba(115, 120, 131, 1);
     font-size: 1.375em;
     margin-bottom: 50px;
     font-weight: 400;
     line-height: 33px;

 }

 .area-cards-desenvolver {
     display: flex;
     justify-content: center;
     gap: 20px;
 }

 .cards-desenvolver {
     /* width: 525px;
     height: 582px; */
     background-color: #FFF0E5;
     border-radius: 25px;
     padding:50px;
     position: relative;
 }


 .cards-desenvolver .conteudo-card {
     display: flex;
     flex-direction: column;
     align-items: center;
     /* width:437px; */
     width:437px;
     height: 417px;
 }


 .texto-cards {
     display: flex;
     flex-direction: column;
     margin: auto;
     width:100%;
     /* width: 80%;
     margin-top: 40px;
     margin-bottom: 20px; */
 }

 .area-btn-desenvolver {
     display: flex;
     width: 80%;
     /* justify-content: right; */

 }

 .botao-imagem-desenvolver {
     position: absolute;
     background-color: #fff;
     height: 42px;
     width: 152px;
     border-radius: 12px;
     display: flex;
     align-items: center;
     justify-content: center;
     /* bottom: 10.2%; */
     margin-top: -50px;
     left:12%;
 }

 .botao-imagem-desenvolver p {
     font-family: var(--fonte-principal);
     font-size: 12px;
     color: var(--cor-primaria);
     margin: 10px;
 }

 .texto-cards .secao {
     color: rgba(210, 214, 221, 1);
     font-family: var(--fonte-principal);
     font-size: 1.375em;
     text-transform: uppercase;
     font-weight: 800;
     margin-bottom:10px;
 }

 .texto-cards .titulo {
     font-size: 1.75em;
     font-family: var(--fonte-principal);
     font-weight: 800;
     width: 95%;
     line-height: 33px;
     margin-bottom:20px;
 }


 .link-card {
     display: flex;
     justify-content: end;
     /* padding-right: 46px; */
     padding-top: 20px;
     /* padding-bottom: 50px; */
 }

 .link-card a {
     text-decoration: none;
     color: var(--cor-primaria);
     font-family: var(--fonte-principal);
     font-size: 1.125em;
     font-weight: 700;
     display: flex;
     justify-content: center;
     align-items: center;
     font-weight: 700;
     gap: 10px;

 }

@media (max-width:1024px){
    .conteudo-processos .area-cards-processos {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: auto;
    }

    .area-cards-processos .cards-processos{
       height: auto;
    }
    
    .conteudo-desenvolver .area-cards-desenvolver {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: auto;
    }
}

 @media(max-width:768px) {
    
     .desenvolver {
         padding-top: 80px;
         padding-bottom: 80px;
     }

     .texto-desenvolver h4 {
         text-align: center;
         width: 90%;
     }

     .texto-desenvolver p {
         width: 85%;
         text-align: justify;

     }

     .conteudo-processos .texto-processos .titulo-processos {
        text-align: center;
     }

     .conteudo-processos .texto-processos p{
        text-align: justify;
     }

 }

 @media(max-width:440px) {
     .texto-desenvolver p {
         width: 90%;
         text-align: justify;
     }

     .texto-desenvolver h4 {
         text-align: center;
         width: 90%;
         font-size: 1.875em;
         line-height: normal;
     }

     .textos-cards .titulo{
        width:100%;
     }

     .texto-cards .secao{
        margin-top:20px;
     }
     .cards-desenvolver .conteudo-card{
        width:auto;
        height: auto;
     }

    .texto-cards .titulo{
        width:100%;
    }

     .cards-desenvolver {
        width:100%;
        height: auto;
        padding:0px;
         /* width: 370px;
         height: 545px; */
     }

     .conteudo-card .imagem-card img {
         width: 335px;
         /* height: auto; */
     }
    
    .cards-desenvolver .link-card{
        padding-bottom:30px;
        padding-right:46px;
    }
 }

 @media(max-width:375px) {

     .conteudo-card .imagem-card img {
         width: 300px;
     }
     .texto-cards .titulo{
        font-size:1.5em;
     }

     .cards-processos .conteudo-card .texto-cards p.titulo-processos-card{
        font-size:1.5em;
    }
 }

 @media(max-width:340px){
    .conteudo-card .imagem-card img{
        width:290px;
    }
    .botao-imagem-desenvolver{
        left:8%;
    }
 }

 @media(max-width:320px) {
     /* .area-cards-desenvolver .cards-desenvolver {
         width: 290px;
         height: 457px;
     } */

     .texto-desenvolver p {
         width: 100%;
         text-align: left;
     }

     .texto-cards .titulo {
         font-size: 1.375em;
     }

     .cards-desenvolver .imagem-card img {
         width: 270px;
     }

     .texto-cards .secao {
         font-size: 1.25em;
     }

     .link-card {
         margin-top: 14px;
         padding-top: 0px;
         padding-bottom: 0px;
     }

     .link-card a {
         font-size: 1.125em;
     }

     .texto-desenvolver h4 {
         width: 100%;
     }

     .cards-processos .conteudo-card{
        height: auto;
     }
 }

 /* ================= MELHORAR PROCESSOS ================ */

 .processos {
     background-color: #fff;
     padding-top: 100px;
     padding-bottom: 100px;
 }



 .texto-processos {
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 .texto-processos .titulo-processos {
     color: var(--cor-primaria);
     text-transform: uppercase;
     font-family: var(--fonte-principal);
     font-weight: 800;
     font-size: 1.375em;
     margin-bottom: 0px;
 }

 .texto-processos h4 {
     font-family: var(--fonte-principal);
     color: var(--cor-titulo);
     font-size: 3em;
     font-weight: 700;
     margin-top: 30px;
     margin-bottom: 30px;
 }


 .area-cards-processos {
     display: flex;
     justify-content: center;
     gap: 20px;
 }

 .cards-processos .conteudo-card {
     display: flex;
     flex-direction: column;
     align-items: center;
     width:437px;
     height:375px;
 }

 .cards-processos {
     /* width: 525px;
     height: 500px; */
     background-color: #EBEEF2;
     border-radius: 25px;
     padding:50px;
     position: relative;

 }

 .texto-processos p {
     font-family: var(--fonte-principal);
     width: 62%;
     text-align: center;
     color: rgba(115, 120, 131, 1);
     font-size: 1.375em;
     margin-bottom: 50px;
     font-weight: 400;
     line-height: 33px;
 }

 .texto-cards p.titulo-processos-card {
     font-size: 1.75em;
     font-family: var(--fonte-principal);
     font-weight: 800;
     width: 95%;
     line-height: 33px;
     margin-bottom:20px;
 }


 .imagens-desenvolver {
     display: flex;
     justify-content: center;
     gap: 40px;
     padding-top: 30px;
 }

 .imagens-desenvolver img {
     border-radius: 4px;
 }

 .imagem-card img {
     position: relative;
     /* width:100%;
     object-fit: contain; */
     max-height: 300px;
     /* width: 438px;
     height: 300px; */
     border-radius:15px;
 }


 .area-btn {
     display: flex;
     width: 80%;
     /* justify-content: right; */

 }

 /* .conteudo-btn{
    position: absolute;
     bottom: 13%;
     display: flex;
     align-items: center;
     justify-content: center;
 } */

 .link-card-processos {
     display: flex;
     justify-content: end;
     /* padding-right: 46px; */
     padding-top: 20px;
     /* padding-bottom: 50px; */
 }

 .link-card-processos a {
     text-decoration: none;
     color: var(--cor-primaria);
     font-family: var(--fonte-principal);
     font-size: 1.125em;
     font-weight: 700;
     display: flex;
     justify-content: center;
     align-items: center;
     font-weight: 700;
     gap: 10px;

 }




 @media(max-width:768px) {
     

     .conteudo-card .link-card-processos{
        padding-bottom:50px;
     }

     .processos {
         padding-top: 80px;
         padding-bottom: 80px;
     }

     .texto-processos h4 {
         width: 90%;
         text-align: center;
     }


     .texto-processos p.descricao-processos {
         width: 85%;

     }

 }

 @media(max-width:440px) {
     .texto-processos p {
         width: 90%;
         text-align: left;
     }

     .texto-processos .titulo-processos {
         text-align: center;
     }

     .texto-processos h4 {
         font-size: 1.875em;
     }

     .texto-processos h4 {
         text-align: center;
     }

     .conteudo-card .texto-cards{
        width:80%;
     }

     .cards-processos .conteudo-card{
        /* height: 402px; */
        height: auto;
        width:auto;
     }
     .texto-cards p.titulo-processos-card{
        margin-top:50px;
        margin-bottom:20px;
        width:100%;
     }

     .area-cards-processos .cards-processos {
         width: 100%;
         padding:0px;
     }

     /* .botao-imagem-desenvolver{
        margin-top:-22%;
     } */

     .cards-processos .link-card-processos{
        padding-bottom:30px;
        padding-right:46px;
     }
 }

 @media(max-width:375px){
    .cards-desenvolver .conteudo-card{
        height: auto;
    }

    .cards-processos .conteudo-card{
        height: auto;
        width:auto;
    }
 }

 @media(max-width:320px) {
     /* .cards-processos {
         width: 288px;
         height: 388px;
     } */

     .conteudo-card .imagem-card img {
         width: 260px;
         height: auto;
         /* width:100%;
         object-fit: contain; */
     }

     .texto-processos p.descricao-processos {
         width: 100%;
         text-align: left;
     }
     .cards-processos .conteudo-card{
        height: auto;
     }

 }



 /* ================= TECNOLOGIAS ================ */

 .tecnologias {
     background-color: #20232B;
     padding-top: 100px;
     padding-bottom: 100px;
 }

 .texto-tecnologias {
     display: flex;
     flex-direction: column;
     width: 80%;
 }

 .texto-tecnologias h4 {
     font-family: var(--fonte-principal);
     color: var(--cor-branco);
     font-size: 3em;
     font-weight: 700;

 }

 .texto-tecnologias p {
     font-family: var(--fonte-principal);
     color: rgb(255, 255, 255, 0.7);
     font-weight: 400;
     font-size: 1.375em;
     margin-top: 30px;
     line-height: 33px;
     width: 80%;
 }

 .lista-tecnologias {
     display: flex;
     flex-wrap: wrap;
     gap: 15px;
     padding-top: 50px;
 }


 .imgs-tecnologias img {
     border-radius: 8px;
     transition: 0.5s ease-in-out;
 }

 .imgs-tecnologias img:hover {
     transform: scale(1.05);
 }

 .area-descricao-tech {
     display: flex;
     justify-content: space-between;
     width: 100%;
 }

 .btn-tech {
     width: 20%;
     display: flex;
     align-items: end;
     justify-content: flex-end;
 }

 .btn-tech a {
     text-decoration: none;
     color: var(--cor-primaria);
     font-family: var(--fonte-principal);
     font-size: 1.125em;
     font-weight: 700;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
 }


 @media (max-width:1024px) {
     .area-descricao-tech {
         display: flex;
         justify-content: start;
         width: 100%;
     }

     .texto-tecnologias {
         width: 70%;
         display: flex;
         flex-direction: column;
     }

     .btn-tech {
         width: 20%;
         display: flex;
         align-items: end;
     }
 }

 @media (max-width:768px) {
     .area-descricao-tech {
         display: flex;
         flex-direction: column;
         /* justify-content: start; */
         width: 100%;
         justify-content: center;
         align-items: center;
     }

     .tecnologias {
         padding-top: 80px;
         padding-bottom: 80px;
     }

     .texto-tecnologias {
         width: 100%;
     }

     .texto-tecnologias p {
         width: 100%;
         margin-bottom: 20px;
     }

     .lista-tecnologias {
         justify-content: center;
     }
 }

 @media(max-width:440px) {
     .btn-tech {
         width: 100%;
     }

     .imgs-tecnologias img {
         width: 170px;
     }
 }

 @media(max-width:375px) {
     .imgs-tecnologias img {
         width: 162px;
     }
 }

 @media (max-width: 320px) {
     .imgs-tecnologias img {
         width: 130px;
     }
 }

 /* AREA CERTIFICAÇÕES */

 .certificacoes {
     background-color: var(--cor-background);
     padding-top: 100px;
     padding-bottom: 100px;
 }

 .textos-certificacoes {
     margin-bottom: 50px;
 }

 .certificacoes h4 {
     font-family: var(--fonte-principal);
     color: var(--cor-titulo);
     font-size: 2.25em;
     font-weight: 700;
 }

 .certificacoes p {
     font-family: var(--fonte-principal);
     color: rgb(65, 70, 80, 0.7);
     font-weight: 400;
     font-size: 1.375em;
     margin-top: 30px;
     margin-bottom: 50px;
 }

 .card-certificacoes{
    max-width: 208px;
}


 
.area-certificacoes .lista-certificacoes {
     display: flex;
     justify-content: center;
     gap: 40px;
     width: 100%;
 }

 .lista-certificacoes{
    width:100%;
 }


 .container-setas {
     display: flex;
     gap: 4px;
     justify-content: end;
     margin-bottom: 50px;

 }

 .container-setas button {
     background: #000;
     border: none;
     width: 40px;
     height: 40px;
     border-radius: 6px;
     cursor: pointer;
 }

 @media(max-width:1024px) {
     .container-setas {
         padding-bottom: 20px;
     }

     .lista-certificacoes .slick-slide {
         margin: 0 30px;
     }
 }

 @media(max-width:768px) {
     .certificacoes {
         padding-top: 80px;
         padding-bottom: 80px;
     }
 }

 @media(max-width:440px) {
     .container-setas {
         display: none;
     }

     .certificacoes img {
         max-width: 180px;
     }
 }

 @media(max-width:375px) {
     .lista-certificacoes .slick-slide {
         margin: 0 10px;
     }
 }


 /* ÁREA DE CONTATOS */

 #contatos {
     background-color: var(--cor-background);
     padding-top: 100px;
     padding-bottom: 100px;
 }

 #contatos .card-contatos {
     width: 100%;
     /* width:1290px; */
     display: flex;
     justify-content: center;
     margin: auto;
     z-index: 3;
 }


 #contatos .card-contatos .area-redes {
     background: var(--cor-background);
     /* background-color: #fff; */
     width: 50%;
     display: flex;
     flex-direction: column;
 }

 .redes-sociais-contato {
     display: flex;
     gap: 20px;
     align-items: center;
     padding-top: 30px;
     padding-bottom: 30px;
 }

 .area-redes h4 {
     font-family: var(--fonte-principal);
     color: var(--cor-titulo);
     font-size: 3em;
     font-weight: 700;
     width: 85%;
 }

 .area-redes h4 p {
     line-height: 70px;
 }

 .card-contatos .area-form {
     width: 50%;
     /* padding: 40px; */
     background-color: var(--cor-background);
 }

 .card-contatos .area-form h3 {
     font-family: var(--fonte-principal);
     font-weight: 300;
     font-size: 2.188em;
     color: var(--cor-texto);
     margin-left: 10px;
     padding-bottom: 30px;
 }

 #contatos .area-form .formulario input {
     width: 100%;
     height: 70px;
     padding-left: 15px;
     padding-right: 15px;
     margin-bottom: 20px;
     border: 1px solid #A0A6B1;
     font-family: var(--fonte-principal);
     box-sizing: border-box;
     font-size: 0.938em;
     background: #FCFCFD;
     border-radius: 8px;
 }

 #contatos .area-form .formulario input::placeholder {
     font-family: var(--fonte-principal);
     font-weight: 400;
     color: #A0A6B1;
 }

 #contatos .area-form .formulario textarea {
     width: 100%;
     height: 236px;
     border: 1px solid #A0A6B1;
     background: #FCFCFD;
     font-size: 0.938em;
     padding: 16px;
     box-sizing: border-box;
     margin-bottom: 8px;
     border-radius: 8px;
     font-family: var(--fonte-principal);
     font-weight: 400;
 }

 #contatos .area-form .formulario textarea::placeholder {
     font-family: var(--fonte-principal);
     color: #A0A6B1;
 }


 .redes-sociais-form {
     display: flex;
     align-items: center;
     margin-left: 20px;
     gap: 20px;
 }

 #contatos .captcha-area {
     display: flex;
     justify-content: flex-end;
     align-items: center;
     padding-top: 20px;
     padding-bottom: 20px;
 }

 /* .g-recaptcha {
   margin: 10px 0;
   display: block;
} */

 #contatos .area-form .formulario button {
     padding: 20px 30px 20px 30px;
     background-color: var(--cor-primaria);
     color: var(--cor-branco);
     font-family: var(--fonte-principal);
     font-weight: 700;
     cursor: pointer;
     font-size: 1em;
     border: none;
     border-radius: 8px;
     transition: 0.4s ease;
     box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1),
         3px 4px 5px 0px rgba(0, 0, 0, 0.09),
         7px 8px 7px 0px rgba(0, 0, 0, 0.05),
         13px 15px 8px 0px rgba(0, 0, 0, 0.01),
         20px 23px 9px 0px rgba(0, 0, 0, 0);
 }

 .redes-sociais-contato a {
     transition: 0.4s ease;
 }

 .redes-sociais-contato a:hover {
     transform: scale(1.03);
 }

 #contatos .area-form .formulario button:hover {
     background: #000;
     transition: 0.3s all;
 }

 @media(max-width:768px) {
     #contatos .card-contatos {
         flex-direction: column;
         width: 100%;
     }

     #contatos {
         padding-top: 10px;
         padding-bottom: 80px;
     }

     #contatos .card-contatos .area-redes {
         width: 100%;
         align-items: center;
         margin-bottom: 20px;
     }

     .area-redes h4 {
         font-size: 2.75em;
     }

     #contatos .card-contatos .area-form {
         width: 100%;
         align-items: center;
     }

     .redes-sociais-mobile {
         display: none;
     }


 }

 @media(max-width:440px) {
     .area-redes h4 {
         font-size: 2.25em;
         line-height: 50px;
         width: 90%;

     }
 }

 @media(max-width:375px) {
     .area-redes h4 {
         font-size: 1.875em;
     }
 }


 /* CONTEUDO RODAPE */

 #conteudo-rodape {
     background-color: var(--cor-background);
     padding-top: 30px;
     padding-bottom: 30px;
 }

 #conteudo-rodape .area-rodape {
     display: flex;
     /* justify-content: center; */
     justify-content: space-around;
 }

 #conteudo-rodape .area-um-rodape {
     width: 20%;
 }

 #conteudo-rodape .area-dois-rodape {
     width: 20%;
     position: relative;
 }

 #conteudo-rodape .area-tres-rodape {
     width: 20%;
 }

 #conteudo-rodape .area-quatro-rodape {
     width: 20%;
 }

 #conteudo-rodape .area-cinco-rodape {
     width: 20%;
     position: relative;
 }

 .area-dois-rodape::before {
     content: "";
     position: absolute;
     left: -30px;
     top: 6px;
     width: 1px;
     height: 50%;
     background-color: #737883;
 }

 .area-um-rodape h4, .area-dois-rodape h4, .area-tres-rodape h4, .area-quatro-rodape h4, .area-cinco-rodape h4 {
     font-family: var(--fonte-principal);
     color: var(--cor-texto-rodape);
     font-size: 1.125em;
     font-weight: 700;
 }

 .area-um-rodape li, .area-dois-rodape li, .area-tres-rodape li, .area-quatro-rodape li {
     list-style-type: none;
     color: #fff;
     font-family: var(--fonte-principal);
     font-size: 0.938em;
     font-weight: 600;

 }

 .area-dois-rodape .links-dois {
     line-height: 180%;
     padding-top: 10px;
     width:78%;
 }

 .area-um-rodape .links-um, .area-tres-rodape .links-tres {
     line-height: 180%;
     padding-top: 10px;
 }

 .area-quatro-rodape .links-um, .area-quatro-rodape .links-quatro {
     line-height: 180%;
     padding-top: 10px;
 }

 .area-um-rodape .links-um a, .area-dois-rodape .links-dois a, .area-tres-rodape .links-tres a, .area-quatro-rodape .links-quatro a {
     color: var(--cor-texto-rodape);
     font-weight: 600;
     font-size: 0.875em;
 }


 #conteudo-rodape .area-tres-rodape {
     position: relative;
 }

 .area-tres-rodape::before {
     content: "";
     position: absolute;
     left: -48px;
     top: 9px;
     width: 1px;
     height: 50%;
     background-color: var(--cor-texto-rodape);

 }

 #conteudo-rodape .area-quatro-rodape {
     position: relative;
 }

 .area-quatro-rodape::before {
     content: "";
     position: absolute;
     left: -48px;
     top: 9px;
     width: 1px;
     height: 50%;
     background-color: var(--cor-texto-rodape);
 }

 .area-cinco-rodape .infos {
     color: var(--cor-texto-rodape);
     font-family: var(--fonte-principal);
     font-size: 0.875em;
     font-weight: 400;
     padding-top: 10px;
     line-height: 21px;
     width:80%;
 }

 .area-quatro-rodape::before {
     content: "";
     position: absolute;
     left: -48px;
     top: 9px;
     width: 1px;
     height: 50%;
     background-color: var(--cor-texto-rodape);
 }

 .area-cinco-rodape::before {
     content: "";
     position: absolute;
     left: -48px;
     top: 9px;
     width: 1px;
     height: 50%;
     background-color: var(--cor-texto-rodape);
 }


 @media(max-width:1024px) {
     .area-um-rodape .links-um ul, .area-dois-rodape .links-dois {
         width: 85%;
     }

     .area-tres-rodape .links-tres, .area-quatro-rodape .links-quatro {
         width: 85%;
     }
 }

 @media(max-width:768px) {
     #conteudo-rodape .area-rodape {
         display: flex;
         justify-content: center;
         gap: 30px;
     }

     #conteudo-rodape .area-um-rodape {
         width: 30%;
     }

     #conteudo-rodape .area-dois-rodape {
         width: 30%;
     }

     #conteudo-rodape .area-tres-rodape {
         width: 30%;
     }

     #conteudo-rodape .area-quatro-rodape {
         width: 30%;
     }

     #conteudo-rodape .area-cinco-rodape {
         width: 30%;
     }

     #conteudo-rodape .area-rodape .area-dois-rodape::before, #conteudo-rodape .area-rodape .area-tres-rodape::before {
         content: none;
     }

     #conteudo-rodape .area-rodape .area-quatro-rodape::before, #conteudo-rodape .area-rodape .area-cinco-rodape::before {
         content: none;
     }
 }


 @media (max-width:440px) {
     #conteudo-rodape .area-rodape {
         flex-direction: column;
         align-items: center;
     }

     #conteudo-rodape .area-rodape .area-dois-rodape::before, #conteudo-rodape .area-rodape .area-tres-rodape::before {
         content: none;
     }

     #conteudo-rodape .area-rodape .area-quatro-rodape::before, #conteudo-rodape .area-rodape .area-cinco-rodape::before {
         content: none;
     }

     #conteudo-rodape .area-um-rodape, #conteudo-rodape .area-dois-rodape, #conteudo-rodape .area-tres-rodape {
         display: flex;
         flex-direction: column;
         width: 100%;

     }

     #conteudo-rodape .area-quatro-rodape, #conteudo-rodape .area-cinco-rodape {
         display: flex;
         flex-direction: column;
         width: 100%;

     }

     .area-um-rodape .texto-rodape {
         width: 100%;

     }
 }



 /* =========== FALE CONOSCO ========== */

 #contato {
     background-color: var(--cor-branco);
     padding-bottom: 100px;
 }

 .cima {
     display: flex;
     justify-content: center;
     /* margin-top: 30px; */
 }

 .cima.pt-50 {
     margin: 0px;

 }

 .cima .titulo {
     display: flex;
     align-self: center;
 }


 #contato .titulo-contato {
     display: flex;
     flex-direction: column;
     align-items: center;
     padding-bottom: 20px;

 }

 .titulo-contato h1 {
     font-weight: 300;
     font-size: 2.5em;
     /* position: absolute; */
     padding-top: 36px;
 }

 #contato .sublinhado {
     display: none;
 }

 .fale-conosco {
     margin-left: 50px;
     font-family: var(--fonte-titulo);
     color: var(--cor-principios);
 }

 #contato .itens {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     padding-top: 50px;
 }

 #contato .esquerda {
     width: 32%;
     display: flex;
     flex-direction: column;
     align-self: baseline;
     margin-top: 30px;
 }

 #contato .esquerda .item {
     display: flex;
     gap: 10px;
     margin-bottom: 30px;
 }

 #contato .esquerda .item:hover {
     transform: scale(1.1);
     transition: 0.5s;
 }

 #contato .esquerda .area-1 {
     display: flex;
     align-items: center;
     width: 40px;
     justify-content: center;
 }

 #contato .esquerda .area-2 {
     display: flex;
     padding: 0 15px 0 8px;
     box-sizing: border-box;
     color: #444346;
     font-size: 1em;
     line-height: 190%;
     flex-direction: column;
 }

 #contato .esquerda .area-2 a,
 #contato .esquerda .area-2 p {
     color: #444346;
     font-size: 0.938em;
     font-family: var(--fonte-textos);
 }

 #contato .direita {
     width: 68%;
 }


 #rd-section-joq3m2m5c {
     border-radius: 12px !important;
 }


 #rd-form-joq3m2m5i .bricks-form__input {
     border-color: rgba(160, 166, 177, 1) !important;
     color: rgba(160, 166, 177, 1);

 }

 #rd-form-joq3m2m5i .bricks-form__input:not(textarea) {
     height: 57px !important;
     box-shadow: none !important;
     border: 0.86px solid #A0A6B1 !important;
     border-radius: 8px !important;
     margin: 5px auto !important;
     padding-left: 25px !important;
     font-family: var(--fonte-principal) !important;
     box-sizing: border-box !important;
 }


 textarea#rd-text_area_field-m2nvbz0a {
     height: 203px !important;
 }

 #rd-form-joq3m2m5i .bricks-form__label {
     font-family: var(--fonte-principal) !important;
 }

 #rd-form-joq3m2m5i .bricks-form__input {
     font-family: var(--fonte-principal) !important;
 }

 #rdstation-bricks-embeddable-form-bricks-component-LR3t3plYf-SVhs33-rLKHA * {
     font-family: var(--fonte-principal) !important;
 }


 #rd-button-joq3m2m5a.bricks--component-button {
     transition: 0.4s ease-in-out;
     background-color: var(--cor-primaria) !important;
     border-radius: 8px !important;
     font-weight: 500 !important;
 }

 #rd-button-joq3m2m5a.bricks--component-button:hover {
     background-color: var(--cor-preto) !important;
 }

 #rdstation-bricks-embeddable-form-bricks-component-v5pc3AHZlJSPbsVIMclVWQ * {
     font-family: var(--fonte-principal) !important;
 }



 /* formulario RD  */

 /* #rdstation-bricks-embeddable-form-bricks-component-v5pc3AHZlJSPbsVIMclVWQ .bricks--section {
     border-radius: 12px !important;
 }

 .form_RDS {
     width: 545px;
     border-radius: 12px;
     border: 1px solid #E4E7EC;
     margin: 50px 0;
 }

 #rd-text-k1td3sed p {
     margin-top: 30px;
     font-family: var(--fonte-principal);
 }

 #rd-form-joq3m2m5i .bricks-form__input,
 #rd-phone_field-m2n9t4ig,
 #rd-email_field-m2n9t4if,
 #rd-text_field-m2n9t4ie {
     box-shadow: none !important;
     border: 0.86px solid #A0A6B1 !important;
     border-radius: 8px !important;
     margin: 5px auto !important;
     padding-left: 25px !important;
     font-family: var(--fonte-principal) !important;
     box-sizing: border-box !important;
     height: 57px !important;
 }

 #rd-form-joq3m2m5i textarea.bricks-form__input {
     height: 203px !important;
 }

 .select2-choice {
     margin-top: 15px !important;
 }

 .bricks-form__label {
     width: 100% !important;
 }

 #rd-button-joq3m2m5a.bricks--component-button {
     background-color: var(--cor-primaria) !important;
     width: 100% !important;
     height: 62px !important;
     font-weight: 500 !important;
     color: var(--cor-branco) !important;
     font-size: 1.125em !important;
     border: none !important;
     border-radius: 8px !important;
     margin: 0 auto !important;
     margin-bottom: 15px !important;
     cursor: pointer !important;
     transition: all 0.5s ease-in-out;
 }

 #rd-button-joq3m2m5a.bricks--component-button:hover {
     transform: scale(1.05);
 }

 @media screen and (max-width: 768px) {
     .form_RDS {
         width: 100%;
     }
 } */




 #contato .direita .formulario input {
     width: 100%;
     height: 55px;
     padding-left: 15px;
     padding-right: 15px;
     margin-bottom: 20px;
     border: 1px solid var(--cor-cinza);
     font-family: var(--fonte-textos);
     box-sizing: border-box;
     font-size: 1em;
     background: #ffffff;
     border-radius: 0;
 }

 #contato .direita .formulario input::placeholder {
     font-family: var(--fonte-textos);
     font-weight: 500;
     color: var(--cor-input);
 }

 #contato .direita .formulario textarea {
     width: 100%;
     height: 230px;
     border: 1px solid var(--cor-cinza);
     background: #ffffff;
     font-size: 1em;
     padding: 16px;
     box-sizing: border-box;
     margin-bottom: 8px;
     border-radius: 0;
     font-family: var(--fonte-textos);
     font-weight: 500;
     color: var(--cor-input);

 }

 #contato .direita .formulario textarea::placeholder {
     font-family: var(--fonte-textos);
     color: var(--cor-input);
 }

 #contato .captcha-area {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .g-recaptcha {
     margin: 10px 0;
     display: block;
 }

 #contato .direita .formulario button {
     width: 200px;
     height: 57px;
     background-color: var(--cor-terciaria);
     color: var(--cor-branco);
     font-family: var(--fonte-detalhe);
     cursor: pointer;
     font-size: 1.125em;
     border: 2px solid #ffffff;
 }

 #contato .direita .formulario button:hover {
     background: transparent;
     border: 2px solid var(--cor-terciaria);
     transition: 0.3s all;
     color: var(--cor-terciaria);

 }




 /* Contato MQ */



 /* contato 768 */
 @media(max-width:768px) {
     #contato .esquerda {
         width: 35%;
     }

     #contato .direita {
         width: 65%;
     }

     #contato .captcha-area {
         flex-direction: column;
         align-items: center;
         gap: 10px;
     }

 }


 @media(min-width:440px) and (max-width:600px) {
     #contato {
         display: flex;
     }

     #contato .esquerda,
     #contato .direita {
         width: 100%;
     }


     #contato .titulo-contato h1 {
         font-weight: 300;
         font-size: 2em;
         /* position: absolute; */
         padding-top: 36px;
     }

 }

 /* contato 425 */
 @media(max-width:425px) {



     .titulo-contato h1 {
         font-size: 1.875em;
         margin-left: 20px;
     }

     #contato .esquerda,
     #contato .direita {
         width: 100%;
     }

 }

 /* contato 375 */
 @media(max-width:375px) {

     #contato .titulo h1 {
         font-size: 1.875em !important;
     }

     #contato .itens {
         padding: 0;
     }
 }


 @media(max-width:425px) {
     #contato .itens {
         padding-top: 0 !important;
     }
 }


 /* =============== PAGINAÇÃO =============== */

 .paginacao {
     display: flex;
     justify-content: center;
     gap: 5px;
     padding: 30px;
 }

 .paginacao li {
     background-color: var(--cor-primaria);
     border: none;
     color: #FFFFFF;
     text-align: center;
     text-decoration: none;
     display: inline-block;
     font-size: 1.25em;
     border-radius: 3px;
 }

 .paginacao li:hover {
     background-color: var(--cor-principios);
 }

 .paginacao li.active {
     background-color: var(--cor-principios);
 }

 .paginacao a {
     color: #FFFFFF;
     font-family: var(--fonte-textos);
     display: flex;
     width: 40px;
     height: 45px;
     align-items: center;
     justify-content: center;
 }

 @media (max-width: 650px) {
     .noticia_ver .img-area {
         width: 100%;
         margin: 0 0 15px 0;
     }

     .noticia_ver small {
         margin-bottom: 15px;
     }
 }


 /* COPIRYGHT */

 .copyright {
     /* margin-top: -200px; */
     background: var(--cor-background);
     color: #20232B;

 }

 .copyright .center {
     display: flex;
     justify-content: space-between;
     align-items: center;
     /* max-width: 1160px; */
 }

 /* .copyright .center .texto {
     width: 100%;
     color: #20232B;
     font-size: 0.875em;
     font-weight: 600;
     font-family: var(--fonte-principal);
 } */

 .copyright .center span a {
     color: #ffffff;
     font-weight: 700;
 }

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

 .copyright .empresas-grupos {
     display: flex;
     gap: 20px;
     margin-bottom: 10px;
     width: 75%;
     /* align-items: center; */
 }

 .empresas-grupos p.empresas-titulo {
     color: #20232B;
     font-size: 1.125em;
     font-weight: 700;
     font-family: var(--fonte-principal);
 }

 /* .empresas-grupos img{
    width:39px;
    height: 23px;
}
  */
 .direitos-reservados {
     display: flex;
     flex-direction: column;
     gap: 10px;
     width: 25%;
 }

 .direitos {
     font-size: 0.875em;
     font-weight: 700;
     color: var(--cor-texto);
     font-family: var(--fonte-principal);
 }


 @media (max-width: 768px) {
     .copyright .center {
         flex-direction: column;
         gap: 25px;
         text-align: center;
     }

     .copyright .empresas-grupos {
         display: flex;
         align-items: center;
         justify-content: center;
     }

     .extras .fundo {
         width: 100%;
     }

     #faixa .faixa-menor {
         flex-direction: column;
     }

     #faixa .faixa-menor .area-esquerda,
     #faixa .faixa-menor .area-direita {
         width: 100%;
         text-align: center;
     }

     #faixa .faixa-menor .area-esquerda p {
         font-size: 1.375em;
         line-height: 20px;
         padding: 15px 40px;
     }
 }


 @media(max-width:440px) {
     .conteudo-footer {
         display: flex;
         flex-direction: column;
         align-items: center;
         width: 100%;
     }

     .direitos-reservados {
         display: flex;
         flex-direction: column;
         width: 100%;
     }


 }

 @media (max-width: 320px) {
     #faixa .faixa-menor .area-esquerda p {
         font-size: 1.125em;
         line-height: 20px;
         padding: 10px 10px;
     }
 }

 @media (max-width: 375px) {
     .copyright .empresas-grupos {
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;
     }
 }



 footer {
     background-color: rgba(235, 238, 242, 1);
 }

 footer .conteudo-rodape {
     display: flex;
     justify-content: space-between;
     width: 95%;
     margin: auto;
 }

 footer .conteudo-rodape .area-um {
     display: flex;
     gap: 20px;
     align-items: center;
 }

 footer .conteudo-rodape .area-um img {
     transition: all 0.5s ease-in-out;
 }

 footer .conteudo-rodape .area-um img:hover {
     transform: scale(1.05);
 }

 footer .conteudo-rodape .area-um span {
     font-size: 1.125em;
     font-weight: 700;
     color: var(--cor-texto);
     font-family: var(--fonte-principal);
 }

 footer .conteudo-rodape .area-dois {
     display: flex;
     gap: 20px;
     /* align-items: center; */
     justify-content: space-between;
     height: 20px;
 }

 footer .conteudo-rodape .area-dois img {
     width: 15px;
     transition: all 0.5s ease-in-out;
 }

 footer .conteudo-rodape .area-dois img:hover {
     transform: scale(1.1);
 }

 footer .conteudo-rodape .area-dois .redesSociais {
     display: flex;
     gap: 9px;
     /* align-items: center; */
 }

 footer .conteudo-rodape .area-dois span {
     font-family: var(--fonte-principal);
     font-size: 0.875em;
     font-weight: 600;
 }

 .hostche {
     width: 100%;
     background-color: rgba(235, 238, 242, 1);
     padding-bottom: 10px;
 }

 .hostche .host {
     display: flex;
     justify-content: end;
 }

 .hostche .cont {
     /* width: 18%; */
     display: flex;
     justify-content: space-evenly;
     padding-right: 30px;
 }

 .hostche .cont span {
     color: rgba(115, 120, 131, 1);
     font-family: var(--fonte-principal);
     font-size: 0.875em;
     font-weight: 400;
     padding-right: 10px;
 }

 @media screen and (max-width: 1024px) {
     footer {
         display: none;
     }

     .hostche .host {
         justify-content: center;
     }

     .hostche .cont {
         width: auto;
         padding: 0;
     }
 }



 /* =============== POPUP INICIO =============== */

 .popup {
     display: none;
     position: fixed;
     z-index: 99999;
     padding-top: 20px;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     overflow: auto;
     background-color: rgb(0, 0, 0);
     background-color: rgba(0, 0, 0, 0.4);
     overflow: hidden;
 }

 .popup_content {
     position: relative;
     margin: auto;
     padding: 0;
     -webkit-animation-name: animatetop;
     -webkit-animation-duration: 0.4s;
     animation-name: animatetop;
     animation-duration: 0.4s;
     width: 80%;
     max-width: 650px;
     height: auto;
 }

 @-webkit-keyframes animatetop {
     from {
         top: -300px;
         opacity: 0;
     }

     to {
         top: 0;
         opacity: 1;
     }
 }

 @keyframes animatetop {
     from {
         top: -300px;
         opacity: 0;
     }

     to {
         top: 0;
         opacity: 1;
     }
 }

 .popup_imagem_full {
     width: 100%;
     height: 100%;
     float: left;
     position: relative;
     top: -35px;
 }

 .popup_imagem_full img {
     height: 100%;
     object-fit: cover;
     width: 100%;
     height: 100%;
     object-fit: cover;
     padding: 7px;
     background: #ffffff;
     border-radius: 8px;
     box-sizing: border-box;
 }

 .popup_youtube_full {
     width: 100%;
     position: relative;
     padding-bottom: 60%;
     height: 0;
 }

 .popup_youtube_full iframe {
     padding: 7px;
     background: #ffffff;
     border-radius: 8px;
     box-sizing: border-box;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }

 .popup_youtube_full .legenda {
     bottom: -35px;
     left: 50%;
     position: absolute;
     transform: translate(-50%, 40%);
     text-align: center;
 }

 .popup .legenda {
     display: flex;
     justify-content: center;
 }

 .popup .legenda span {
     background: #000;
     color: #ffffff;
     padding: 5px 20px;
     border-radius: 17px;
     margin-top: 5px;
 }

 .close {
     color: #000;
     float: right;
     font-size: 2.1875em;
     z-index: 999;
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     opacity: 0.7;
     position: relative;
     right: -14px;
     top: -16px;
     background: #ffffff;
     height: 38px;
     width: 38px;
     text-align: center;
     border-radius: 50%;
     border: solid 1px #c1c1c1;
 }

 .close:hover,
 .close:focus {
     color: #000;
     text-decoration: none;
     cursor: pointer;
     background: #dddddd;
 }

 @media (max-width: 768px) {
     .popup_content {
         width: 98%;
     }
 }

 @media (max-width: 700px) {
     .close {
         right: -2px;
     }
 }

 /* =============== POPUP FIM =============== */

 /*Redes sociais lateral*/

 .rodape {
     display: flex;
     align-items: center;
     justify-content: space-between;
     height: 77px;
 }

 .rodape .texto {
     color: #1164AA;
     font-size: 16px;
     font-weight: 600;
 }

 .redes-sociais {
     display: flex;
     align-items: center;
 }

 .redes-sociais a {
     text-decoration: none;
 }

 .redes-sociais-right {
     height: auto;
     position: fixed;
     /* top: 50%; */
     bottom: 10%;
     right: 10px;
     transform: translate(0, -50%);
     z-index: 999;
     display: flex;
     flex-direction: column;
     transition: 1s;
 }

 .redes-sociais-right a {
     text-decoration: none;
     margin-top: 10px;
 }

 .bolinha-social {
     /* background: #efefef; */
     width: 70px;
     height: 70px;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 50%;
     text-decoration: none;
     font-size: 1.250em;
     /* color: #989898; */
     margin: 0 5px;
     transition: 0.5s;
     /* border: 2px solid #ffffff; */
 }

 .redes-sociais-right .fa-facebook-f {
     color: #ffffff;
 }

 .redes-sociais-right .fa-twitter {
     color: #ffffff;
 }

 .redes-sociais-right .fa-linkedin {
     color: #ffffff;
     font-size: 1.1em;
 }

 .redes-sociais-right .fa-instagram {
     color: #ffffff;
     font-size: 1.1875em;
 }

 .redes-sociais-right .fa-whatsapp {
     color: #ffffff;
     font-size: 1.9em;
 }

 .redes-sociais-right .fa-youtube {
     color: #ffffff;
     font-size: 1.1em;
 }

 .redes-sociais-right .fa-headset {
     color: #ffffff;
     font-size: 1.1em;
 }

 .bolinha-facebook {
     background: #3b5998 !important;
 }

 .bolinha-linkedin {
     background: #2867B2 !important;
 }

 .bolinha-instagram {
     background: #C13584 !important;
 }

 .bolinha-twitter {
     background: #1DA1F2 !important;
 }

 .bolinha-whatsapp {
     background: #25D366 !important;
 }

 .bolinha-youtube {
     background: #ff0000 !important;
 }

 .bolinha-contato {
     background: #f1860b !important
 }

 .bolinha-tour {
     background: #354b9c;
     box-shadow: 2px 0px 6px 6px rgb(255 255 255 / 75%);
     -webkit-box-shadow: 0px 0px 6px 4px rgb(255 255 255 / 75%);
     -moz-box-shadow: 0px 0px 6px 6px rgba(255, 255, 255, 0.75);
 }

 .bolinha-tour img {
     width: 58px;
     margin-top: 4px;
 }

 .bolinha-tour:hover {
     background: #354b9c;
 }

 .redes-sociais-right .bolinha-social:hover {
     transform: scale(1.2);
 }


 @media (max-width: 768px) {
     .redes-sociais-right {
         top: -100%;
     }

     .mostrar-redes-sociais {
         top: 100px;
         transform: none;
     }
 }

 @media(max-width:425px) {
     .rodape {
         flex-direction: column;
         gap: 20px;
         padding-top: 30px;
         margin-bottom: 70px;
     }
 }

 @media(max-width:320px) {
     .rodape {
         flex-direction: column;
         gap: 10px;
         padding-top: 10px;
         margin-bottom: 30px;
     }
 }



 /* BANNER */


 @media (max-width: 1024px) {
     .banner {
         top: -100px;
     }
 }

 @media (max-width: 768px) {
     .banner {
         top: -99px;
     }

 }

 @media (max-width: 425px) {
     .banner {
         top: -100px;
     }
 }


 .row-wrap {
     flex-flow: row wrap;
 }

 /* Flex Container */
 .seguimentos {
     max-width: 1200px;
     margin: 0 auto;
     display: flex;
     justify-content: center;
     /* border: 1px solid #ccc; */
 }

 /* Flex Item */
 .item-seguimentos {
     /* O flex: 1; é necessário para que cada item se expanda ocupando o tamanho máximo do container. */
     flex: 1;
     margin: 5px;
     text-align: center;
     font-size: 1.5em;
     background-color: #FFFFFF;
     border: 2px solid #FFFFFF;
     border-radius: 10px;
 }

 .item-seguimentos:hover {
     border: 2px solid #e7dfdf;
     -webkit-box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.30);
     -moz-box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.30);
     box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.30);
 }

 .item-seguimentos:hover div {
     font-weight: 600;
 }

 .item-seguimentos img {
     width: 100px;
     text-align: center;
     padding-top: 15px;
 }

 .item-seguimentos div {
     color: #2C3558;
     font-size: 18px;
     font-family: "Poppins", sans-serif;
     font-weight: 400;
     margin-left: 25px;
     width: 250px;
     text-align: center;
     margin: 0 auto;
     padding-bottom: 15px;
 }



 .lista_parceiros {
     max-width: 1200px;
     margin: 0 auto;
     display: flex;
     /* border: 1px solid #ccc; */
 }

 /* Flex Item */
 .item-parceiros {
     /* O flex: 1; é necessário para que cada item se expanda ocupando o tamanho máximo do container. */
     flex: 1;
     margin: 5px;
     text-align: center;
     font-size: 1.5em;
     background-color: #FFFFFF;
     border: 2px solid #FFFFFF;
     border-radius: 10px;
     max-width: 250px;
     max-height: 250px;
 }

 .item-parceiros:hover {
     border: 2px solid #e7dfdf;
     -webkit-box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.30);
     -moz-box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.30);
     box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.30);
 }

 .item-parceiros:hover div {
     font-weight: 600;
 }

 .item-parceiros img {
     max-width: 200px;
     max-height: 200px;
     text-align: center;
     padding-top: 15px;
 }

 footer .redes-sociais {
     height: 80px;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 300px;
     position: absolute;
     left: 50%;
     transform: translate(-50%);
 }

 img, svg {
     vertical-align: middle
 }

 footer .redes-sociais .bolinha-social {
     background: #efefef;
     width: 42px;
     height: 42px;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 50%;
     text-decoration: none;
     font-size: 1.250em;
     color: #989898;
     margin: 0 5px;
     transition: 0.5s;
 }

 /* botão subir ao topo */
 .anim-scroll-to-top.active-progress {
     opacity: 1;
     visibility: visible;
     -moz-transform: translateY(0);
     -o-transform: translateY(0);
     -ms-transform: translateY(0);
     -webkit-transform: translateY(0);
     transform: translateY(0);
 }

 .anim-scroll-to-top {
     position: fixed;
     right: 12px;
     bottom: 82px;
     /* left: 30px;
     bottom: 30px; */
     height: 46px;
     width: 46px;
     cursor: pointer;
     display: block;
     border-radius: 50px;
     box-shadow: inset 0 0 0 2px rgba(var(--primary-color-rgb), 0.2);
     z-index: 99;
     opacity: 0;
     visibility: hidden;
     -moz-transform: translateY(15px);
     -o-transform: translateY(15px);
     -ms-transform: translateY(15px);
     -webkit-transform: translateY(15px);
     transform: translateY(15px);
     -moz-transition: all 300ms ease-out 0s;
     -webkit-transition: all 300ms ease-out 0s;
     -ms-transition: all 300ms ease-out 0s;
     -o-transition: all 300ms ease-out 0s;
     transition: all 300ms ease-out 0s;
 }

 .anim-scroll-to-top::after {
     position: absolute;
     content: url('../img/up-arrow.png');
     font-weight: 600;
     text-align: center;
     line-height: 45px;
     font-size: 18px;
     color: var(--cor-primaria);
     left: 0;
     top: 3px;
     height: 45px;
     width: 45px;
     cursor: pointer;
     display: block;
     z-index: 1;
     -moz-transition: all 300ms ease-out 0s;
     -webkit-transition: all 300ms ease-out 0s;
     -ms-transition: all 300ms ease-out 0s;
     -o-transition: all 300ms ease-out 0s;
     transition: all 300ms ease-out 0s;
 }



 .anim-scroll-to-top svg.progress-circle path {
     stroke: var(--cor-primaria);
     stroke-width: 5;
     box-sizing: border-box;
 }

 .anim-scroll-to-top svg path {
     fill: none;
 }

 /* botão subir ao topo 425 */
 @media(max-width: 425px) {
     .anim-scroll-to-top {
         width: 40px;
         height: 40px;
         right: 16px;
         bottom: 82px;
     }

     .anim-scroll-to-top::after {
         left: -3px;
         top: 0px;
     }


 }



 /* botão flutuante whatsapp */
 #fixa {
     position: fixed;
     bottom: 20px;
     margin: 0 20px;
     background-color: #25D366;
     width: 230px;
     border-radius: 50px;
     cursor: pointer;
     transition: 0.5s all;
     /* right: 25px; */
     right: -9px;
     z-index: 5;
 }


 #fixa img {
     width: 43px;
     height: 43px;
     margin-right: 1px;
 }

 #fixa.flut:hover {
     width: 230px;
     /* Largura expandida ao passar o mouse */
 }

 #fixa.flut:hover a .flex-itens span {
     opacity: 1;
     /* Torna o texto visível */
 }

 #fixa a .flex-itens {
     display: flex;
     align-items: center;
     flex-direction: row-reverse;
 }


 #fixa a .flex-itens span {
     display: block;
     font-family: 'Open Sans', sans-serif;
     font-weight: bold;
     color: #ffffff;
     margin-left: 5px;
     font-size: 17px;
     min-width: 170px;
     float: left;
     opacity: 0;
 }



 .flutuar {
     animation-name: flutuar;
     animation-duration: 0.7s;
     animation-iteration-count: infinite;
     animation-timing-function: ease-in-out;
     animation-direction: alternate;
     /* animation: flutuar 0.7s  ease-in-out  infinite alternate ; */
 }

 @keyframes flutuar {
     from {
         transform: translate3d(0, 0, 0);
         /* filter: brightness(100%); */
     }

     to {
         transform: translate3d(0, -10px, 0);
         /* filter: brightness(150%); */
     }
 }

 #fixa.flut {
     width: 50px;
     transition: 0.5s all;
     overflow: hidden;
 }



 #fixa a .flex-itens span.aparecer {
     transition: 0.5s all;
     opacity: 1;
 }



 /* botão flutuante whatsapp 425*/
 @media(max-width:425px) {
     #fixa {
         right: 0;
         margin: 0 10px;
     }

     #fixa img {
         width: 40px;
         height: 40px;
     }

     #fixa.flut {
         width: 40px;
     }

 }

 /* politica privacidade */
 #politica_privacidade .cima {
     margin-top: 17px;
 }

 /* politica privacidade mq*/

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

 /* politica privacidade 375 */
 @media(max-width:375px) {
     #politica_privacidade .cima .titulo {
         border-color: #F5C5C6;
     }
 }