@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

@keyframes animacaoListText-inactive { 0%{ margin-top: 0px; opacity: 100%; } 20%{ opacity: 0%; } 100%{ margin-top: -230px; }}
@keyframes animacaoListText-active { 0%{margin-top: -230px;opacity: 0%;}40%{opacity: 0%;}100%{opacity: 100%;margin-top: 10px;    }}
@keyframes animacaoList-active {from{transform: rotate(90deg);} to{transform: rotate(-90deg);} }
@keyframes animacaoList-inactive {from{transform: rotate(-90deg);} to{transform: rotate(90deg);} }
@keyframes animacaoListImg-active {from{margin-bottom: 60px;opacity: 0%;}to{margin-top: 0px;opacity: 100%;}}

*{margin: 0;font-family: "DM Sans", sans-serif; box-sizing: border-box; padding: 0;  } 

.carousel-item img{height: auto;   width: 100%;}
.carousel-indicators{display: flex;gap: 6px; }
.carousel-item{margin-bottom: 20px;  width: 100%;}
.slide_mobile{display: none;}

.slick-dots li button:before {margin-top: 20px;font-size: 14px !important; color: #004d71 !important; }
.slick-prev, .slick-next {border: none;color: #004d71 !important;padding: 10px;cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%); z-index: 800;border-radius: 100%;}
.slick-prev {left: 10px !important;}.slick-next {right: 150px !important;}
.slick-prev::before, .slick-next::before {color: #004d71 !important; /* Cor dos ícones */font-size: 45px !important; /* Ajuste o tamanho conforme necessário */}

.marcas_title{ text-align: center; font-size: 48px; margin-top: 80px; color: #004d71; font-weight: 700;}
.marcas_imgs{margin-top: 60px;}
.marcas_img_ancor div{ height: 190px; margin: 0 auto; width: 450px;border-radius: 20px; background-color: #f2f6f8;box-shadow: rgba(99, 99, 99, 0.096) 0px 2px 8px 0px; display: flex; align-items: center; justify-content: center;}
.marcas_img_ancor_center{width: 480px;height: 220px;}

.quemsomos_container{display: flex;justify-content: center;background-color: #f2f6f8; margin-top: 120px;}
.quemsomos_img{margin-top: 60px;padding-bottom: 60px;width: 1200px;opacity: 1;}
.quemsomos_img_animate{opacity: 1;animation-name: animacaoArgola ;animation-duration: 2s;}
.quemsomos_content{display: none;}

.essencia_container{background-color: #a1c751;padding-bottom: 80px;}
.essencia_title{color: white;text-align: center;padding-top: 60px;padding-bottom: 60px;font-size: 40px;}
.essencia_cards_container{display: flex;flex-direction: column;justify-content: center;align-items: center;color: white;gap: 30px;}
.essencia_card_div_title{padding-left: 300px; padding-right: 300px; display: flex;align-items: center;justify-content: space-between;border-radius: 10px;width: 1000px;height: 160px;font-size: 35px;font-weight: 500; cursor: pointer;background: linear-gradient(to right, rgba(0,77,113,1) 50%, white 50%);background-size: 200% 100%;transition: background-position 0.8s;box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.162) 0px 13px 17px -6px;}
.essencia_card_div_title:hover, .essencia_card_div_title_hover, .essencia_card_content_text{background-position:  100% 0;}
.essencia_card_div_title img{ margin: 0px;width: 40px;display: flex;}
.essencia_card_content{margin-top: -130px;margin-bottom: 30px;height: 100px;cursor: pointer;display: flex;gap: 120px;position: relative; align-items: center; justify-content: center;}

.essencia_card:nth-child(3) .essencia_card_content{ gap:0px;}

.essencia_card_content_title{width: 370px;color: #004d71;font-size: 24px;font-weight: 800;}
.essencia_card_content_text{  width: 350px;color: #004d71; }
.essencia_card:nth-child(3) .essencia_card_content_text{width: 500px;}
.essencia_card_content_inactive{opacity: 0;transition: opacity  0.6s;}
.essencia_card_content_active{opacity: 1;transition: opacity  0.6s;}

.solucoes_container{background-color: #f3f7f8;display: flex;align-items: center;justify-content: center;gap: 100px;padding: 100px 200px 100px 200px;}
.solucoes_text_container{width: 400px; margin-left: 40px;}
.solucoes_titles_container{ margin-bottom: 60px; width: 500px;}
.solucoes_titles{font-size: 64px;text-align: left;color: #004d71;}
.solucoes_subtitle{font-size: 32px;text-align: left;color: #a1c751;}
.solucoes_description_container{margin-bottom: 60px; display: flex; flex-direction: column; gap: 30px;}
.solucoes_description{font-size: 20px;text-align: left; } 
.solucoes_button{ border: none; background-color: #004d71;color: white;text-decoration: none;padding: 25px;border-radius: 100px; font-size: 20px; transition: 0.4s; cursor: pointer;}
.solucoes_button:hover{transform: scale(1.1); }
.solucoes_container img{width: 700px; margin-right: 30px;}

.vantagens_container{display: flex;align-items: center;justify-content: center;gap: 280px;padding-top: 60px;padding-bottom: 60px;}
.vantagens_text_container{display: flex;flex-direction: column;gap: 20px;}
.vantagens_description_container{display: flex;flex-direction: column;gap: 35px;}
.vantagens_text_div_title{display: flex;align-items: center;gap: 35px;}
.vantagens_text_div_title_img{display: flex;justify-content: space-between;background-color: white;cursor: pointer; gap: 30px;}
.vantagens_text_item_title{font-size: 20px;font-weight: 600;}

.icons{width: 35px;margin-top: -8px;}
.icons_arrows{width: 10px;height: 18px;  }

.active_list_title{color: #004d71;}
.inactive_list_title{color: #80a6b8;}
.active_list_arrow{animation-name: animacaoList-active;animation-duration: 0.6s;transform: rotate(-90deg);}
.inactive_list_arrow{animation-name: animacaoList-inactive;animation-duration: 0.6s;transform: rotate(90deg);}
.inactive_list_text{animation-name: animacaoListText-inactive;animation-duration: 0.6s;opacity: 0%; margin-top: -30px;}
.active_list_text{animation-name: animacaoListText-active;animation-duration: 0.6s;opacity: 100%;margin-top: 0px;}
.inactive_list_img{display: none; animation-name: animacaoListImg-active ; animation-duration: 0.6s; opacity: 0%; }
.active_list_img{display: block; animation-name: animacaoListImg-active ; animation-duration: 0.6s; opacity: 100%; }

.vantagens_text_item_text{ width: 300px; margin-left: 70px; margin-top: 10px; height: 220px;}
.vantagens_title_container{color: #a1c751;margin-bottom: 40px;margin-top: 20px;}

::-webkit-scrollbar {width: 12px;height: 12px;}
::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 10px;}
::-webkit-scrollbar-thumb {cursor: pointer; background: #004d71;border-radius: 10px;border: 2px solid #f1f1f1; /* Cria um espaço ao redor da "pegada" */}
::-webkit-scrollbar-thumb:hover {background: #005c86;}
::-webkit-scrollbar-track-piece {background: #e1e1e1; /* Cor do fundo da parte "visível" da barra de rolagem */}

@media (max-width: 1519px) {.marcas_img_ancor div{width: 400px;}}

@media (max-width: 1366px) {
    .vantagens_img_item{width: 500px;}
    .solucoes_container img{width: 540px;}
    .marcas_img_ancor div{width: 350px;}}

@media (max-width: 1330px) {
    .solucoes_container img{width: 500px;}
    .vantagens_img_item {width: 500px;}}

@media (max-width: 1223px) {
    .quemsomos_img{width: 1100px;} }

@media (max-width: 1178px) {
    .vantagens_container{gap: 150px;}
    .vantagens_text_container{margin-left: 60px;}
    .vantagens_img_item{width: 400px;}}

@media (max-width: 1154px) {
    .vantagens_img_item {width: 450px;}
    .essencia_cards_container{gap: 20px;}
    .essencia_card_div_title{height: 130px;}
    .essencia_card_div_title{ margin: 0 auto;padding-left: 100px; padding-right:100px; display: flex;align-items: center;justify-content: space-between;width: 700px;}
    .essencia_card_div_title:hover, .essencia_card_div_title_hover{height: 200px;}
    .essencia_card:nth-child(1) .essencia_card_content{margin-top: -185px; height: auto;}
    .essencia_card:nth-child(2) .essencia_card_content{margin-top: -158px; margin-bottom: 42px; height: auto;}
    .essencia_card:nth-child(3) .essencia_card_content{margin-top: -180px; height: auto;}
    .essencia_card:nth-child(3) .essencia_card_content_text{width: 400px; font-size: 16px; }
    .essencia_card:nth-child(4) .essencia_card_content{margin-top: -185px; height: auto;}
    .essencia_04 .essencia_card_content_text{width: 300px; font-size: 17px;} 
    .essencia_card_content{cursor: pointer;display: flex;gap: 80px;position: relative;margin-bottom: 19px ;margin-top: -180px; align-items: center; justify-content: center;}
    .essencia_card_content_title{width: 260px;color: #004d71;font-size: 22px;font-weight: 800;}
    .essencia_card_content_text{width: 290px; font-size: 18px}}

    @media (max-width: 1100px){
        .quemsomos_img{width: 1000px;}
    }

@media (max-width: 1024px) {
    .solucoes_titles, .solucoes_subtitle,  .solucoes_text_container{text-align: left;}
    .solucoes_text_container{margin: 0px;}
    .solucoes_container img{display: none;}

    .vantagens_container{gap: 126px;}
    .vantagens_img_item {width: 400px;}

    .marcas_img_ancor{margin-right: 120px;}

    .quemsomos_img{display: none;}
    .quemsomos_content{display: flex;flex-direction: column;gap: 20px;margin-top: 40px;margin-bottom: 40px;}
    .quemsomos_item{background-color: white;width: 700px;border-radius: 10px;padding: 18px;height: 150px;color: #004d71;display: flex;flex-direction: column;gap: 20px;justify-content: center;box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;}
    .quemsomos_item_title{ font-weight: 800;font-size: 24px;}
    .quemsomos_item_text{font-size: 18px;}}

@media (max-width: 955px) {

    .essencia_card_div_title:hover, .essencia_card_div_title_hover{height: 190px;}

    .vantagens_container{gap: 80px;}
    .vantagens_img_item{width: 320px;}}

@media (max-width: 840px){
    .vantagens_img_item {display: none;}
    .marcas_imgs{margin-left: 100px;}
    .slide{display: none;}
    .slide_mobile{display: block;}
}

@media (max-width: 826px){
    .footer_text_columns {font-size:14px;}}

@media (max-width: 736px){
    .slick-prev {left: -30px !important;}.slick-next {right: 100px !important;}
    .essencia_card_div_title{width: 600px;height: 120px;}
    .essencia_card_div_title p{font-size: 30px;}
    .essencia_cards_container{gap: 20px;}
    .essencia_card_content_title{width: 180px;}
    .essencia_card_div_title:hover, .essencia_card_div_title_hover{height: 190px;}
    .essencia_card:nth-child(1) .essencia_card_content{margin-top: -170px;}
    .essencia_card:nth-child(2) .essencia_card_content{margin-bottom: 43px;margin-top: -140px;}
    .essencia_card:nth-child(3) .essencia_card_content{margin-bottom: 30px;margin-top: -156px;}
    .essencia_card:nth-child(4) .essencia_card_content{margin-bottom: 13px; margin-top: -178px; }
    .essencia_02 .essencia_card_content_title{font-size: 18px; width: 200px;}
    .essencia_card:nth-child(3) .essencia_card_content_text{width: 400px; font-size: 14px;}
    .essencia_04 .essencia_card_content_text{font-size: 16px; }
    .essencia_card_content{gap: 28px;}
    .essencia_card_content_title{font-size: 20px;}
    .essencia_card_content_text{font-size: 16px;}

    .quemsomos_item{ width: 600px;}}

@media (max-width: 654px){
    .slick-prev {left: -50px !important;}.slick-next {right: 80px !important;}
    .quemsomos_item{width: 400px;height: 250px;}

    .essencia_cards_container{gap: 20px; }
    .essencia_card_div_title{width: 400px;padding: 0;padding-left: 20px;padding-right: 20px;gap: 0px;transition: 0.6s;height: 110px;}   
    .essencia_card_div_title:hover, .essencia_card_div_title_hover{ height: 350px;}
    .essencia_card_div_title p{font-size: 24px;white-space: nowrap;}
    .essencia_card_content{flex-direction: column;gap: 15px;margin-top: -320px;}

    .essencia_card:nth-child(1) .essencia_card_content{margin-bottom: 80px;margin-top: -290px;}
    .essencia_card:nth-child(2) .essencia_card_content{margin-bottom: 90px;margin-top: -260px;}
    .essencia_card:nth-child(3) .essencia_card_content{margin-bottom: 40px;margin-top: -300px;}
    .essencia_card:nth-child(4) .essencia_card_content{margin-bottom: 80px;margin-top: -286px;}

    .essencia_01 .essencia_card_content_title{width: 290px;}
    .essencia_02 .essencia_card_content_title{width: 290px;}
    .essencia_03 .essencia_card_content_title{width: 265px; margin-bottom: 10px;}
    .essencia_04 .essencia_card_content_title{width: 300px;}

    .essencia_card:nth-child(3) .essencia_card_content_text{width: 260px;}
    
    .solucoes_titles_container{ width: 300px; margin: 0; margin-bottom: 20px;}
    .solucoes_titles{font-size: 40px;white-space: nowrap;}
    .solucoes_subtitle{font-size: 25px; }
    .solucoes_description{font-size: 16px;width: 400px;}
    
    .marcas_title{font-size: 38px;}}

@media (max-width: 572px){
    .slick-prev {display: none !important;}.slick-next {display: none !important;}
    .marcas_imgs{margin-left: 0;}
}

@media (max-width: 474px){
   .marcas_img_ancor div{ width: 300px;}
   .solucoes_subtitle{font-size: 20px;}
   .solucoes_description{font-size: 14px;width: 320px;}
   .solucoes_button{padding: 18px;}
   .marcas_title{font-size: 28px;}
   .solucoes_text_container{width: auto;}}

 @media (max-width: 416px){
    .marcas_img_ancor div{width: 250px;}
    .essencia_card_div_title {width: 340px;}
    .quemsomos_item{width: 280px;height: 310px;}
    .vantagens_title_container{font-size: 20px;text-align: center;}
    .vantagens_text_div_title_img{gap: 10px;}
    .vantagens_text_item_title{font-size: 18px;}
    .vantagens_text_item_text{font-size: 14px;margin: 0;margin-top: 10px;}
    .essencia_title{font-size: 26px;}
    .solucoes_container{padding: 0;padding-top: 100px;padding-bottom: 100px;} 
    .solucoes_description{width: 280px;}}

 @media (max-width: 359px){
   .marcas_img_ancor div{width: 220px;height: 100px;}
   .marcas_img_item{width: 120px; height: 70px;}
   .marcas_img_cartao{width: 120px; height: 30px;}
   
   .solucoes_titles{font-size: 28px;}
   .solucoes_description{width: 240px;}
   .essencia_card_div_title{width: 280px; gap: 30px;}
   .essencia_card_div_title p{font-size: 20px;padding: 0;margin: 0;}
   .essencia_card_div_title img{width: 30px;}
   .essencia_card_content_text{font-size: 16px;width: 240px;}
   .essencia_card_content_title{width: 240px;}

   .essencia_card:nth-child(1) .essencia_card_content{margin-bottom: 40px;margin-top: -310px;}
   .essencia_card:nth-child(2) .essencia_card_content{margin-bottom: 60px;margin-top: -270px;}
   .essencia_card:nth-child(3) .essencia_card_content{margin-bottom: 40px;margin-top: -300px;}
   .essencia_card:nth-child(4) .essencia_card_content{margin-bottom: 80px;margin-top: -286px;}

   .essencia_01 .essencia_card_content_title{width: 240px;}
   .essencia_02 .essencia_card_content_title{width: 240px;}
   .essencia_03 .essencia_card_content_title{width: 265px; margin-bottom: 10px;}
   .essencia_04 .essencia_card_content_title{width: 250px;}
   .essencia_04 .essencia_card_content_text{width: 250px;}
}