@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

/*Custom Font - Instituto*/
@font-face {
    font-family: 'Calibri';
    src: url('../fonts/calibri.woff2') format('woff2'),
        url('../fonts/calibri.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Calibri Italic';
    src: url('../fonts/calibrii.woff2') format('woff2'),
        url('../fonts/calibrii.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Calibri Light';
    src: url('../fonts/calibril.woff2') format('woff2'),
        url('../fonts/calibril.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Calibri Light Italic';
    src: url('../fonts/calibrili.woff2') format('woff2'),
        url('../fonts/calibrili.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Calibri Bold';
    src: url('../fonts/calibrib.woff2') format('woff2'),
        url('../fonts/calibrib.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

main {
    padding-top: 60px;
}
/*GLOBAL*/
.p-left-15 {
    padding-left: 15px;
}
.p-right-15 {
    padding-right: 15px;
}
.txt-magenta {
    color: #D20D55;
}
.txt-roxo {
    color: #5C257F;
}
.txt-amarelo {
    color: #F9AF16;
}
.txt-vermelho {
    color: #E64118;
}
.txt-azul {
    color: #2C2E81;
}
/*HEADER*/
.menu-instituto {
    width: 100%;
    background-color: #fff;
    padding: 30px 0;
    max-height: 114px;
    position: fixed;
    z-index: 3;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
.menu-instituto .logomarca img {
    max-height: 50px;
    width: 100%;
}
.menu-instituto .menu-header {
    max-width: 750px;
}
.menu-menu-principal-topo-container {
    position: relative;
}
.menu-instituto .menu-header ul {
    list-style: none;
    display: inline-flex;
    gap: 30px;
    padding: 0 20px;
    margin: 0;
    border-bottom: solid 1px rgba(169, 157, 146, .3);
}
.menu-instituto .menu-header ul::before {
    content: '';
    width: 72px;
    height: 38px;
    background-image: url('../img/borda_left_menu.svg');
    background-repeat: no-repeat;
    position: absolute;
    left: -30px;
    top: 1px;
}
.menu-instituto .menu-header ul li {
    font-family: 'Rubik', sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0 5px 10px 5px;
    text-align: center;
    border-bottom: solid 1px transparent;
    position: relative;
    top: 1px;
}
.menu-instituto .menu-header ul li:hover {
    border-bottom: solid 1px transparent;
}
.menu-instituto .menu-header ul li a::after {
    content: '';
    width: 13px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.569' height='13.646' viewBox='0 0 12.569 13.646'%3E%3Cpath id='Caminho_4817' data-name='Caminho 4817' d='M1305.144 78.468h-6.967a2.8 2.8 0 0 0-2.8 2.8v8.043a2.8 2.8 0 0 0 2.8 2.8h6.967a2.8 2.8 0 0 0 2.8-2.8V81.27a2.8 2.8 0 0 0-2.8-2.8' transform='translate(-1295.376 -78.468)' fill='%23a99d92'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    position: absolute;
    bottom: -7px;
    margin-left: -50%;
}
.menu-instituto .menu-header ul li a {
    color: #A99D92;
    padding: 0px 0px 20px 0px;
}
.menu-instituto .menu-header ul li.current-menu-item a,
.menu-instituto .menu-header ul li a:hover {
    font-weight: 500;
    text-decoration: none;
    font-size: 1.1rem;
}
.menu-instituto .menu-header ul li.menu-home a:hover,
.menu-instituto .menu-header ul li.menu-home.current-menu-item a {
    color: #F8AE13;
}
.menu-instituto .menu-header ul li.menu-home:hover,
.menu-instituto .menu-header ul li.menu-institucional:hover,
.menu-instituto .menu-header ul li.menu-fazemos:hover,
.menu-instituto .menu-header ul li.menu-fale:hover {
    border-color: #000;
}
.menu-instituto .menu-header ul li.menu-home.current-menu-item {
    border-color: #F8AE13;
}
.menu-instituto .menu-header ul li.menu-home a:hover::after,
.menu-instituto .menu-header ul li.menu-home.current-menu-item a::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.569' height='13.646' viewBox='0 0 12.569 13.646'%3E%3Cpath id='Caminho_4817' data-name='Caminho 4817' d='M1305.144 78.468h-6.967a2.8 2.8 0 0 0-2.8 2.8v8.043a2.8 2.8 0 0 0 2.8 2.8h6.967a2.8 2.8 0 0 0 2.8-2.8V81.27a2.8 2.8 0 0 0-2.8-2.8' transform='translate(-1295.376 -78.468)' fill='%23F8AE13'/%3E%3C/svg%3E");
}
.menu-instituto .menu-header ul li.menu-institucional a:hover,
.menu-instituto .menu-header ul li.menu-institucional.current-menu-item a {
    color: #00AFAC;
}
.menu-instituto .menu-header ul li.menu-institucional.current-menu-item {
    border-color: #00AFAC;
}
.menu-instituto .menu-header ul li.menu-institucional a:hover::after,
.menu-instituto .menu-header ul li.menu-institucional.current-menu-item a::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.569' height='13.646' viewBox='0 0 12.569 13.646'%3E%3Cpath id='Caminho_4817' data-name='Caminho 4817' d='M1305.144 78.468h-6.967a2.8 2.8 0 0 0-2.8 2.8v8.043a2.8 2.8 0 0 0 2.8 2.8h6.967a2.8 2.8 0 0 0 2.8-2.8V81.27a2.8 2.8 0 0 0-2.8-2.8' transform='translate(-1295.376 -78.468)' fill='%2300AFAC'/%3E%3C/svg%3E");
}
.menu-instituto .menu-header ul li.menu-fazemos a:hover,
.menu-instituto .menu-header ul li.menu-fazemos.current-menu-item a {
    color: #D10E55;
}
.menu-instituto .menu-header ul li.menu-fazemos.current-menu-item {
    border-color: #D10E55;
}
.menu-instituto .menu-header ul li.menu-fazemos a:hover::after,
.menu-instituto .menu-header ul li.menu-fazemos.current-menu-item a::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.569' height='13.646' viewBox='0 0 12.569 13.646'%3E%3Cpath id='Caminho_4817' data-name='Caminho 4817' d='M1305.144 78.468h-6.967a2.8 2.8 0 0 0-2.8 2.8v8.043a2.8 2.8 0 0 0 2.8 2.8h6.967a2.8 2.8 0 0 0 2.8-2.8V81.27a2.8 2.8 0 0 0-2.8-2.8' transform='translate(-1295.376 -78.468)' fill='%23D10E55'/%3E%3C/svg%3E");
}
.menu-instituto .menu-header ul li.menu-fale a:hover,
.menu-instituto .menu-header ul li.menu-fale.current-menu-item a {
    color: #BE1D1E;
}
.menu-instituto .menu-header ul li.menu-fale.current-menu-item {
    border-color: #BE1D1E;
}
.menu-instituto .menu-header ul li.menu-fale a:hover::after,
.menu-instituto .menu-header ul li.menu-fale.current-menu-item a::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.569' height='13.646' viewBox='0 0 12.569 13.646'%3E%3Cpath id='Caminho_4817' data-name='Caminho 4817' d='M1305.144 78.468h-6.967a2.8 2.8 0 0 0-2.8 2.8v8.043a2.8 2.8 0 0 0 2.8 2.8h6.967a2.8 2.8 0 0 0 2.8-2.8V81.27a2.8 2.8 0 0 0-2.8-2.8' transform='translate(-1295.376 -78.468)' fill='%23BE1D1E'/%3E%3C/svg%3E");
}
/*Espiral Princípios Home*/
.espiral-principios-home {
    width: 100%;
    height: 1080px;
    background-image: url('https://hom.institutoi.org.br/wp-content/uploads/2026/04/espiral_principios.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    position: relative;
}
.espiral-principios-home {
    font-family: 'Calibri', sans-serif;
    font-size: 17px;
}
.espiral-principios-home .item-espiral {
    max-width: 310px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.espiral-principios-home .item-espiral h3 {
    font-family: 'Rubik', sans-serif;
    font-size: 31px;
    font-weight: 700;
}
.espiral-principios-home .div-cooperacao,
.espiral-principios-home .div-integracao,
.espiral-principios-home .div-inclusao,
.espiral-principios-home .div-integridade,
.espiral-principios-home .div-sustentabilidade {
    width: 260px;
    height: 250px;
    background-color: #fff;
    border-radius: 60px;
    text-transform: uppercase;
    padding: 20px 15px;
    display: flex;
    align-items: center;
    text-align: center;
    transition: background-color ease-in-out .2s;
    cursor: pointer;
}
.espiral-principios-home .div-cooperacao.onhover,
.espiral-principios-home .div-integracao.onhover,
.espiral-principios-home .div-inclusao.onhover,
.espiral-principios-home .div-integridade.onhover,
.espiral-principios-home .div-sustentabilidade.onhover {
    background-color: #D20D55;
    color: #fff;
    transition: ease-in-out .3s;
    transform: scale(1.1);
    margin-top: 15px;
}
.espiral-principios-home .div-integracao.onhover {
    background-color: #5C257F;
}
.espiral-principios-home .div-inclusao.onhover {
    background-color: #F9AF16;
}
.espiral-principios-home .div-integridade.onhover {
    background-color: #E64118;
}
.espiral-principios-home .div-sustentabilidade.onhover {
    background-color: #2C2E81;
}
.espiral-principios-home .div-cooperacao.onhover::before,
.espiral-principios-home .div-integracao.onhover::before,
.espiral-principios-home .div-inclusao.onhover::before,
.espiral-principios-home .div-integridade.onhover::before,
.espiral-principios-home .div-sustentabilidade.onhover::before {
    content: none;
    transition: ease-in-out .3s;
}
.espiral-principios-home .div-cooperacao::before,
.espiral-principios-home .div-integracao::before,
.espiral-principios-home .div-inclusao::before,
.espiral-principios-home .div-integridade::before,
.espiral-principios-home .div-sustentabilidade::before {
    content: '';
    width: 277px;
    height: 260px;
    background-image: url('https://hom.institutoi.org.br/wp-content/uploads/2026/04/borda_cooperacao_principios_home.png');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center center;
    position: absolute;
    left: 6%;
}
.espiral-principios-home .div-integracao::before {
    background-image: url('https://hom.institutoi.org.br/wp-content/uploads/2026/04/borda_integracao_principios_home.png');
}
.espiral-principios-home .div-inclusao::before {
    background-image: url('https://hom.institutoi.org.br/wp-content/uploads/2026/04/borda_inclusao_principios_home.png');
}
.espiral-principios-home .div-integridade::before {
    background-image: url('https://hom.institutoi.org.br/wp-content/uploads/2026/04/borda_integridade_principios_home.png');
}
.espiral-principios-home .div-sustentabilidade::before {
    background-image: url('https://hom.institutoi.org.br/wp-content/uploads/2026/04/borda_sustenta_principios_home.png');
}
.espiral-principios-home .item-espiral.cooperacao,
.espiral-principios-home .item-espiral.integracao,
.espiral-principios-home .item-espiral.inclusao,
.espiral-principios-home .item-espiral.integridade,
.espiral-principios-home .item-espiral.sustentabilidade {
    position: absolute;
    top: 0;
    left: 40%;
}
.espiral-principios-home .item-espiral.integracao {
    top: 27%;
    left: 73%;
}
.espiral-principios-home .item-espiral.inclusao {
    top: 66%;
    left: 64%;
}
.espiral-principios-home .item-espiral.integridade {
    top: 61%;
    left: 17%;
}
.espiral-principios-home .item-espiral.sustentabilidade {
    top: 15%;
    left: 4%;
}
.espiral-principios-home .item-espiral .btn-cooperacao-home,
.espiral-principios-home .item-espiral .btn-integracao-home,
.espiral-principios-home .item-espiral .btn-inclusao-home,
.espiral-principios-home .item-espiral .btn-integridade-home,
.espiral-principios-home .item-espiral .btn-sustentabilidade-home {
    width:64px;
    height:64px;
    border-radius: 5px;
    border: 0;
    background-color: rgba(190, 13, 65, .8);
    position: absolute;
    bottom: -60px;
    left: 85px;
}
.espiral-principios-home .item-espiral .btn-integracao-home {
    background-color: rgba(80, 0, 127, .8);
    bottom: 53px;
    left: -32px;
}
.espiral-principios-home .item-espiral .btn-inclusao-home {
    background-color: rgba(249, 175, 22, .8);
    bottom: unset;
    left: 5px;
    top: -40px;
}
.espiral-principios-home .item-espiral .btn-integridade-home {
    background-color: rgba(198, 20, 6, .8);
    bottom: unset;
    left: 85%;
    top: -40px;
}
.espiral-principios-home .item-espiral .btn-sustentabilidade-home {
    background-color: rgba(44, 46, 129, .8);
    bottom: -10%;
    left: 85%;
    top: unset;
}
@media(max-width:1024px) {
    .espiral-principios-home {
        width: 99%;
    }
}
@media(max-width:950px) {
    .espiral-principios-home {
        width: 100%;
        height: unset;
        background-image: none;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .espiral-principios-home .item-espiral {
        margin-bottom: 120px;
    }
    .espiral-principios-home .item-espiral.integracao {
        margin-bottom: 100px;
    }
    .espiral-principios-home .item-espiral.cooperacao,
    .espiral-principios-home .item-espiral.integracao,
    .espiral-principios-home .item-espiral.inclusao,
    .espiral-principios-home .item-espiral.integridade,
    .espiral-principios-home .item-espiral.sustentabilidade {
        position: unset;
    }
    .espiral-principios-home .item-espiral h3 {
        order: 0;
        margin-bottom: 40px !important;
    }
    .espiral-principios-home .div-cooperacao,
    .espiral-principios-home .div-integracao,
    .espiral-principios-home .div-inclusao,
    .espiral-principios-home .div-integridade,
    .espiral-principios-home .div-sustentabilidade {
        position: relative;
        margin-top: unset;
        order: 2;
    }
    .item-espiral p {
        margin-top: -70px;
    }
    .espiral-principios-home .item-espiral .btn-cooperacao-home,
    .espiral-principios-home .item-espiral .btn-integracao-home,
    .espiral-principios-home .item-espiral .btn-inclusao-home,
    .espiral-principios-home .item-espiral .btn-integridade-home,
    .espiral-principios-home .item-espiral .btn-sustentabilidade-home {
        display: none;
    }
    .espiral-principios-home .div-cooperacao::before,
    .espiral-principios-home .div-integracao::before,
    .espiral-principios-home .div-inclusao::before,
    .espiral-principios-home .div-integridade::before,
    .espiral-principios-home .div-sustentabilidade::before {
        width: 285px;
        height: 295px;
        left: 50%;
        transform: translate(-50%);
    }
    .espiral-principios-home .div-cooperacao::before {
        background-image: url('https://hom.institutoi.org.br/wp-content/uploads/2026/04/borda_cooperacao_principios_home_tab.png');
    }
    .espiral-principios-home .div-integracao::before {
        background-image: url('https://hom.institutoi.org.br/wp-content/uploads/2026/04/borda_integracao_principios_home_tab.png');
    }
    .espiral-principios-home .div-inclusao::before {
        background-image: url('https://hom.institutoi.org.br/wp-content/uploads/2026/04/borda_inclusao_principios_home_tab.png');
    }
    .espiral-principios-home .div-integridade::before {
        background-image: url('https://hom.institutoi.org.br/wp-content/uploads/2026/04/borda_integridade_principios_home_tab.png');
    }
    .espiral-principios-home .div-sustentabilidade::before {
        background-image: url('https://hom.institutoi.org.br/wp-content/uploads/2026/04/borda_sustenta_principios_home_tab.png');
    }
    .espiral-principios-home .div-cooperacao::after,
    .espiral-principios-home .div-integracao::after,
    .espiral-principios-home .div-inclusao::after,
    .espiral-principios-home .div-integridade::after,
    .espiral-principios-home .div-sustentabilidade::after {
        content: '';
        width: 174px;
        height: 135px;
        background-image: url('https://hom.institutoi.org.br/wp-content/uploads/2026/04/graf_cooperacao_home_mobile.png');
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        position: absolute;
        left: 120px;
        bottom: -80px;
    }
    .espiral-principios-home .div-integracao::after {
        background-image: url('https://hom.institutoi.org.br/wp-content/uploads/2026/04/graf_integracao_home_mobile.png');
        width: 170px;
        height: 141px;
        left: 105px;
        bottom: -70px;
    }
    .espiral-principios-home .div-inclusao::after {
        background-image: url('https://hom.institutoi.org.br/wp-content/uploads/2026/04/graf_inclusao_home_mobile.png');
        width: 159px;
        height: 153px;
        bottom: -90px;
    }
    .espiral-principios-home .div-integridade::after {
        background-image: url('https://hom.institutoi.org.br/wp-content/uploads/2026/04/graf_integridade_home_mobile.png');
        width: 175px;
        height: 127px;
        left: 100px;
        bottom: -55px;
    }
    .espiral-principios-home .div-sustentabilidade::after {
        background-image: url('https://hom.institutoi.org.br/wp-content/uploads/2026/04/graf_sustenta_home_mobile.png');
        width: 154px;
        height: 161px;
        left: 100px;
        bottom: -100px;
    }
}
/*Redes Cabeçalho*/
.redes-header ul,
.redes-footer ul {
    list-style: none;
    display: inline-flex;
    gap: 10px;
    padding: 0;
    margin: 0;
}
/* Link Âncora do header - acessiblidade */
.screen-reader-shortcut {
    position: absolute;
    top: -1000em;
    left: 6px;
    height: auto;
    width: auto;
    display: block;
    font-size: var(--font-14);
    font-weight: 600;
    padding: 15px 23px 14px;
    background: #f0f0f1;
    color: var(--cor-verde);
    z-index: 100000;
    line-height: normal;
} 
.screen-reader-shortcut:focus {
    top: 10px;
    color: var(--cor-verde);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    text-decoration: none;
    outline: 2px solid transparent;
    outline-offset: -2px;
}
/*Carrossel Associados*/
.card-associado,
.card-consultor {
    display: flex;
    align-items: flex-start;
    gap: 30px;
}
.card-associado .foto-cargo,
.card-consultor .foto-cargo {
    width: 30%;
    min-height: 230px;
    background-image: url('../img/borda_foto_associado.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card-consultor .foto-cargo {
    background-image: url('../img/borda_foto_consultor.png');
}
.card-associado .ico,
.card-consultor .ico {
    width: 78%;
}
.card-associado .descricao-associado,
.card-consultor .descricao-consultor {
    width: 65%;
}
.card-associado h4.nome-pessoa,
.card-consultor h4.nome-pessoa {
    font-family: 'Calibri Bold';
    font-weight: 700;
    font-size: 2.188rem;
    color: #E64118;
    margin-bottom: 0;
}
.card-consultor h4.nome-pessoa {
    color: #2C2E81;
}
.card-associado p.cargo-pessoa,
.card-consultor p.cargo-pessoa {
    font-family: 'Calibri Light';
    font-weight: 300;
    font-size: 1.25rem;
    color: #000;
}
.card-associado p.texto-desc-pessoa,
.card-consultor p.texto-desc-pessoa {
    font-family: 'Calibri Light';
    font-weight: 300;
    font-size: 1.313rem;
    color: #000;
}
.card-associado .btn-saibmais-associado,
.card-consultor .btn-saibmais-consultor {
    background-color: #fff;
    font-family: 'Calibri Light', sans-serif;
    text-transform: uppercase;
    color: #000;
    font-size: 1.2rem;
    padding: 5px 10px;
    border-radius: 10px;
    border: solid 1px #f3f3f3;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
    text-decoration: none;
}
.card-associado .btn-saibmais-associado:hover,
.card-associado .btn-saibmais-associado:active,
.card-consultor .btn-saibmais-consultor:hover,
.card-consultor .btn-saibmais-consultor:active {
    text-decoration: none;
}
.carrossel-associados .slick-arrow,
.carrossel-consultores .slick-arrow,
.carrossel-publicacoes .slick-arrow {
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center center;
}
.carrossel-associados .slick-prev::before,
.carrossel-associados .slick-next::before,
.carrossel-consultores .slick-prev::before,
.carrossel-consultores .slick-next::before,
.carrossel-publicacoes .slick-prev::before,
.carrossel-publicacoes .slick-next::before  {
    content: none;
}
.carrossel-associados .slick-prev,
.carrossel-consultores .slick-prev {
    background-image: url("data:image/svg+xml,%3Csvg id='Grupo_2513' data-name='Grupo 2513' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='48.135' height='48.135' viewBox='0 0 48.135 48.135'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Ret%C3%A2ngulo_892' data-name='Ret%C3%A2ngulo 892' width='48.135' height='48.135' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Grupo_2201' data-name='Grupo 2201' clip-path='url(%23clip-path)'%3E%3Cg id='Grupo_2200' data-name='Grupo 2200' transform='translate(0 0)'%3E%3Cg id='Grupo_2199' data-name='Grupo 2199' clip-path='url(%23clip-path)'%3E%3Cg id='Grupo_2198' data-name='Grupo 2198' opacity='0.85'%3E%3Cg id='Grupo_2197' data-name='Grupo 2197'%3E%3Cg id='Grupo_2196' data-name='Grupo 2196' clip-path='url(%23clip-path)'%3E%3Cpath id='Caminho_95891' data-name='Caminho 95891' d='M10.153 48.135H37.981A10.154 10.154 0 0 0 48.135 37.982V10.153A10.154 10.154 0 0 0 37.981 0H10.153A10.153 10.153 0 0 0 0 10.153V37.982A10.153 10.153 0 0 0 10.153 48.135' transform='translate(0 0)' fill='%23eaeaea'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cpath id='Caminho_95892' data-name='Caminho 95892' d='M32.036 5.666 14.572 20.431l-1.784 1.507 1.591 1.322L34.1 39.64 16.943 20.592l-.193 2.829 19.408-12.1Z' transform='translate(-0.812 0)' fill='%23f9af16'/%3E%3C/g%3E%3C/svg%3E");
    left: -60px;
}
.carrossel-consultores .slick-prev,
.carrossel-publicacoes .slick-prev {
    background-image: url("data:image/svg+xml,%3Csvg id='Grupo_2493' data-name='Grupo 2493' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='48.135' height='48.135' viewBox='0 0 48.135 48.135'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Ret%C3%A2ngulo_892' data-name='Ret%C3%A2ngulo 892' width='48.135' height='48.135' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Grupo_2201' data-name='Grupo 2201' clip-path='url(%23clip-path)'%3E%3Cg id='Grupo_2200' data-name='Grupo 2200' transform='translate(0 0)'%3E%3Cg id='Grupo_2199' data-name='Grupo 2199' clip-path='url(%23clip-path)'%3E%3Cg id='Grupo_2198' data-name='Grupo 2198' opacity='0.85'%3E%3Cg id='Grupo_2197' data-name='Grupo 2197'%3E%3Cg id='Grupo_2196' data-name='Grupo 2196' clip-path='url(%23clip-path)'%3E%3Cpath id='Caminho_95891' data-name='Caminho 95891' d='M10.153 48.135H37.981A10.154 10.154 0 0 0 48.135 37.982V10.153A10.154 10.154 0 0 0 37.981 0H10.153A10.153 10.153 0 0 0 0 10.153V37.982A10.153 10.153 0 0 0 10.153 48.135' transform='translate(0 0)' fill='%23eaeaea'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cpath id='Caminho_95892' data-name='Caminho 95892' d='M32.036 5.666 14.572 20.431l-1.784 1.507 1.591 1.322L34.1 39.64 16.943 20.592l-.193 2.829 19.408-12.1Z' transform='translate(-0.812 0)' fill='%2300afac'/%3E%3C/g%3E%3C/svg%3E");
}
.carrossel-associados .slick-next,
.carrossel-consultores .slick-next {
    background-image: url("data:image/svg+xml,%3Csvg id='Grupo_2512' data-name='Grupo 2512' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='48.135' height='48.135' viewBox='0 0 48.135 48.135'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Ret%C3%A2ngulo_892' data-name='Ret%C3%A2ngulo 892' width='48.135' height='48.135' fill='none'/%3E%3C/clipPath%3E%3CclipPath id='clip-path-2'%3E%3Crect id='Ret%C3%A2ngulo_891' data-name='Ret%C3%A2ngulo 891' width='48.135' height='48.135' transform='translate(0 0)' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Grupo_2201' data-name='Grupo 2201' clip-path='url(%23clip-path)'%3E%3Cg id='Grupo_2200' data-name='Grupo 2200'%3E%3Cg id='Grupo_2199' data-name='Grupo 2199' clip-path='url(%23clip-path-2)'%3E%3Cg id='Grupo_2198' data-name='Grupo 2198' opacity='0.85'%3E%3Cg id='Grupo_2197' data-name='Grupo 2197'%3E%3Cg id='Grupo_2196' data-name='Grupo 2196' clip-path='url(%23clip-path-2)'%3E%3Cpath id='Caminho_95891' data-name='Caminho 95891' d='M37.982 48.135H10.154A10.154 10.154 0 0 1 0 37.982V10.153A10.154 10.154 0 0 1 10.154 0H37.982A10.153 10.153 0 0 1 48.135 10.153V37.982A10.153 10.153 0 0 1 37.982 48.135' fill='%23eaeaea'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cpath id='Caminho_95892' data-name='Caminho 95892' d='M16.91 5.666 34.374 20.431l1.784 1.507L34.567 23.26 14.849 39.64 32 20.592l.193 2.829-19.408-12.1Z' fill='%23f9af16'/%3E%3C/g%3E%3C/svg%3E");
    right: -60px;
}
.carrossel-consultores .slick-next,
.carrossel-publicacoes .slick-next {
    background-image: url("data:image/svg+xml,%3Csvg id='Grupo_2204' data-name='Grupo 2204' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='48.135' height='48.135' viewBox='0 0 48.135 48.135'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Ret%C3%A2ngulo_892' data-name='Ret%C3%A2ngulo 892' width='48.135' height='48.135' fill='none'/%3E%3C/clipPath%3E%3CclipPath id='clip-path-2'%3E%3Crect id='Ret%C3%A2ngulo_891' data-name='Ret%C3%A2ngulo 891' width='48.135' height='48.135' transform='translate(0 0)' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Grupo_2201' data-name='Grupo 2201' clip-path='url(%23clip-path)'%3E%3Cg id='Grupo_2200' data-name='Grupo 2200'%3E%3Cg id='Grupo_2199' data-name='Grupo 2199' clip-path='url(%23clip-path-2)'%3E%3Cg id='Grupo_2198' data-name='Grupo 2198' opacity='0.85'%3E%3Cg id='Grupo_2197' data-name='Grupo 2197'%3E%3Cg id='Grupo_2196' data-name='Grupo 2196' clip-path='url(%23clip-path-2)'%3E%3Cpath id='Caminho_95891' data-name='Caminho 95891' d='M37.982 48.135H10.154A10.154 10.154 0 0 1 0 37.982V10.153A10.154 10.154 0 0 1 10.154 0H37.982A10.153 10.153 0 0 1 48.135 10.153V37.982A10.153 10.153 0 0 1 37.982 48.135' fill='%23eaeaea'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cpath id='Caminho_95892' data-name='Caminho 95892' d='M16.91 5.666 34.374 20.431l1.784 1.507L34.567 23.26 14.849 39.64 32 20.592l.193 2.829-19.408-12.1Z' fill='%2300afac'/%3E%3C/g%3E%3C/svg%3E")
}
.carrossel-publicacoes .slick-prev {
    left: 35px;
}
.carrossel-publicacoes .slick-next {
    right: 35px;
}
.carrossel-associados .slick-dots,
.carrossel-consultores .slick-dots,
.carrossel-publicacoes .slick-dots {
    background: #EAEAEA;
    width: fit-content;
    left: 50%;
    bottom: -50px;
    transform: translate(-50%);
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 8px;
}
.carrossel-associados .slick-dots li button:before,
.carrossel-consultores .slick-dots li button:before {
    margin-top: 0;
}
.carrossel-associados .slick-dots li,
.carrossel-consultores .slick-dots li,
.carrossel-publicacoes .slick-dots li {
    width: 13px;
    height: 13px;
    background-color: #A99D92;
    border-radius: 5px;
}
.carrossel-associados .slick-dots li.slick-active {
    background-color: #E64118;
}
.carrossel-consultores .slick-dots li.slick-active,
.carrossel-publicacoes .slick-dots li.slick-active {
    background-color: #2C2E81;
}
.carrossel-associados .slick-dots li button:before,
.carrossel-consultores .slick-dots li button:before,
.carrossel-publicacoes .slick-dots li button:before {
    color: transparent;
}
.carrossel-publicacoes .slick-list {
    width: 85%;
    margin: 0 auto;
}
.carrossel-publicacoes .publicacao-item {
    display: flex;
    justify-content: center;
}
.carrossel-publicacoes .card-publicacao {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: center;
}
.carrossel-publicacoes .descricao-publicacao {
    width: 40%;
}
.carrossel-publicacoes .foto-publicacao {
    width: 30%;
    background-image: url('../img/bg_ico_publicacoes.png');
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}
.carrossel-publicacoes .ico {
    width: 70%;
    padding: 30px 30px;
}
.carrossel-publicacoes .descricao-publicacao h4 {
    font-family: 'Calibri Bold', sans-serif;
    font-weight: 700;
    font-size: 1.625rem;
    color: #2C2E81;
    margin-bottom: 1rem;
}
.carrossel-publicacoes .descricao-publicacao p.cargo-pessoa {
    font-family: 'Calibri Light', sans-serif;
    font-weight: 300;
    font-size: 1.625rem;
    line-height: 30px;
    color: #000;
    margin-bottom: 1.3rem;
}
.carrossel-publicacoes .descricao-publicacao a.btn-saibmais-publicacao {
    width: fit-content;
    font-family: 'Calibri', sans-serif;
    font-weight: 400;
    font-size: 1.438rem;
    color: #fff;
    text-decoration: none;
    background-color: #BE1D1E;
    padding: 5px 14px;
    border-radius: 15px;
    transition: ease-in-out .2s;
    position: relative;
    display: block;
}
.carrossel-publicacoes .descricao-publicacao a.btn-saibmais-publicacao::after {
    content: '';
    width: 118px;
    height: 27px;
    background: url('../img/graf_btn_publicacoes.png') no-repeat;
    background-position: center center;
    background-size: auto;
    position: absolute;
    left: 15px;
    bottom: -10px;
}
.carrossel-publicacoes .descricao-publicacao a.btn-saibmais-publicacao:hover,
.carrossel-publicacoes .descricao-publicacao a.btn-saibmais-publicacao:active {
    text-decoration: none;
    background-color: #da2c2c;
}
.carrossel-publicacoes .slick-dots li button:before {
    margin-top: 0;
}
.carrossel-publicacoes .slick-dots {
    bottom: -50px;
}
/*FOOTER*/
footer {
    width: 100%;
    min-height: 190px;
    background-image: url('../img/grafismo_footer_e.png'), url('../img/grafismo_footer_d.png');
    background-repeat: no-repeat, no-repeat;
    background-position: center left, center right;
    background-color: #F8AE13;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
button.mobile__toggleMenu {
    border: 0;
    background-color: transparent;
}
.mobile__Menu {
    position: absolute;
    left: -1000px;
    transition: ease .2s;
}
.mobile__Menu.active {
    width: 250px;
    min-height: 50px;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 4%;
    left: 8%;
    z-index: 3;
    transition: ease .2s;
}

.mobile__Menu .menu-menu-principal-topo-container {
    padding: 10px 20px 20px 20px;
}
.mobile__Menu ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
}
.mobile__Menu ul li {
    width: 100%;
    font-family: 'Rubik', sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    text-transform: uppercase;
    padding: 10px 10px 10px 10px;
    text-align: center;
    border: solid 1px #A99D92;
    position: relative;
    top: 1px;
    margin: 0 auto;
    border-radius: 40px;
    margin-bottom: 20px;
}
.mobile__Menu  ul li a {
    color: #A99D92;
}
.mobile__Menu ul li.current-menu-item a,
.mobile__Menu ul li a:hover {
    font-weight: 500;
    text-decoration: none;
    font-size: 1.1rem;
}
.mobile__Menu ul li.menu-home a:hover,
.mobile__Menu ul li.menu-home.current-menu-item a {
    color: #F8AE13;
}

.mobile__Menu ul li.menu-institucional a:hover,
.mobile__Menu ul li.menu-institucional.current-menu-item a {
    color: #00AFAC;
}

.mobile__Menu ul li.menu-fazemos a:hover,
.mobile__Menu ul li.menu-fazemos.current-menu-item a {
    color: #D10E55;
}

.mobile__Menu ul li.menu-fale a:hover,
.mobile__Menu ul li.menu-fale.current-menu-item a {
    color: #BE1D1E;
}
.mobile__Menu ul li::before {
    content: '';
    width: 13px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.569' height='13.646' viewBox='0 0 12.569 13.646'%3E%3Cpath id='Caminho_4817' data-name='Caminho 4817' d='M1305.144 78.468h-6.967a2.8 2.8 0 0 0-2.8 2.8v8.043a2.8 2.8 0 0 0 2.8 2.8h6.967a2.8 2.8 0 0 0 2.8-2.8V81.27a2.8 2.8 0 0 0-2.8-2.8' transform='translate(-1295.376 -78.468)' fill='%23a99d92'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translate(-50%);
    z-index: 1;
}
.mobile__Menu ul li.current-menu-item::after {
    content: '';
    width: 75%;
    height: 3px;
    background-color: transparent;
    position: absolute;
    left: 50%;
    bottom: -2px;
    transform: translate(-50%);
}
.mobile__Menu ul li.menu-home.current-menu-item::after {
    background-color: #F8AE13;
}
.mobile__Menu ul li.menu-institucional.current-menu-item::after {
    background-color: #00AFAC;
}
.mobile__Menu ul li.menu-fazemos.current-menu-item::after {
    background-color: #D10E55;
}
.mobile__Menu ul li.menu-fale.current-menu-item::after {
    background-color: #BE1D1E;
}
.mobile__Menu .btn-fechar-menu-mobile {
    margin: 10px 10px 0 0;
}
/*MEDIA QUERIES*/
@media(max-width:1366px) {
    main {
        padding-top: 60px;
    }
}
@media(max-width:1200px) {
    .menu-instituto .menu-header ul {
        margin-right: -20px;
    }
}
@media(max-width:1024px) {
    .carrossel-publicacoes .ico {
        width: 80%;
    }
}
@media(max-width:940px) {
    .menu-instituto {
        padding: 20px 0;
    }
    header .menu-header {
        display: none;
    }
    .card-associado,
    .card-consultor {
        flex-direction: column;
        align-items: center;
    }
    .card-associado .foto-cargo,
    .card-consultor .foto-cargo {
        width: 100%;
        min-height: 350px;
        background-size: 60%;
    }
    .card-associado .ico,
    .card-consultor .ico {
        width: 56%;
    }
    .card-associado .descricao-associado,
    .card-consultor .descricao-consultor {
        width: 90%;
    }
    .carrossel-associados .slick-list,
    .carrossel-consultores .slick-list {
        width: 80%;
        margin: 0 auto;
    }
    .carrossel-associados .slick-prev,
    .carrossel-consultores .slick-prev {
        left: 20px;
    }
    .carrossel-associados .slick-next,
    .carrossel-consultores .slick-next {
        right: 20px;
    }
    .mobile__Menu.active {
        top: 1.6%;
    }
}
@media(max-width:500px) {
    main {
        padding-top: 70px;
    }
    .mobile__Menu.active {
        top: 2%;
        left: 5%;
    }
    .card-associado .foto-cargo,
    .card-consultor .foto-cargo {
        background-size: 90%;
    }
    .card-associado .ico,
    .card-consultor .ico {
        width: 84%;
    }
    .carrossel-associados .slick-prev,
    .carrossel-consultores .slick-prev,
    .carrossel-associados .slick-next,
    .carrossel-consultores .slick-next {
        top: 43%;
    }
    .carrossel-associados .slick-prev,
    .carrossel-consultores .slick-prev,
    .carrossel-publicacoes .slick-prev {
        left: 0;
    }
    .carrossel-associados .slick-next,
    .carrossel-consultores .slick-next,
    .carrossel-publicacoes .slick-next {
        right: 0;
    }
    .carrossel-publicacoes .publicacao-item {
        display: block;
    }
    .carrossel-publicacoes .card-publicacao {
        flex-direction: column-reverse;
    }
    .carrossel-publicacoes .slick-list {
        width: 100%;
    }
    .carrossel-publicacoes .foto-publicacao {
        width: 80%;
    }
    .carrossel-publicacoes .slick-prev,
    .carrossel-publicacoes .slick-next {
        top: 35%;
    }
    .carrossel-publicacoes .descricao-publicacao {
        width: 75%;
    }
    .carrossel-publicacoes .descricao-publicacao a.btn-saibmais-publicacao {
        font-size: 17px;
    }
    .carrossel-publicacoes .descricao-publicacao a.btn-saibmais-publicacao::after {
        width: 97px;
        height: 20px;
        background-size: 99%;
        left: 10px;
        bottom: -8px;
    }
}