/*!
Theme Name: Viasoft 22
Theme URI: https://viasoft.com.br/
Author: Anderson Chagas
Author URI: https://eloquent.digital/
Description: Description
Version: 1.1.0
*/

:root {
    --cinza_escuro: #263940; /* bg barra topo */
    --cinza_texto:  #394146; /* texto menu principal */

    --cinza_claro_texto:  #ddd;

    --cinza_claro:  #F4F9FB;
    --vermelho_vs:  #ED1B24;
    --azul_leve:    #78B1C4;
    --azul_muito_leve: #F1F7F9;
    --azul_claro_texto: #70909B;

    --laranja_construcao: #F9962F;
    --vermelho_varejo: #ED1B24;
    --verde_analytics: #3DDBB5;


    --accent-color: #ED1B24;


    --swiper-navigation-color: #d6e0e4;
}

.pos_relative {
    position: relative;
}
.pos_absolute {
    position: absolute;
}

html{
    font-size: 18px;
}

body{
    font-family: 'Open Sans', sans-serif;
    color: var(--cinza_texto);

    font-size: 18px;

    overflow-x: hidden;
}

body p{
    color: var(--azul_claro_texto);
}

body.menu_mobile_aberto {
    overflow: hidden;
}

figure {
    margin: 0;
}
img {
    max-width: 100%;
    height: auto;
}

.bg_cinza_escuro{
    background-color: var(--cinza_escuro) !important;
}
.bg_cinza_texto{
    background-color: var(--cinza_texto) !important;
}
.bg_cinza_claro{
    background-color: var(--cinza_claro) !important;
}
.bg_azul_leve{
    background-color: var(--azul_leve) !important;
}
.bg_azul_muito_leve {
    background-color: var(--azul_muito_leve) !important;
}

.bg_vermelho {
    background-color: var(--vermelho_vs) !important;
}



body.agrotitan{
    --accent-color: #09CE93;
}

body.analytics{
    --accent-color: #00C87E;
    /* --accent-color: #00FFA1; */

}
body.construshow{
    --accent-color: #FF8A00;
}
body.petroshow{
    --accent-color: #FFAA00;
}
body.forlog{
    --accent-color: #FF7036;
}
body.talentrh{
    --accent-color: #009CFF;
}
body.viasuper{
    --accent-color: #E62E2E;
}






.sombra_azul_leve{
    box-shadow: 0px 8px 12px 0px rgb(120 177 196 / 25%);
}


.vs_icon.cinza{
    filter: brightness(0) saturate(100%) invert(59%) sepia(13%) saturate(666%) hue-rotate(149deg) brightness(90%) contrast(87%);
}

a{
    color: var(--cinza_texto);
    text-decoration: none;
    cursor: pointer;
}
a:hover{
    color: var(--accent-color);
}

.menu * {
    padding: 0;
    margin: 0;
    list-style: none;
}


/* Tipografia */
h1, h2, h3, h4, h5{
    font-weight: bold;
    line-height: 1em;
    letter-spacing: -0.5px;
}

h2{
    font-size: 2.72rem;
}

.texto_azul_claro{
    color: var(--azul_claro_texto) !important;
}

.fs_16{
    font-size: 16px;
    line-height: 1.6;
}
.fs_18{
    font-size: 18px;
}





/*
*
*   Topo Mobile
*
*/

#barra_topo_mobile {
    height: 40px;
    margin: 20px 0;
    width: 100%;
    position: fixed;
    z-index: 9999;

    top: 0;
}


#logo_topo_mobile {
    width: 160px;
}

#logo_topo_mobile a{
    color: #DDDDDD;
    transition: color .30s ease;
}

body.menu_mobile_aberto #logo_topo_mobile a{
    color: #fff;
}


#menu_mobile {
    position: fixed;
    z-index: 9998;
    width: 100%;
    height: 0;
    overflow-x: hidden;

    top: 0;

    transition: height .30s ease;
}
#menu_mobile .content{
    padding-top: 80px;
}
#menu_mobile,
#menu_mobile p{
    color: #DDDDDD;
}

body.menu_mobile_aberto #menu_mobile {
    height: 100%;
}



/*
*   Menu Hamburguer
*/

/* #bt_menu_mobile {

} */
#bt_menu_mobile {
    width: 24px;
    height: 24px;
    position: relative;


    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#bt_menu_mobile span {
    display: block;
    position: absolute;
    height: 5px;
    width: 24px;
    background: var(--cinza_texto);
    border-radius: 10px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
body.menu_mobile_aberto #bt_menu_mobile span{
    background: var(--cinza_claro);
}
#bt_menu_mobile span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#bt_menu_mobile span:nth-child(2) {
    top: 9px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#bt_menu_mobile span:nth-child(3) {
    top: 18px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

body.menu_mobile_aberto #bt_menu_mobile span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 1px;
    left: 4px;
}

body.menu_mobile_aberto #bt_menu_mobile span:nth-child(2) {
    width: 0%;
    opacity: 0;
}

body.menu_mobile_aberto #bt_menu_mobile span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 18px;
    left: 4px;
}
















#barra_topo{
    font-size: 14px;
    line-height: 1em;
    position: relative;
    z-index: 9999;
}

#barra_topo .menu_destaques{
    height: 48px;
    align-items: center;
}

.menu_destaques li {
    margin-right: 20px;
}
@media (max-width: 1200px) {
    .menu_destaques li {
        margin-right: 10px;
        font-size: 12px;
    }
}



.menu_destaques .vs_icon {
    margin-right: 8px;
}
.menu_destaques li a {
    color: #D2D2D2;
    font-weight: 600;
}
.menu_destaques li a:hover{
    text-decoration: underline;
}


.menu.links_sociais {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.menu.links_sociais li {
    margin-left: 15px;
}
#menu_footer .menu.links_sociais {
    justify-content: flex-start;
    margin-top: 25px;
}

#menu_footer .menu.links_sociais li {
    margin-left: 0;
    margin-right: 12px;
}


#menu_mobile .menu_destaques {
    flex-direction: column;
    align-items: flex-start;
    padding: 30px 0;
    background-color: #2E3438;
}
















/* Menu Principal */

ul.menu{
    margin: 0;
    padding: 0;
}


#logo_topo a{
    color: var(--cinza_texto);
    transition: color .15s ease-in-out;
}

/* Logo menu principal */

body.home #logo_topo a{
    /* color: var(--vermelho_vs); */
	color: var(--cinza_texto);
}

#logo_topo_mobile a {
    /* color: var(--vermelho_vs); */
	color: var(--cinza_texto);
}

#barra_menu_principal{
    height: 96px;
    position: absolute;
    width: 100%;
    z-index: 9999;

	transition: transform .50s ease;
/* 	transition-delay: 3s; */
    transform: translate3d(0,0,0);

    contain: size layout;
}

body.page-template-atividades #barra_menu_principal{
    background-color: #fff;
}

.menu_desk_fixo #barra_menu_principal{
    position: fixed;
    top: 0;
    height: 65px;
    background-color: #ffffff;

	transform: translate3d(0,-100%,0);
	opacity: 0;
    /* border-bottom: 1px solid #f3f3f3; */
    box-shadow: 0 -2px 6px 0 rgb(0 95 128 / 20%);
}
.menu_desk_fixo #barra_menu_principal.bg_dark{
    background-color: rgba(0,0,0,.9);
}

.menu_desk_fixo #barra_menu_principal.visible{
	opacity: 1;
    transform: translate3d(0,0,0);
}
.visible_on_fixed{
	display: none;
}
.menu_desk_fixo .visible_on_fixed{
	display: unset;
}

.menu_desk_fixo .form_pesquisa{
	display: none !important;
}


.menu_desk_fixo #barra_menu_principal .menu_principal > li > a,
.menu_desk_fixo #barra_menu_principal #logo_topo a {
    color: var(--cinza_texto) !important;
}
.menu_desk_fixo #barra_menu_principal.bg_dark .menu_principal > li > a,
.menu_desk_fixo #barra_menu_principal.bg_dark #logo_topo a {
    color: var(--cinza_claro) !important;
}



#bg_barra_topo_mobile {
    background: #fff;
    width: 100%;
    height: 80px;
    position: fixed;
    z-index: 9997;
    opacity: 0;
    top: 0;

    transition: opacity .2s ease;
}
.menu_mob_fixo #bg_barra_topo_mobile {
    opacity: 1;
}

.menu_principal {
    display: flex;
}
.menu_principal > .menu-item {
    margin-right: 20px;
    line-height: 50px;
}
.menu_principal a {
    color: var(--cinza_texto);
    font-weight: 600;
    font-size: 14px;

    transition: color .15s ease-in-out;
}
.menu_principal a:hover,
.menu_principal .sub-menu a:hover {
    color: var(--accent-color);
}

#barra_menu_principal.texto_claro .menu_principal > li > a,
#barra_menu_principal.texto_claro #logo_topo a{
    color: var(--cinza_claro);
}



.menu_principal .sub-menu a{
    color: var(--azul_claro_texto);
}

.menu_principal > .menu-item > .sub-menu {

    position: absolute;
    line-height: 19px;
    left: 50%;
    transform: translateX(-50%);
    transform: translate3d(-50%, 0, 0);
}

/* menu segmentos*/
.menu_principal > .menu-item > .sub-menu.menu_segmentos {
    left: -200px;
    transform: translate3d(0, 0, 0);
    display: flex;
}
.menu_principal .menu_segmentos.submenu_container:before {
    left: 238px;
}
#barra_menu_principal .menu_principal .menu_segmentos.submenu_container .col:last-child {
    background: #F4F9FB;
    margin: -30px -22px;
    margin-left: 10px;
    padding: 30px 22px;
    border-radius: 0 8px 8px 0;
    flex: 0 0 220px;
}

.menu_principal .sub-menu .col .menu-filt a,
.menu_principal .sub-menu .col .menu-agrotitan a {
  color: var(--text-primary);
  font-size: 11px;
  font-weight: 700;
  line-height: 12px;
}

.menu_principal .sub-menu .col .menu-filt a {
  margin-top: 20px;
}

.menu_principal .sub-menu .col .menu-filt-ia a,
.menu_principal .sub-menu .col .menu-lp a {
  margin-top: 8px;
}

.menu_principal .sub-menu .col .menu-item.menu-filt-ia,
.menu_principal .sub-menu .col .menu-item.menu-lp {
  line-height: 12px;
  margin-bottom: 0;
}

.menu_principal .sub-menu .menu-item {
    margin-bottom: 10px;
}
.menu_principal .sub-menu .menu-item:last-child {
    margin-bottom: 0;
}
.menu_principal .sub-menu .col .menu-item{
    margin-bottom: 4px;
}
.menu_principal .submenu_container {
    background: #fff;
    padding: 30px 22px;
    border-radius: 8px;
    width: max-content;

    box-shadow: 0px 2px 10px 0px rgb(57 65 70 / 10%);

    transition: all .15s ease-in-out;
    /* transform: translateY(10px); */

    margin-top: 10px;
    opacity: 0;

    visibility: hidden;
    /* height: 0; */
    /* overflow: hidden; */


    /* will-change: opacity, transform; */
}

.menu_principal .menu-item {
    position: relative;
}

.menu_principal .menu-item:hover .submenu_container {

    visibility: visible;
    /* transform: translateY(0); */
    margin-top: 0;
    opacity: 1;

}

.menu_principal .submenu_container:before {
    content: "";
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    top: -7px;
    left: 50%;
    margin-left: -12px;
    background: #fff;
    border-radius: 2px;
    transform: scaleX(1.7) rotate(45deg);

}

.menu_principal .menu-item .submenu_container .col{
    width: 190px;
    float: left;
    padding: 0 20px;
}
.menu_principal .menu-item .submenu_container .col:first-child{
    padding-left: 0;
}
.menu_principal .menu-item .submenu_container .col:last-child{
    padding-right: 0;
}

.menu_principal .sub-menu .menu-item.titulo,
.menu_principal .sub-menu .menu-item.sub-titulo{
    padding-bottom: 10px;
    margin-top: 25px;
}
.menu_principal .sub-menu .menu-item.titulo,
.menu_principal .sub-menu .col .menu-item.titulo a,
.menu_principal .sub-menu .col .menu-item.titulo span,
.menu_principal .sub-menu .menu-item.sub-titulo,
.menu_principal .sub-menu .col .menu-item.sub-titulo a{
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    color: var(--cinza_texto);
}
.menu_principal .sub-menu .col .areas_corporativas .menu-item.sub-titulo a {
    color: var(--azul_claro_texto);
    font-size: 16px;
    line-height: 20px;
}

.menu_principal .menu-item.titulo:first-child {
    margin-top: 0;
}

.menu_principal .sub-menu .col a {
    color: var(--cinza_texto);
    font-size: 11px;
    line-height: 12px;
    font-weight: 400;
    display: inline-block;
}
.menu_principal .sub-menu .col a:hover {
    text-decoration: underline;
}


.menu_principal .submenu_container .sub-menu {
    margin-bottom: 15px;
}


.menu_principal .sub-menu.central_vendas .titulo,
.menu_principal .sub-menu.portal_cliente .titulo{
    display: none;
}






/* MENU MOBILE */

#menu_mobile .menu_principal {
    flex-direction: column;

    padding: 0 0 30px 0;

}


#menu_mobile .menu_principal .submenu_container{
    padding: 15px 22px 10px 22px;
}

#menu_mobile .menu_principal > .menu-item {
    line-height: 24px;
    width: 100%;
}


#menu_mobile  a {
    font-size: 20px;
    /* line-height: 27px; */
    /* padding: 50px 0; */
    font-weight: 600;
    color: #ddd;

    display: block;
    width: 100%;
    padding: 10px 30px;
}
#menu_mobile .menu_principal .menu-item .menu-item a {
    font-size: 16px;
    padding: 10px 8px;
}
#menu_mobile .menu_principal .sub-menu .menu-item.titulo.obs{
    padding: 10px 8px;
	color: var(--azul_claro_texto);
}
#menu_mobile ul > li.active > a {
    background: #2E3438;
    color: var(--azul_claro_texto);
}

#menu_mobile .sub-menu{
    flex-direction: column !important;
}
#menu_mobile .menu_principal .menu-item .submenu_container .col {
    float: none;
    width: 100%;
    padding: 0;
    margin-bottom: 0;
}
#menu_mobile .menu_principal .sub-menu .menu-item.titulo,
.menu_principal .sub-menu .menu-item.sub-titulo{
    margin: 0;
}
#menu_mobile .menu_principal .submenu_container .sub-menu{
    margin-bottom: 0;
}
#menu_mobile .sub-menu.nivel_1 {
    display: none;
    /* max-height: 0; */
    /* visibility: hidden; */
    overflow: hidden;
    border-bottom: 0 solid #2E3438;
    transition: all .50s ease;

    flex-direction: column;
    left: unset;
    position: relative;

    background: transparent;
    border-radius: 0;

    transform: unset;
}
#menu_mobile .sub-menu.nivel_1:before{
    display: none;
}
#menu_mobile ul > li.active .sub-menu.nivel_1 {
    display: block;
    /* max-height: 1500px; */
    border-bottom: 2px solid #2E3438;
    visibility: visible;
    opacity: 1;
    left: unset;
    width: 100%;


}
#menu_mobile ul > li .sub-menu .sub-menu li{
    display: none;
}

#menu_mobile ul > li .sub-menu .sub-menu li.menu-filt,
#menu_mobile ul > li .sub-menu .sub-menu li.menu-filt-ia,
#menu_mobile ul > li .sub-menu .sub-menu li.menu-agrotitan,
#menu_mobile ul > li .sub-menu .sub-menu li.menu-lp {
  display: block;
}

#menu_mobile ul > li .sub-menu .sub-menu li.titulo,
#menu_mobile ul > li .sub-menu .sub-menu li.sub-titulo{
    display: block;
    margin: 0;

}

#menu_mobile ul > li.sobre .sub-menu .sub-menu li,
#menu_mobile ul > li.sobre .sub-menu .sub-menu li {
    display: block;

}

#menu_mobile ul > li.sobre .sub-menu .sub-menu li {
    color: var(--azul_claro_texto);
    margin-bottom: 14px;
}



/* Busca Topo */
.form_pesquisa {
    position: relative;
}
.caixa_form_pesquisa {
    border: none;



    box-shadow: 0px 2px 10px 0px rgb(57 65 70 / 10%);
    border-radius: 50px;
    color: var(--cinza_escuro);
    background-color: #fff;
    font-size: 12px;
    line-height: 32px;
    padding-left: 40px;

    height: 32px;
    min-width: 170px;


}

.bt_buscar_topo {
    position: absolute;
    z-index: 1;
    border: none;
    background: none;
    width: 40px;
    height: 24px;
    color: var(--cinza_texto);
    border-radius: 2em;
    transition: all .15s ease-in-out;
}

#menu_mobile .form_pesquisa {
    padding: 0 30px 50px 30px;
    background-color: #2E3438;
}
#menu_mobile .caixa_form_pesquisa{
    width: 100%;
}



/* corrige a distancia do topo na primeira seção
* #barra_topo + #barra_menu_principal
*/
.padding_primeira_secao{
    padding-top: 96px;
}
.margin_primeira_secao{
    margin-top: 96px;
}


@media (max-width: 767.98px) {
    .padding_primeira_secao{
        padding-top: 80px;
    }
    .margin_primeira_secao{
        margin-top: 80px;
    }

    .menu_principal .sub-menu .col .menu-filt a {
      margin-top: 8px;
    }

    .menu_principal .sub-menu .col .menu-item.menu-filt-ia,
    .menu_principal .sub-menu .col .menu-item.menu-lp {
      margin-bottom: 8px;
    }

}




























/* Banner */
#banner{
    overflow: hidden;
}


#banner .texto_escuro .titulo,
#banner .texto_escuro .texto_apoio{
    color: var(--cinza_texto);
}

#banner .texto_claro .titulo{
    color: var(--accent-color);
}
#banner .texto_claro .texto_apoio{
    color: var(--cinza_claro_texto);
}


#banner .logo{
    width: 240px;
    margin-bottom: 45px;

}

#banner .item_banner {
    min-height: calc(100vh - 96px);
    width: 100%;
    padding-top: 96px;
	padding-bottom: 96px;
    position: relative;
}

.item_banner.texto_claro {
    background: var(--cinza_escuro);
}
.item_banner.texto_escuro {
    background: var(--cinza_claro);
}

#banner .item_banner .titulo{
    font-size: 3rem;
    line-height: 1.1;
    padding-bottom: .4em;
}

#banner .col-md-5 {
    width: 580px;
}

@media (max-width: 767.98px) {
    #banner .item_banner .titulo{
        font-size: 2.33rem;
    }
}

.item_banner .img_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: top center;

    background-image: var(--bg-image-desktop); /* definido no html de cada item */

    will-change: transform; /* usa a gpu */
}
@media (max-width: 768px) {
    .item_banner .img_bg {
        background-image: var(--bg-image-mobile);
        filter: blur(10px);
        opacity: .15;
    }
}





#banner .swiper-pagination{
    bottom: 124px !important;
}






/* Botão Descer Banner  */
#bt_down_top {
    position: absolute;
    width: 48px;
    height: 48px;
    border-radius: 50px;
    border: none;
    bottom: 40px;
    left: 50%;
    margin-left: -24px;
    cursor: pointer;
    color: var(--accent-color);

    z-index: 99;

    animation: anim_bt_down_top 5s ease-out infinite;
}

@keyframes anim_bt_down_top {
  0% { transform:translateY(0%); }
  10% { transform:translateY(20%); }
  15% { transform:translateY(0%); }
  20% { transform:translateY(20%); }
  25% { transform:translateY(0%); }
}





























/* Botoes */

.vs_bt, .custom-button1 {
    display: inline-block;
    color: #fff;
    background-color: var(--cinza_escuro);
    background-color: var(--accent-color);

    border: none;

    padding: .5em 1.2em;
    border-radius: 3em;
    font-weight: 600;
}
.vs_bt:hover, .custom-button1:hover{
    color: #fff;
}

.vs_bt.bg_azul_muito_leve {
    color: var(--azul_leve);
}




.ptb-70{
    padding-top: 70px;
    padding-bottom: 70px;
}
@media (max-width: 575.98px) {
    .ptb-70{
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

/* Secao Soluções */

#solucoes,
#content_atividades{
    background-color: var(--cinza_claro);
    background-image: url(img/bg_solucoes_home.png);
    background-size: 80vw;
    background-position: center;
    background-repeat: no-repeat;
}


#solucoes .titulo{
    max-width: 960px;
    margin: auto;
}

.box_solucoes_container {
    max-width: 1080px;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    justify-content: center;
}
.box_solucoes {
    font-weight: 600;
    line-height: 1.3;

    width: 190px;
    height: 180px;
    background: #fff;
    border-radius: 4px;
    margin: 10px;
    padding: 20px;

    box-shadow: 0px 8px 12px 0px rgb(0 95 128 / 5%);


    /* will-change: transform; */

    transition: all .30s ease;
}
.box_solucoes:hover{
    transform: scale(1.1);
}

@media (max-width: 575.98px) {
    .box_solucoes {
        width: 47%;
        min-height: 150px;
        margin: 1.5%;
		padding: 12px;
    }
}

.box_solucoes span {
    height: 50%;
    display: flex;
    padding: 10px 0;

}
.box_solucoes span.cima {
    align-items: flex-end;
}

.box_solucoes .baixo{
    font-size: 18px;
    letter-spacing: -0.5px;
    line-height: 24px;
    font-weight: bold;
    padding-top: 0;
}
body.petroshow .box_solucoes .baixo{
    font-size: 16px;
    line-height: 18px;
    letter-spacing: -0.5px;

}


.box_solucoes .vs_icon {
    max-width: 25px;
	max-height: 25px;
}




/* Seção Parceria Estratégica*/
#parceria_estrategica{
    background-image:
        url(img/bg_parceria_home.png),
        radial-gradient( circle at bottom center, #fafdfe, #e5f4f9 );
    background-size: 100vw, auto;
    background-position: center;
    background-repeat: no-repeat;
}










/* Seção Sobre Home
TODO: ver se pode remover. Foi Somente na home, antes de criar a seção separada
*/

#sobre_a_viasoft {
    background-image: url(img/bg_sobre_home_small.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

#sobre_a_viasoft .historia{
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
}


@media (max-width: 575.98px) {
    #sobre_a_viasoft .historia {
        background-image: none !important;
    }

    #sobre_a_viasoft .historia .bg_historia_mob{
        min-height: 555px;
        background-size: initial;
        background-position: top center;
    }
}






















/* Seção Sobre */

#sobre {
    background-image: url(img/bg_sobre_home_small.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

#sobre .container-xxl {
    padding-top: 80px;
	min-height: 520px;
}

#sobre .row {
    align-items: center;
	align-content: center;
}

#sobre .col-md-7 {
	width: 680px;
}

#sobre .col-md-4 {
    width: 560px;
}

figure.img_group_anim {
    position: relative;
    min-height: 440px;
/*
    overflow: visible;
    overflow-x: hidden; */
}

figure.img_group_anim picture{
    position: absolute;
}
figure.img_group_anim picture img{
    max-width: 244px;
    border-radius: 8px;
    position: relative;
    z-index: 1;

    filter: drop-shadow(0px 8px 12px  rgba(120, 177, 196, .25) );
}


figure.img_group_anim picture.direita img {
    max-width: 165px;
}

figure.img_group_anim picture.esquerda {
    top: 0;
    left: 80px;
}
figure.img_group_anim picture.centro{
    top: 190px;
    left: 195px;
}
figure.img_group_anim picture.direita {
    left: 380px;
    top: 85px;
}



figure.img_group_anim picture:after {
    content: "";
    width: 130px;
    height: 130px;
    background-color: var(--cinza_claro);
    position: absolute;

    top: -18px;
    left: -16px;

    border-radius: 8px;
}
figure.img_group_anim picture.centro:after{
    width: 82px;
    height: 82px;

    top: unset;
    left: unset;
    right: -22px;
    bottom: -22px;
}
figure.img_group_anim picture.direita:after{
    width: 126px;
    height: 126px;

    left: unset;
    top: -18px;
    right: -20px
}

@media (max-width: 767.98px) {

    figure.img_group_anim picture img{
        max-width: 162px;
    }

    figure.img_group_anim picture.esquerda img {
        max-width: 165px;
    }
    figure.img_group_anim picture.centro img {
        max-width: 130px;
    }
    figure.img_group_anim picture.direita img {
        max-width: 110px;
    }

    figure.img_group_anim picture.esquerda {
        top: 0;
        left: 0;
    }
    figure.img_group_anim picture.centro{

        top: 100px;
        left: 115px;
    }
    figure.img_group_anim picture.direita {
        left: 230px;
        top: 45px;
    }


}




























/* Seção Logos Clientes */

#clientes {
    background-image: linear-gradient(var(--cinza_claro), #fff);
    padding-top: 60px;
    text-align: center;
    /* height: 200px;
    overflow: hidden; */
}
#clientes .titulo {
    max-width: 720px;
    margin: auto;
}

#clientes .container,
#clientes .container-xxl{
    mix-blend-mode: multiply;
}
#clientes .swiper {
    padding: 20px 70px;
    /* overflow: visible; */

}
#clientes .swiper-slide{
    opacity: 0;
    visibility: hidden;
    transition: all .30s ease;

}
#clientes .swiper-slide.swiper-slide-visible{
    visibility: visible;
    opacity: 1;
}
#clientes .item_logo img {
    max-width: 100%;
}
#clientes .item_logo {
    filter: saturate(0);
}

#clientes .item_logo:hover {
    filter: saturate(1);
}

#clientes .swiper-button-next{
    right: 0;
}

#clientes .swiper-button-prev{
    left: 0;
}


/* Seção Como Acontece */

#como_acontece{
    min-height: 500px;
    /* background: rgba(0,0,0,.05); */
}
#como_acontece .titulo {
    max-width: 316px;
    padding: 55px 35px;
    border-radius: 8px;
}
#como_acontece .item {
    padding-right: 85px;
}


#como_acontece figure.img_dest_como_acontece {
    height: 465px;
    background-position: top right;
    background-size: cover;
    width: 450px;
    border-radius: 12px;
    position: absolute;
    z-index: -1;
    left: -200px;
    top: -120px;
}

#como_acontece figure.icone_como_acontece {
    background-color: #F4FDFF;
    color: #98D7EC;
    margin: 0 0 1em 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    width: 48px;
    height: 48px;
}

@media (max-width: 1300px) {

    #como_acontece figure.img_dest_como_acontece {
		left: -80px;
		top: -225px;
	}
}


@media (max-width: 575.98px) {
    #como_acontece .item {
        padding: 1rem 2rem;
    }

    #como_acontece figure.icone_como_acontece{
        margin: auto;
        margin-bottom: 1rem;
    }

    #como_acontece .titulo {
        margin: 1rem auto;
        margin-top: 220px;
    }
    #como_acontece figure.img_dest_como_acontece {
        left: 0;
        top: 0;
        width: calc(100% + 1.5rem);
        padding: 1.6rem;
        margin-left: -0.75rem;
        border-radius: 0;
        height: 330px;
        background-size: auto;
        background-position: 95% 32%;
    }
}











/* Secao Blog Home */

#blog{
    margin: 96px auto 60px;
}

/* #blog_home figure {
    background: var(--azul_muito_leve);
    background-size: cover;
    background-position: center;
    height: 230px;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
} */
#blog_home p{
    font-size: 16px;
    line-height: 26px;
    color: var(--azul_claro_texto);
}

#blog_home .titulo_secao {
    position: relative;
}
#blog_home .titulo_secao:before {
    background: url(img/elem_quad.png) no-repeat;
    overflow: visible;
    content: "";
    width: 150px;
    height: 80px;
    position: absolute;
    top: 23px;
    left: -60px;
    z-index: -1;
}

.tag_container {
    background: #fff;
    border-radius: 8px;
    padding: 1px;
    font-size: 14px;
    font-weight: bold;
    display: flex;
    align-items: center;
}


span.titulo_tag {
    padding: 0 15px;
}

span.titulo_tag {
    padding: 0 12px;
}

span.icone_cat {
    background: var(--azul_muito_leve);
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    border-radius: 8px;
    align-items: center;
    color: #fff;
    margin-left: 1px;
}

#blog_home h3 {
    font-size: 24px;
    line-height: 1.1em;
    margin-bottom: 16px;
}

#blog_home .blog_item{
    position: relative;
    margin-bottom: 20px;
}

#blog_home .vs_bt .vs_icon {
    margin-bottom: 2px;
    margin-left: 3px;
}

#blog_home .blog_resumo {
    padding-left: 40px;
}


#blog_home span.icone_cat.mat_construcao{
    background: var(--laranja_construcao); /*#F9962F*/
}
#blog_home span.icone_cat.varejo{
    background: var(--vermelho_varejo); /*#ED1B24*/
}
#blog_home span.icone_cat.analytics{
    background: var(--verde_analytics); /*#3DDBB5*/
}

#blog_home span.icone_cat.mat_construcao .vs_icon,
#blog_home span.icone_cat.varejo .vs_icon,
#blog_home span.icone_cat.analytics .vs_icon{
    filter: brightness(100);
}







/* secao newsletter home*/

#newsletter .form_newsletter{
    margin: auto;
    margin-top: 30px;
    position: relative;
    max-width: 575px;
}

#newsletter .formgrp {
    background: #fff;
    width: 100%;
    border-radius: 30px;
    border: none;
    line-height: 42px;
    box-shadow: 0px 8px 12px 0px rgb(0 95 128 / 5%);
    display: flex;
    justify-content: center;
}

#newsletter .input_email_newsletter{
    background-color: transparent;
    border: none;
    flex-grow: 1;
    margin-right: 5px;
    padding: 0 18px;
    line-height: 42px;
    border-radius: 30px;
    z-index: 99;

}
#newsletter .bt_enviar_newsletter_step1 {
    background: var(--vermelho_vs);
    border: none;
    border-radius: 30px;
    line-height: 42px;
    padding: 0 30px;
    color: #fff;
    font-weight: bold;
}

#newsletter .cta_newsletter{
    position: absolute;
    top: 8px;
    left: 30px;
    letter-spacing: -.35px;
}

@media (max-width: 575.98px) {
    #newsletter .cta_newsletter{
        position: unset;
        margin: auto;
        margin-top: 2rem;
        max-width: 270px;
        text-align: center;
    }
}




/* Seção CTA Vamos Evoluir Home */

#cta_vamos_evoluir_home {
    position: relative;
    background-color: #dadada;
    background-size: cover;
    background-position: top;
    min-height: 560px;
    display: flex;
    align-items: center;
}

#cta_vamos_evoluir_home .cta_content:before {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255,255,255,.7);
    content: " ";
    width: 100%;
    height: 100%;
    margin-left: -50%;
}

@media (max-width: 575.98px) {
    #cta_vamos_evoluir_home .cta_content:before {
        display: none;
    }
    #cta_vamos_evoluir_home{
        background-position: 70% 0%;
    }
    #cta_vamos_evoluir_home .cta_content {
        background: rgba(255, 255, 255, .8);
        margin: 2rem;
        margin-top: 160px;
        border-radius: 8px;
        padding: 2rem 1rem 3rem 2rem;
    }
}

#cta_vamos_evoluir_home .cta_content .row{
    position: relative;
}


#cta_vamos_evoluir_home .titulo {
    padding-bottom: 30px;
}

/* footer */

#logo_footer {
    max-width: 250px;
}


#menu_footer .titulo,
#menu_footer .titulo a {
    font-size: 14px;
    font-weight: bold;
    color: var(--cinza_texto);
}
#menu_footer .titulo{
    margin-top: 28px;
    margin-bottom: 6px;
}

#menu_footer .menu-item span,
#menu_footer a,
#menu_footer .areas_corporativas .titulo:not(:first-child) a{
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
    width: 100%;
}

#menu_footer .central_vendas svg {
    width: 12px;
    height: 12px;
}
#menu_footer .areas_corporativas .sub-item {
    display: none;
}


.links_sociais_footer li{
    margin-right: 20px;
    margin-top: 20px;
}
.copyright_info{
    font-size: 12px;
    color: var(--azul_claro_texto);
    border-top: 1px solid var(--cinza_claro);
}






/* Sliders */


.swiper-pagination {

    /* --swiper-pagination-bullet-horizontal-gap: 10px; */

    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0 !important;
}

.swiper-button-next:after, .swiper-button-prev:after{
    font-weight: bold;
}

.swiper-pagination-bullet{
    background-color: #C8C8C8;
    opacity: 1;
    margin: 10px !important;

    transition: all .10s ease;
}

.swiper-pagination-bullet-active{
    background-color: var(--accent-color);
    width: 18px;
    height: 18px;
    margin: 5px !important;
}


#depoimentos .swiper,
#et-boc #depoimentos .swiper {
    padding: 50px 20px;
}

#depoimentos .item_depoimento,
#et-boc #depoimentos .item_depoimento {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 40px;
    background: #fff;
    box-shadow: 0px 8px 12px 0px rgb(0 95 128 / 7%);
}
#depoimentos .item_depoimento .img_perfil,
#et-boc #depoimentos .item_depoimento .img_perfil {
    max-width: 120px;
    max-height: 120px;
    border-radius: 65px;
    margin-bottom: 20px;
}
#depoimentos .item_depoimento .texto_depoimento,
#et-boc #depoimentos .item_depoimento .texto_depoimento {
    font-size: 16px;
    line-height: 1.5em;
}
#depoimentos .item_depoimento .nome,
#depoimentos .item_depoimento .cargo,
#et-boc #depoimentos .item_depoimento .nome,
#et-boc #depoimentos .item_depoimento .cargo {
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    font-weight: 600;
    color: #394346;
    margin-bottom: 0;
}
#depoimentos .item_depoimento .cargo,
#et-boc #depoimentos .item_depoimento .cargo {
    color: #B7B7B7;
    font-size: 14px;
    line-height: 1.4em;
    font-weight: normal;
    margin:0px 0 10px;
}







/* Slider Funcionalidades */


.item_funcionalidade {
    /* max-width: 310px; */
    /* padding-bottom: 50px; */
}

/*
.item_funcionalidade .titulo_container{
    align-items: center;
} */

.item_funcionalidade .titulo{
    font-size: 18px;
    line-height: 24px;
    width: auto;
    align-items: center;
    margin: 0;
    display: flex;
}

.icone_bg {
    min-width: 48px;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 18px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0px 8px 12px 0px rgb(120 177 196 / 25%);

    background-color: #fff;
}

body.agrotitan .icone_bg { background-color: #F0FFFA; }
body.petroshow .icone_bg { background-color: #FFFAF0; }
body.forlog .icone_bg { background-color: #FFF7F4; }


.icone_bg .icon {
    max-width: 26px;
}

.page-template-solucoes .item_funcionalidade .vs_bt{
    display: none; /* esconde o botão na home da vertical */
}

.item_funcionalidade .vs_bt{
    position: absolute;
    bottom: 0; /* alinha no bottom */
}

#slider_funcionalidades .swiper,
#slider_modulos .swiper {
    padding: 50px 20px;
}

#slider_funcionalidades .container-xxl{
	min-height: 280px;
	padding: 0;
	align-content: center;
	align-items: center;
}

#slider_funcionalidades{
	padding: 40px;
}












/* Página Atividades */



#topo_atividade {
    background-color: var(--cinza_escuro);
    background-position: top;
    background-size: cover;
}

#topo_atividade .header {
    display: flex;
    align-items: center;

    height: 310px;
    padding: 74px 0 160px 0;
}
#topo_atividade .logo{
    max-width: 240px;
}
#topo_atividade .separador{
    color: var(--cinza_escuro);
    margin: 0 18px;



    font-size: 0;
    width: 3px;
    height: 22px;
    background: rgba(255, 255, 255, .5);
}
#topo_atividade .header .titulo_pagina{
    font-size: 24px;
    line-height: 1;
    margin: 0;

    color: var(--accent-color);
}








#content_atividades {
    padding: 110px 0 80px 0;
}
#content_atividades .container_box{
    background-color: #F7FBFC;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0px 8px 12px 0px rgb(120 177 196 / 25%);

}
#content_atividades .titulo_atividades{
    max-width: 750px;
    padding: 30px 0;
    margin: auto;
}

#content_atividades .titulo_atividades.modulos {
    max-width: 380px;
}
.titulo_atividades.modulos{
    display: none;
}

#select {
    display: flex;
    align-items: center;
    width: 740px;
    height: 170px;
    background: #EBF2F5;
    border-radius: 12px;
    margin: auto;

    position: relative;
}



#bt_modulos,
#bt_funcionalidades {
    width: 50%;
    height: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 2;

    cursor: pointer;
}

#select .icon{
    width: 72px;
}
#select .bt:not(.ativo) .vs_icon{
    filter: grayscale(100%);
}

#select .title{
    font-size: 24px;
    line-height: 1em;
    margin-top: 14px;

}
.bg_selected {
    background-color: #fff;
    position: absolute;
    width: 50%;
    height: 100%;
    z-index: 1;

    transition: all .30s ease;


    border-radius: 12px;
    box-shadow: 0px 8px 12px 0px rgb(120 177 196 / 25%);
}
.bg_selected.modulos {
    /* left: 0; */

    transform: translateX(100%);
}
.bg_selected.funcionalidades {
    /* left: unset;
    right: 0; */
    transform: translateX(0);
}


@media (max-width: 767.98px) {
    #select {
        width: 100%;
        height: 140px;
    }
    #select .title{
        font-size: 16px;
    }

    #content_atividades .titulo_atividades{
        font-size: 28px;
    }


    #select .vs_icon{
        max-width: 50px;
        max-height: 50px;
    }

    #container_modulos_funcionalidades .item_modulo .row {
        flex-direction: column-reverse!important;
    }

    #container_modulos_funcionalidades figure.img_modulo{
        margin-top: 50px;
    }
    #content_atividades .container-xxl,
    #content_atividades .container{
        padding-left: 0;
        padding-right: 0;
    }
    #content_atividades .row{
        margin-right: 0;
        margin-right: 0;
    }

}





#container_modulos_funcionalidades {
    display: flex;
    width: 100%;
    overflow: hidden;
}
#container_modulos_funcionalidades #slider_modulos .item_modulo .container{
    margin-bottom: 25px;
}
#container_modulos_funcionalidades .texto_apoio{
    font-size: 16px;
    line-height: 26px;
}

#container_modulos_funcionalidades #slider_modulos,
#container_modulos_funcionalidades #slider_funcionalidades{
    transition: all .30s ease;
    width: 100%;

    will-change: transform;
}

#container_modulos_funcionalidades #slider_modulos{
    transform: translateX(-80%);
    opacity: 0;
    z-index: 0;
}
#container_modulos_funcionalidades #slider_funcionalidades {
    transform: translateX(-20%);
    opacity: 0;
    z-index: 0;
}
#container_modulos_funcionalidades #slider_modulos.ativo {
    transform: translateX(-100%);
    opacity: 1;
    z-index: 1;
}
#container_modulos_funcionalidades #slider_funcionalidades.ativo {
    transform: translateX(0);
    opacity: 1;
    z-index: 1;
}

body.analytics #container_modulos_funcionalidades #slider_modulos.ativo,
body.talentrh #container_modulos_funcionalidades #slider_modulos.ativo {
    transform: translateX(0);
}

#slider_funcionalidades .item_funcionalidade .titulo_container {
    margin-bottom: 20px;
}

#container_modulos_funcionalidades #slider_modulos .item_modulo .titulo{

    font-size: 38px;
    line-height: 42px;
}

#container_modulos_funcionalidades #slider_modulos .item_modulo .col_left{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}


#slider_funcionalidades .vs_bt, .custom-button1{
    margin: auto;
    margin-top: 25px;
    width: auto;
}


figure.img_modulo{
    display: inline-block;
    position: relative;
    margin-right: 10px;
}
figure.img_modulo img{
    border-radius: 8px;
    box-shadow: 0 8px 32px 0 rgb(0 95 128 / 20%);
}
figure.img_modulo:before,
figure.img_modulo:after {
    content: "";
    width: 130px;
    height: 130px;
    background-color: #E1EEF3;
    position: absolute;
    top: -18px;
    left: -16px;
    border-radius: 8px;
    z-index: -1;
}
figure.img_modulo:after {
    width: 80px;
    height: 80px;
    background-color: transparent;
    border: 4px solid #E1EEF3;
    left: unset;
    top: unset;
    right: -12px;
    bottom: -14px;
}















#menu_atividades {
    position: absolute;
    width: 100%;
    transform: translateY(-50%);
}

#menu_atividades .swiper-wrapper {
    align-items: center;
}

#menu_atividades .box_solucoes{
    width: 120px;
    height: 120px;
    /* max-width: 120px;
    max-height: 120px; */
    padding: 16px;
    padding-right: 10px;
}
#menu_atividades .box_solucoes .baixo{
    font-size: 12px;
    line-height: 14px;
}
body.petroshow #menu_atividades .box_solucoes .baixo{
    font-size: 12px;
    line-height: 14px;
}

#menu_atividades .box_solucoes.ativo {
    /* width: 170px;
    height: 170px; */

    transform: scale(1.4);
    margin: 35px;
    color: var(--cinza_texto);
}
#menu_atividades .box_solucoes:hover {
    color: var(--cinza_texto);
}

#menu_atividades a.box_solucoes {
    color: var(--azul_claro_texto);
}
@media (max-width: 767.98px) {
    #menu_atividades a.box_solucoes {
        min-height: 110px;
        margin: 7px;
    }
    #menu_atividades .box_solucoes.ativo{
        transform: scale(1.1);
        margin: 14px;
    }

    #menu_atividades .container-xxl{
        padding: 13px;
    }
}


#menu_atividades .box_solucoes .vs_icon{
    filter: brightness(0) saturate(100%) invert(58%) sepia(6%) saturate(1350%) hue-rotate(149deg) brightness(94%) contrast(88%);
}
#menu_atividades .box_solucoes.ativo .vs_icon,
#menu_atividades .box_solucoes:hover .vs_icon{
    filter: unset;
}


.opacity-0{
    opacity: 0;
}

#menu_atividades .next,
#menu_atividades .prev {
    content: 'next';
    width: 42px;
    height: 120px;
    border-radius: 0 4px 4px 0;
    background: var(--accent-color);
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;

}
#menu_atividades .prev {
    border-radius: 4px 0 0 4px;
    right: unset;
    left: 0;
}
#menu_atividades .next.swiper-button-disabled,
#menu_atividades .prev.swiper-button-disabled {
    display: none;

}

#menu_atividades .next .vs_icon {
    margin-left: -7px;
}
#menu_atividades .prev .vs_icon {
    margin-left: 7px;
    transform: rotate(180deg);
}






















.form_popup .vs_form input:not(.vs_bt), .form_popup .vs_form select{
	margin: 0px !important;
}

.form_popup{
    z-index: 9999;
}


.form_popup .modal-dialog{
    max-width: 460px;
}

@media (max-width: 767.98px) {
    .form_popup .modal-dialog{
        max-width: unset;
    }
}


.form_popup .modal-body {
    padding: 20px 40px ;
}
.form_popup .cta{
    max-width: 250px;
}
.form_popup .modal-content{
    box-shadow: 0 8px 12px 0 rgb(0 95 128 / 10%);
    border: none;
}

.form_popup p,
.form_popup .modal-footer a:not(:hover){
    color: var(--azul_claro_texto);
    font-size: 14px;
    line-height: 18px;
}
.form_popup .titulo{
    font-size: 40px;
    line-height: 1em;
}
.form_popup .modal-header {
    border: none;
    margin-bottom: -30px;
    z-index: 1;
}


.form_popup .modal-footer {
    background-color: var(--cinza_claro);
    border-top-color: #E8F2F7;
    justify-content: center;
}

.form_popup .modal-footer p {
    max-width: 300px;
    text-align: center;
}

.form_popup .vs_form input:not(.vs_bt),
.form_popup .vs_form select {
    background: var(--cinza_claro);
    color: var(--azul_claro_texto);
    font-size: 14px;
    line-height: 24px;
    width: 100%;
    max-width: 100%;
    padding: 2px 10px;
    margin: 0 0 10px 0;
    border-radius: 4px;
    border: 1px solid #E8F2F7;
}
.form_popup input.vs_bt {
    width: auto;
    margin: auto;
    display: flex;
    line-height: 24px;
    font-size: 18px;
}

.form_popup .wpcf7-spinner {
    display: flex;
    margin: auto;
    margin-top: 10px;
}







/**
* MODAL NEWSLETTER
*
*/
.opcoes_newsletter {
    margin-bottom: 25px;
}
.op_segmento {
    display: flex;
    align-items: center;
    box-shadow: 0px 8px 12px 0px rgb(57 65 70 / 10%);
    padding: 4px 11px;
    margin-bottom: 10px;
    border-radius: 50px;
    border: var(--accent-color) 0px solid;
    height: 40px;
    cursor: pointer;
    transition: border .15s ease-in-out;
}
.opcoes_newsletter span.op_segmento.selected {
    border-width: 4px;
}

.op_segmento .vs_icon {
    width: 25px;
    height: 25px;
    margin-right: 10px;
}
.op_segmento span {
    font-size: 15px;
    line-height: 25px;
    font-weight: bold;
}

.result_msg {
    text-align: center;
    display: none;
}
.result_msg p {
    font-size: 20px;
    line-height: 1em;
}









/**
* BLOG
*/

/* Blog home */
#blog a,
#lista_categorias a{
    transition: all .15s ease-out;
}

#lista_categorias {
    border: 1px solid var(--cinza_claro);
    border-left: 0;
    border-right: 0;
    padding: 20px 0;
    margin: 60px auto;
}

#lista_categorias ul {
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 720px;
    margin: auto;
}

#lista_categorias ul li {
    padding: 5px;
}
#lista_categorias ul li a,
.bt_continuar_lendo{
    background-color: var(--cinza_claro);
    padding: 10px;
    color: var(--azul_claro_texto);
    font-size: 14px;
    font-weight: bold;

    display: inline-block;

    border-radius: 8px;
}



#lista_categorias ul li a:hover,
#lista_categorias ul li.current-menu-item a,
a.bt_continuar_lendo:hover{
    background-color: var(--azul_leve);
    color:#fff;
}



.thumb_link {
    position: relative;
    margin-bottom: 20px;
}
.thumb_link .img_link{
    display: block;
}
.img_link:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    border: 0px solid;
    border-color: var(--accent-color);
    position: absolute;
    top: 0;
    border-radius: 8px;
    transition: border .15s ease-out;
}

.thumb_link:hover .img_link:after {
    border-width: 6px;
}

.thumb_link .tag_container {
    position: absolute;
    bottom: 10px;
    left: 10px;
}



#slider_blog {
    padding: 50px 0;
}






#blog .lista_posts .titulo{
    font-size: 18px;
    line-height: 24px;
}
#blog .thumb,
#blog_home .thumb{
    border-radius: 8px;
}


#blog article{
    margin-bottom: 35px;
    position: relative;
    padding: 10px;
    border-radius: 8px;
}

#blog article:hover {
    background-color: var(--azul_muito_leve);
}
#blog article:hover .titulo a{
    color: var(--azul_leve);
}

a.bt_continuar_lendo{
    border-radius: 30px;
    padding-left: 20px;
    padding-right: 20px;

    margin-top: 15px;
}
a.bt_continuar_lendo:hover{
    padding-right: 10px;
}
.bt_continuar_lendo .vs_icon {
    transition: all .15s ease-out;
    margin-left: -15px;
    opacity: 0;
}
.bt_continuar_lendo:hover .vs_icon{
    margin-left: 5px;
    opacity: 1;
}

#blog .meta,
#blog .meta a {
    font-size: 11px;
    line-height: 14px;
    color: var(--azul_claro_texto);
    font-weight: bold;
}
#blog .meta a:hover {
    text-decoration: underline;
}

#blog .navigation {
    text-align: center;
    margin-top: 40px;
}
#blog .navigation ol.wp-paginate{
    display: flex;
    justify-content: center;
}
#blog .navigation ol.wp-paginate li{
    line-height: 1em;
    margin: auto 2px;
}

#blog .navigation ol.wp-paginate li .page,
#blog .navigation ol.wp-paginate li .next,
#blog .navigation ol.wp-paginate li .prev {
    border: none;
    border-radius: 25px;
    display: block;
    padding: 8px 12px;
    font-weight: bold;
    color: var(--azul_leve);
    background-color: var(--azul_muito_leve);
}


#blog .navigation ol.wp-paginate li a:hover,
#blog .navigation ol.wp-paginate li .current{
    background-color: var(--azul_leve);
    color: var(--azul_muito_leve);
}

#topo_blog {
    background-color: var(--cinza_escuro);
    background-position: top;
    background-size: cover;
    background-blend-mode: multiply;
    padding-top: 144px;
}
#topo_blog .content,
#conteudo_blog article{
    padding-top: 60px;
    padding-bottom: 60px;


}


#topo_blog .titulo{
    color: #fff;
}
#topo_blog p{
    color: #C2E4F0;
}
#topo_blog .meta *{
    color: var(--azul_claro_texto);
    font-size: 12px;
    line-height: 1em;
}

#conteudo_blog p{
    color: var(--azul_claro_texto);
}
#conteudo_blog p:empty{
    display: none;
}
#conteudo_blog h1,
#conteudo_blog h2,
#conteudo_blog h3,
#conteudo_blog h4,
#conteudo_blog h5,
#conteudo_blog h6{
    color: var(--cinza_texto);
    margin: 60px auto 40px;
}
#conteudo_blog a{
    text-decoration: underline;
}
#conteudo_blog a:hover{
    color: var(--accent-color);
}

#conteudo_blog img.alignnone {
    margin: 2vw auto;
    display: block;
}

#conteudo_blog img {
    max-width: 100%;
    height: auto;

    border-radius: 8px;
}



/* Páginas sem menu de MODULOS/FUNCIONALIDADES */

body.talentrh .titulo_atividades,
body.talentrh #select,
body.analytics .titulo_atividades,
body.analytics #select{
    display: none;
}
















/*
* Lightbox Lity / Vimeo
*/
.lity {
    z-index: 9999 !important;
}
.lity-iframe-container {
    border-radius: 8px;

}
.lity-vimeo .lity-close,
.lity-image .lity-close{
    position: absolute !important;
    right: -30px !important;
    top: -30px !important;
}
.lity-image .lity-container {
    max-width: 65% !important;
    margin: auto !important;
}
.lity-image img {
    border-radius: 8px;
}
















/* Páginas Divi */
body.page-template-page-template-blank #primary,
body.page-template-sem-form-rodape #primary,
body.page-template-default #primary{
    padding-top: 90px;
}

body.a-viasoft #primary{
    padding-top: 0;
}

.titulo_interna h1 {
    text-transform: uppercase !important;
    font-size: 50px !important;
    font-weight: normal !important;

}
.titulo_interna p {
    font-size: 24px;
    line-height: 1.3em;
    font-weight: 300;
    display: block;
    max-width: 680px;
    margin: auto !important;
}

.et_pb_section a.et_pb_button {
    border-radius: 50px !important;
    line-height: 1em !important;
    padding: 5px 20px!important;
}
.et_pb_section a.et_pb_button:hover {
    color: #fff !important;
    background-color: #003f5c !important;
}
.et_pb_section a.et_pb_button:after {
    display: none !important;
}



.et-db #et-boc .et-l .et_pb_button {
    color: #FFFFFF!important;
    border-width: 0px!important;
    border-radius: 36px!important;
    font-size: 15px !important;
    background-color: #00618e !important;
}


/* Página Sobre a visasoft*/
.img_qualidade_em_numeros{
    min-width: 490px;
}

@media (max-width: 990px) {
    .img_qualidade_em_numeros{
        min-width: unset;
    }
}



@media (min-width: 992px) {
    #como_acontece_interna .et_pb_column {
        max-width: 200px;
        margin-right: 54px !important;
    }
}

#como_acontece_interna .et_pb_blurb_content .et_pb_image_wrap {
    background: #F4FDFF;
    width: 48px !important;
    height: 48px;
    border-radius: 12px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 8px 12px 0px rgb(120 177 196 / 25%);
}
#como_acontece_interna .et_pb_blurb_content .et_pb_image_wrap img {
    max-height: 32px !important;
    border-radius: unset !important;
}

@media (max-width: 992px) {

    #como_acontece_interna .et_pb_column .et_pb_blurb_content * {
        text-align: center !important;
    }
    #como_acontece_interna .et_pb_blurb_content .et_pb_image_wrap {
        margin: auto !important;
    }
    #como_acontece_interna .et_pb_blurb_content {
        padding: 0 30px !important;
    }

}

@media (max-width: 992px) {

    .m94width {
        width: 94% !important;
    }

}



@media (min-width: 576px) {

}
@media (min-width: 768px) {

}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}
@media (min-width: 1400px) {

}




@media (max-width: 575.98px) {

}


@media (max-width: 767.98px) {
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }




    .text_mob_center{
        text-align: center;
    }

}


@media (max-width: 991.98px) {

}


@media (max-width: 1199.98px) {

}


@media (max-width: 1399.98px) {

}









/**
* Ajustes responsivos
*/
@media (min-width: 767.98px) and (max-width: 1367px) {
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        /* width: 90%; */
        padding-right: 3vw;
        padding-left: 3vw;
    }

	#barra_topo {
		font-size: 12px;
	}
	#barra_topo .vs_icon {
		height: 18px;
		width: 18px;
	}
	#barra_topo .menu_destaques {
		height: 35px;
	}

	#barra_menu_principal {
		height: 60px;
	}


	#banner .item_banner {
		padding-top: 60px;
		min-height: 768px;
	}
	
	.margin_primeira_secao {
		margin-top: 60px;
	}

	#topo_atividade .header {
    	height: 230px;
	}
}
@media (max-width: 1367) {

    h2{
        font-size: 2.33rem;
    }
    #banner .item_banner .titulo {
        font-size: 2.5rem;
    }

    #barra_topo{
        font-size: 12px;
    }
    #barra_topo .menu_destaques .vs_icon {
        margin-right: 5px;
        width: 20px;
        height: 20px;
    }
    #barra_topo .menu_destaques li {
        margin-right: 15px;
    }


    #content_atividades .container_box{
        padding: 0;
    }




    figure.img_group_anim {
        transform: scale(.7);
    }



}





/* helpers */

@media (min-width: 990px) {
    .v_center{
        display: flex;
        align-items: center;
    }
}











/* ajustes 20/07/2023 - Add form Bitrix, solicitado por Weslei. */


/* Form PopUp*/
.debug .form-bitrix{
	display: block !important; /* ?debug=1*/
}
.debug .vs_form{
	display: none !important; /* ?debug=1*/
}
.form-bitrix *,
.b24-window *{
	font-family: 'Open Sans', sans-serif !important;
	text-align: left ;
}
.form-bitrix .b24-form-btn{
	text-align: center;
}

.form_popup .form-bitrix input{
    background: var(--cinza_claro);
    color: var(--azul_claro_texto);
    border-radius: 4px;
    border: 1px solid #E8F2F7;
}

.form-bitrix .b24-form-header-title{
	color: var(--cinza_texto);
	max-width: 260px;

	/*h2*/
	font-weight: bold;
    line-height: 1em;
    letter-spacing: -0.5px;
/* 	font-size: 2.72rem; */

	/*.form_popup .titulo*/
	font-size: 40px;
    line-height: 1em;

}

.form-bitrix .b24-form-header-description{
	max-width: 260px;
	/*.form_popup p*/
    color: var(--azul_claro_texto);
    font-size: 14px;
    line-height: 18px;
}
.form-bitrix .b24-form-state-container .b24-form-success {
    background: none;
}
.form-bitrix .b24-form-content.b24-form-padding-side,
.form-bitrix .b24-form-padding-side{
    padding: 0 !important;

}





/* Botão WhatsApp Bitrix */

.b24-window-scrollable,
.b24-window-mounts #b24-window-mount-b24-site-button-form-25,
.b24-form #b24-b24-site-button-form-25,
.b24-form #b24-b24-site-button-form-25.b24-form-dark{
    --b24-primary-color: #25D366;
    --b24-field-background-color: #fff;


}
.b24-widget-button-inner-item {
    background: #25D366;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJDYW1hZGFfMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNDggNDgiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48ZyBpZD0iQ2FtYWRhXzEtMiI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtNDgsMjMuMzhjMCwxMi45MS0xMC41NSwyMy4zOC0yMy41NiwyMy4zOC00LjEzLDAtOC4wMS0xLjA2LTExLjM5LTIuOTFMMCw0OGw0LjI1LTEyLjU1Yy0yLjE1LTMuNTItMy4zOC03LjY2LTMuMzgtMTIuMDdDLjg3LDEwLjQ3LDExLjQyLDAsMjQuNDQsMHMyMy41NiwxMC40NywyMy41NiwyMy4zOGgwWk0yNC40NCwzLjcyQzEzLjUxLDMuNzIsNC42MywxMi41NCw0LjYzLDIzLjM4YzAsNC4zLDEuNCw4LjI4LDMuNzcsMTEuNTJsLTIuNDgsNy4zLDcuNjEtMi40MmMzLjEzLDIuMDUsNi44OCwzLjI1LDEwLjksMy4yNSwxMC45MiwwLDE5LjgxLTguODIsMTkuODEtMTkuNjZTMzUuMzYsMy43MiwyNC40NCwzLjcyaDBabTExLjksMjUuMDVjLS4xNC0uMjQtLjUzLS4zOC0xLjExLS42Ny0uNTgtLjI5LTMuNDItMS42OC0zLjk1LTEuODYtLjUzLS4xOS0uOTItLjI5LTEuMy4yOXMtMS40OSwxLjg2LTEuODMsMi4yNS0uNjcuNDMtMS4yNS4xNGMtLjU4LS4yOS0yLjQ0LS44OS00LjY1LTIuODUtMS43Mi0xLjUyLTIuODgtMy4zOS0zLjIxLTMuOTdzLS4wMy0uODkuMjUtMS4xN2MuMjYtLjI2LjU4LS42Ny44Ny0xcy4zOC0uNTguNTgtLjk2LjEtLjcyLS4wNS0xLTEuMy0zLjExLTEuNzgtNC4yNS0uOTYtLjk2LTEuMy0uOTYtLjcyLS4wNS0xLjExLS4wNS0xLjAxLjE0LTEuNTQuNzItMi4wMiwxLjk2LTIuMDIsNC43OCwyLjA3LDUuNTQsMi4zNiw1LjkzLDMuOTksNi4zNiw5Ljg3LDguNjVjNS44OCwyLjI5LDUuODgsMS41Myw2LjkzLDEuNDQsMS4wNi0uMSwzLjQyLTEuMzksMy45LTIuNzNzLjQ4LTIuNDkuMzQtMi43M2gwWiIvPjwvZz48L3N2Zz4=");
    background-position: center center;
    background-size: 60%;
    background-repeat: no-repeat;
}
.b24-widget-button-inner-item svg {
    display: none;
}
.b24-widget-button-pulse.b24-widget-button-pulse-animate {
    border-color: #25D366 !important;
}
.b24-widget-button-inner-mask {
    background-color: #25D366 !important;
}

.b24-window-panel .b24-form-btn {
    background-color: #25D366;
    text-align: center;
}
.b24-window-panel .b24-form-btn:hover {
    background-color: #1ea951 !important;
}

.b24-window-panel .b24-form-wrapper {
    background-color: #ece5dd;
}

.b24-window-panel .b24-form-header {
    background: #075E54;
}
.b24-window-panel .b24-form-header-title {
    color: #fff !important;
}
.b24-window-panel button.b24-window-close {
    background: #000;
}
.b24-window-panel .b24-form-control-alert.b24-form-control-checkbox,
.b24-window-panel .b24-form-control-alert.b24-form-control-radiobox,
.b24-window-panel .b24-form-control-alert.b24-form-control-file,
.b24-window-panel .b24-form-control-alert.b24-form-control-list .b24-form-control,
.b24-window-panel .b24-form-control-alert.b24-form-control-string .b24-form-control,
.b24-window-panel .b24-form-control-alert.b24-form-control-text .b24-form-control,
.b24-window-panel .b24-form-style-modern .b24-form-control-string .b24-form-control,
.b24-window-panel .b24-form-style-modern .b24-form-control-list .b24-form-control,
.b24-window-panel .b24-form-style-modern .b24-form-control-text .b24-form-control,
.b24-window-panel .b24-form-style-modern .b24-form-
}

.b24-window-panel .form-bitrix .b24-form-padding-side {
	padding: 0 0 1em 0 !important;
    text-align: left !important;
}

.b24-window-panel .control-select .field-item,
.viasoft .b24-window-panel .b24-form-style-modern .b24-form-control-string .b24-form-control{
    background: #fff !important;
}

.b24-form-sign {
    display: none !important
}




.b24-window-panel .b24-window-scrollable {
    background-color: transparent !important;
}

/*****/
@media (max-width: 512px) {
    .b24-form .b24-window-scrollable {
        padding-bottom: 0 !important;
    }
}
@media (min-width: 990px) {

    .b24-window-panel .b24-form-wrapper {
        bottom: 150px;
    }
    .b24-window-popup-wrapper .b24-window-scrollable {
        max-height: 85vh !important;
    }

    /* .b24-window-panel.b24-window-panel-pos-right {
        position: absolute;
        max-height: 500px;
        bottom: 150px !important;
        top: unset;
    } */
    button.b24-window-close {
        top: 18px;
    }
    .b24-window-panel.b24-window-panel-pos-right,
    .b24-form-content.b24-form-padding-side,
    .b24-form-wrapper,
    .b24-window-scrollable{
        overflow: visible !important;
    }
    .b24-window-scrollable {
        bottom: 0 !important;
        top: unset !important;
    }


    .b24-form-dropdown-container {
        bottom: 0;
        width: 90% !important;
        min-width: unset !important;
    }
    .b24-window-scroll-anchor {
        height: 0 !important;
    }


}

/* Paginação nativa WordPress */
.nav-links {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    margin: 32px 0;
    font-size: 18px;
    width: 100%;
}
.nav-links .page-numbers {
    background: var(--cinza_claro, #F4F9FB);
    color: var(--cinza_escuro, #263940);
    border: 1px solid #e0e0e0;
    padding: 6px 14px;
    border-radius: 4px;
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
}
.nav-links .page-numbers:hover {
    background: var(--accent-color, #ED1B24);
    color: #fff;
    border-color: var(--accent-color, #ED1B24);
}
.nav-links .page-numbers.current {
    background: var(--accent-color, #ED1B24);
    color: #fff;
    border-color: var(--accent-color, #ED1B24);
    font-weight: bold;
    cursor: default;
}
.nav-links .next.page-numbers {
    font-weight: bold;
    background: var(--azul_leve, #78B1C4);
    color: #fff;
    border-color: var(--azul_leve, #78B1C4);
}

/* Botão Flutuante do WhatsApp */
.btn-whatsapp-float {
	position: fixed;
	width: 60px;
	height: 60px;
	bottom: 40px;
	right: 40px;
	background-color: #25d366;
	color: #FFF;
	border-radius: 50px;
	text-align: center;
	font-size: 30px;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 32px 0px;
	z-index: 1000; /* Garante que fique acima de outros elementos */
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition: all 0.3s ease;
}

.btn-whatsapp-float:hover {
	background-color: #128c7e; /* Cor um pouco mais escura ao passar o mouse */
	color: #FFF;
	transform: scale(1.1);
}

/* Ajuste para o ícone ficar centralizado verticalmente */
.btn-whatsapp-float i {
	margin-top: 2px; 
}