@import url("acessibilidade.css");
@import url("fontes_ocb.css");
@import url("menu_ocb.css");

body {
    background-color: #F5F5F5;
}

/* -------Title Desktop------- */
h1 {
    font-family: 'Intro Light';
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0;
}

h2 {
    font-family: 'Intro Light';
    font-size: 28px;
    line-height: 35px;
    letter-spacing: 0;
}

h3 {
    font-family: 'Intro Medium';
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 0;
}

h4 {
    font-family: 'Intro Medium';
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0;
}

h5 {
    font-family: 'Inter';
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0;
}

h6 {
    font-family: 'Inter';
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0;
}

/* -------Body Desktop------- */
.body-1 {
    font-family: 'Inter';
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0;
}

.body-2 {
    font-family: 'Inter';
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0;
}

.citacao {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0;
}

.rodape {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0;
}

/* -------Title Mobile------- */
@media screen and (max-width: 992px) {
    h1 {
        font-family: 'Intro Light';
        font-size: 32px;
        line-height: 40px;
        letter-spacing: 0;
    }

    h2 {
        font-family: 'Intro Light';
        font-size: 24px;
        line-height: 29px;
        letter-spacing: 0;
    }

    h3 {
        font-family: 'Intro Medium';
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0;
    }

    h4 {
        font-family: 'Intro Medium';
        font-size: 14px;
        line-height: 17px;
        letter-spacing: 0;
    }

    h5 {
        font-family: 'Inter';
        font-weight: 700;
        font-size: 12px;
        line-height: 15px;
        letter-spacing: 0;
    }

    h6 {
        font-family: 'Inter';
        font-weight: 700;
        font-size: 10px;
        line-height: 12px;
        letter-spacing: 0;
    }

    /* -------Body Mobile------- */
    .body-1 {
        font-family: 'Inter';
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        letter-spacing: 0;
    }

    .body-2 {
        font-family: 'Inter';
        font-weight: 400;
        font-size: 12px;
        line-height: 15px;
        letter-spacing: 0;
    }

    .citacao {
        font-family: 'Inter';
        font-style: italic;
        font-weight: 400;
        font-size: 12px;
        line-height: 15px;
        letter-spacing: 0;
    }

    .rodape {
        font-family: 'Inter';
        font-style: italic;
        font-weight: 400;
        font-size: 10px;
        line-height: 12px;
        letter-spacing: 0;
    }
}

.menu-ocb {
    align-items: center;
}

.logo-image {
    margin-top: 0;
}

.aci-01 {
    padding-top: 30px;
}

.menu-ocb {
    font-family: 'Intro Medium';
}

.menu-ocb .sp-megamenu-parent > li > a {
    font-family: 'Intro Medium';
    font-size: 16px;
}

.sp-group-title {
    margin: 0 !important;
}

.sp-mega-group-child.sp-dropdown-items {
    margin-bottom: calc(1vh) !important;
    padding-left: calc(0.5vw) !important;
}

/* imagens menu */
.mega-menu-coop img {
    display: block;
    max-width: auto;
    height: 27px;
}

.mega-menu-coop .image-title {
    display: none !important;
}

/* mobile */
@media (max-width: 767px) {
    .mega-menu-coop img {
        display: none;
    }
}

@media (min-width: 768px) {
    .texto-menu-header {
        display: inline-block;
    }
}

@media (min-width: 768px) {
    .mega-menu-coop .image-title {
        display: block;
    }
}

.col-lg-2 {
    align-items: center;
}

#sp-section-2 {
    align-items: center;
}

/* ANUÁRIO */

.bar {
    border-radius: 8px !important;
}

.box-borda .addon-root-button {
    display: inline-block !important;
}

#menu-topo-anuario {
    z-index: 2 !important;
}

#menu-topo-anuario .menu {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

#menu-topo-anuario li {
    font-family: "Intro Medium" !important;
    font-size: 16px;
    line-height: 20px;
}

#menu-topo-anuario .menu li {
    position: relative;
    z-index: 9999;
    display: block;
    flex: 1;
}

#menu-topo-anuario .menu li:first-child a {
    padding-left: 0;
}

#menu-topo-anuario .menu li a, #menu-topo-anuario .menu li span.nav-header {
    display: block;
    padding: 8px 20px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
}

#menu-topo-anuario .menu .menu-parent:hover > .menu-child {
    display: block !important;
    max-height: 65vh;
    overflow-y: auto;
}

#menu-topo-anuario .menu-child {
    display: none !important;
    position: absolute;
    top: 100%;
    left: 0;
    text-transform: inherit;
    background: #1A3586;
    min-width: 180px;
    z-index: 9999;
    color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    padding: 15px 20px;
}

#menu-topo-anuario .menu-child li a {
    padding: 0px;
    display: block;
    color: #fff;
    text-decoration: none;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #FFFFFF;
    text-transform: inherit !important;
}

#menu-topo-anuario .menu-child li:last-child a {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

#menu-topo-anuario .menu-child li a:hover {

}

.botao-acesse {
    padding: 15px 10px !important;
    min-width: 110px;
}

.atuacao {
    border-right: 1px solid #CCCCCC;
    padding-right: 40px;
}

.topo-titulo-anuario {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='414.035' height='101.505' viewBox='0 0 414.035 101.505'><path d='M-15709.919-8382.734s196.653-100.51,413.481,3.162' transform='translate(15710.203 8480.514)' fill='none' stroke='%2300be6a' stroke-width='1.25'/><path d='M-15574.51-8480.176s73.849,80.657,210.219,99.1' transform='translate(15660.203 8480.514)' fill='none' stroke='%23fff' stroke-width='1'/></svg>");
    background-repeat: no-repeat;
    background-position: 100% 60%;
    background-size: 43%;
}

.caixa-aspas.clearfix::after {
    position: absolute;
    right: 15px;
    bottom: -30px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMTEuMjkgMTUuODQgMTIuMTUiIHdpZHRoPSIxNS44NCIgaGVpZ2h0PSIxMi4xNSI+PHBhdGggZD0iTTAgMjMuNDRMMCAyMC4yNFEwIDE4Ljc5IDAuNTIgMTcuMTRRMS4wNSAxNS41MCAyLjA1IDEzLjk2UTMuMDUgMTIuNDMgNC40NyAxMS4yOUw2Ljc1IDEzLjE0UTUuNjMgMTQuNzQgNC44MCAxNi40N1EzLjk4IDE4LjIwIDMuOTggMjAuMTdMMy45OCAyMy40NEwwIDIzLjQ0TTkuMDkgMjMuNDRMOS4wOSAyMC4yNFE5LjA5IDE4Ljc5IDkuNjEgMTcuMTRRMTAuMTQgMTUuNTAgMTEuMTQgMTMuOTZRMTIuMTQgMTIuNDMgMTMuNTcgMTEuMjlMMTUuODQgMTMuMTRRMTQuNzIgMTQuNzQgMTMuODkgMTYuNDdRMTMuMDcgMTguMjAgMTMuMDcgMjAuMTdMMTMuMDcgMjMuNDRMOS4wOSAyMy40NFoiIGZpbGw9IiM1ODgyY2UiLz48L3N2Zz4=);
    width: 75px;
    height: 58px;
    background-size: contain;
    transform: rotateY(180deg);
}

.caixa-aspas.clearfix::before {
    position: absolute;
    left: 20px;
    top: -35px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMTEuMjkgMTUuODQgMTIuMTUiIHdpZHRoPSIxNS44NCIgaGVpZ2h0PSIxMi4xNSI+PHBhdGggZD0iTTAgMjMuNDRMMCAyMC4yNFEwIDE4Ljc5IDAuNTIgMTcuMTRRMS4wNSAxNS41MCAyLjA1IDEzLjk2UTMuMDUgMTIuNDMgNC40NyAxMS4yOUw2Ljc1IDEzLjE0UTUuNjMgMTQuNzQgNC44MCAxNi40N1EzLjk4IDE4LjIwIDMuOTggMjAuMTdMMy45OCAyMy40NEwwIDIzLjQ0TTkuMDkgMjMuNDRMOS4wOSAyMC4yNFE5LjA5IDE4Ljc5IDkuNjEgMTcuMTRRMTAuMTQgMTUuNTAgMTEuMTQgMTMuOTZRMTIuMTQgMTIuNDMgMTMuNTcgMTEuMjlMMTUuODQgMTMuMTRRMTQuNzIgMTQuNzQgMTMuODkgMTYuNDdRMTMuMDcgMTguMjAgMTMuMDcgMjAuMTdMMTMuMDcgMjMuNDRMOS4wOSAyMy40NFoiIGZpbGw9IiM1ODgyY2UiLz48L3N2Zz4=);
    width: 75px;
    height: 58px;
    background-size: contain;
}

.body-wrapper .body-innerwrapper {
    overflow-x: visible;
}

.topo-titulo-anuario {
    position: sticky !important;
    top: 70px;
    z-index: 5 !important;
}

#menu-topo-anuario {
    position: sticky !important;
    top: 170px;
}

#menu-topo-anuario + .sppb-section .breadcrumb {
    background: none;
    font-size: .75rem;
    padding-left: 0 !important;
}

#menu-topo-anuario .sppb-row-column {
    padding-left: 6px;
}

#menu-topo-anuario + .sppb-section .breadcrumb li .divider {
    display: none;
}

#menu-topo-anuario + .sppb-section .breadcrumb-item+.breadcrumb-item::before {
    content: '»' !important;
}

.barra-topo.clearfix::before {
    position: absolute;
    width: 77px;
    height: 6px;
    top: -3px;
    background-color: #5880D5;
    border-radius: 20px;
}

.barra-topo-centro.clearfix::before {
    position: absolute;
    width: 77px;
    height: 6px;
    top: -3px;
    background-color: #5880D5;
    border-radius: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.energia-gerada-stats .stat-item::before {
    position: absolute;
    right: -15px;
    width: 1px;
    background: #ccc;
    top: 0;
    height: 100%;
}

.sppb-addon.sppb-addon-text-block h2 strong, #tempo-atuacao-box h2 strong, #cooperativas-pf-pj h2 stron, #tempo-atuacao-box h2 strong, #cooperativas-pf-pj h2 strong, #cooperativas-sexo-quadro h2 strong, #estado-numeros-por-ramo thead, .energia-gerada-intro p, #estado-capa-empregos h2 strong {
    font-family: 'Intro SemiBold';
}

/* BRASIL */

.mod-anuario-resumo .resumo-valor, .empregados-valor, .mod-anuario-financeiro .financeiro-valor, .financial-section .year.primary, #financial-content .value.primary, .year-label, .ativo .value-label, #coop-sexo .year-label, #cooperados-sexo-ramo-ano .year, #cooperados-sexo-ramo-ano .bar-value, .dual-chart-container .bar-label, .dual-chart-container .bar-value, .mod-dados-ramos-geral .graficos-coops-ramo .ativo .value-label, .indicadores .stat-value, .mod-dados-ramos-geral .graficos-coops-ramo .year-label, .mod-dados-ramos-geral #ano-atual, .mod-dados-ramos-geral .graficos-coops-ramo .ativo .value-label, .indicadores .stat-value, .mod-segmentos-agro .bar-value, .tit-indicador-ramo, .mod-segmentos-transporte .bar-value, .ano-navigation .ano-btn, #mapa-svg-brasil .conteudo-box-estados .stat-number, #mapa-svg-brasil .conteudo-box-estados .stat-number, #empregos-estado-box strong, #coop-dados-estaduais .year-label, .bar-label, .bar-value, #estado-numeros-por-ramo tbody td, .mod-anuario-energia-gerada .stat-number, #energia-cooperativa-por-ramo .year-value, #energia-cooperativa-por-ramo .ano-item.active, .ano-item:hover {
    font-family: 'Intro Bold';
}

.mod-anuario-resumo .resumo-label, .mod-anuario-financeiro .financeiro-label, .financial-section .year, #financial-content .value, .value-label, .tit-grafico-coop, .box-estados > p, .conteudo-box-estados > p, .tit-tipo-ramo, .tit-grafico, .mod-segmentos-transporte .bar-label, .mod-segmentos-transporte-idade-frota .bar-label, .mod-segmentos-transporte-topo .bar-label, #coop-dados-estaduais .tit-grafico-coop span, #indicadores-financeiros-estaduais h2, .indicadores .stat-title, #tempo-atuacao-box h2, #cooperativas-pf-pj h2, #cooperativas-sexo-quadro h2, .energia-gerada-stats .stat-label, #empregos-estado-box, .mod-segmentos-tpbs .bar-label, .mod-segmentos-lavra .bar-label, .mod-segmentos-saude .bar-label, .mod-segmentos-infraestrutura .bar-label, .mod-segmentos-credito .bar-label, .mod-segmentos-consumo .bar-label {
    font-family: 'Intro Regular';
}

.ano-navegacao p, #mapa-svg-sotreq text {
    font-family: 'Intro Black';
}

#estado-capa-empregos h2, #estado-capa-empregos h3 {
    border-bottom-color: #BEBEBE !important;
}

/*
#coop-dados-estaduais .grafico-container .tit-grafico-coop span {
  font-size: 1rem;
}
*/

#coop-energia-cooperativa .grafico-container .chart-slide span {
    font-family: "Intro Regular";
    font-size: .875rem;
    line-height: 1rem;
    display: inline-block;
    margin-top: 10px;
}

#coop-dados-estaduais .chart-slide .ativo .value-label {
    color: #171C66;
}

.indicadores .stat-title {
    position: relative;
    top: -10px;
}

.indicadores .stat-card {
    padding: 30px 0.5rem;
}

#mapa-svg-brasil .conteudo-box-estados .stat-number {
    position: relative;
    top: 5px;
}

.chart-container .value-label {
    text-align: left;
}

.mod-anuario-resumo .resumo-item img {
    max-height: 45px;
}

.ano-navegacao p, .energia-gerada-stats .stat-number {
    font-size: 1.125rem;
}

.box-estados h3 {
    font-size: 1.25rem;
    font-family: 'Intro SemiBold';
}

#mapa-svg-sotreq text {
    font-size: 1rem;
}

#estado-capa-empregos h2 {
    font-family: 'Intro Light';
}

.topo-estado h3 {
    font-family: 'Intro Light Alt';
    font-size: 1.75rem;
}

#menu-topo-anuario + .sppb-section {
    padding-top: 0px !important;
}

/* Títulos */

.empregados-label, #financial-content .label, .mod-segmentos-agro .bar-label {
    font-family: "Intro Medium";
}

.linha-azul::before {
    background: #B4C7E9;
    width: 100vw;
    position: absolute;
    top: 0;
    height: 1px;
    left: 50%;
    transform: translateX(-50vw);
}

.fundo-branco::before {
    position: absolute;
    top: 0;
    height: 100.5%;
    width: 100vw;
    background: #fff;
    left: 50%;
    transform: translateX(-50vw);
}

/* Estados */

#estado-numeros-por-ramo th img {
    margin: 0 auto;
}

#estado-numeros-por-ramo tbody td span {
    font-size: .6875rem;
}

.box-estados .stat-number {
    font-size: 1.875rem;
}

.conteudo-box-estados > p {
    font-size: 0.575rem;
    font-family: "Intro Medium";
}

.box-estados > p {
    color: #707070;
    font-family: "Intro Regular";
    font-size: .75rem;
    margin-bototm: 1.5rem;
}

svg circle, svg text {
    cursor: pointer;
}

#coop-dados-estaduais .grafico-container .nav-arrows, #coop-energia-cooperativa .grafico-container .nav-arrows {
    left: 11.3%;
}

/* Ramos */

.mod-dados-ramos-geral .box-estados::after {
    background: #f7f7f7;
}

.mod-dados-ramos-geral .conteudo-box-estados > p {
    margin-bottom: .1rem;
}

.mod-dados-ramos-geral .graficos-coops-ramo .ativo .year-label {
    border: transparent;
}

/* Energia Cooperativa */

#coop-energia-cooperativa .grafico-container .year-label {
    color: #4D80CE;
    border: 1px solid #4D80CE;
}

#coop-energia-cooperativa .grafico-container .ativo .year-label {
    border: transparent;
}

#energia-cooperativa-por-ramo .ramo-btn {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
}

/* Governança */

#coop-sexo .chart-wrapper .observacao {
    left: 14%;
}

/* Cooperados */

#numero-cooperativas #coop-sexo .chart-wrapper .observacao {
    left: 15%;
}

#numero-cooperativas .box-estados::after {
    background: #f7f7f7;
}

/* Empregados */

#numero-cooperativas .mapa-empregados-fundo-branco .box-estados::after {
    background: #fff;
}

@media (max-width: 576px) {
    .energia-gerada-stats .stat-item::before {
        right: 0;
        width: 100%;
        top: inherit;
        height: 1px;
        bottom: -15px;
    }
}

@media (max-width: 768px) {
    #menu-topo-anuario .menu li a, #menu-topo-anuario .menu li span.nav-header {
        padding: 15px 2px;
    }
    #menu-topo-anuario .menu .menu-child li {
        padding: 0px;
        margin-bottom: 2px;
    }
    #menu-topo-anuario .menu .menu-child li a {
        padding: 6px 1px;
    }
    #menu-topo-anuario .menu > li:nth-last-child(-n+2) > .menu-child {
        left: auto;
        right: 0;
        text-alignt: right;
    }
    #menu-topo-anuario .menu li {
        font-size: clamp(10px, 3vw, 11px);
        line-height: clamp(10px, 3vw, 11px);
    }
    .mod-anuario-resumo .resumo-label {
        font-size: 1rem;
    }
    .atuacao {
        border-right: 0px solid #CCCCCC;
        padding-right: 0px;
    }
    .mapa-brasil-coops-em-numeros #mapa-svg-brasil .box-estados .conteudo-box-estados p {
        font-size: 6pt !important;
    }
    .mapa-brasil-coops-em-numeros #mapa-svg-brasil .conteudo-box-estados .stat-number {
        font-size: .9rem !important;
    }
    .grau-filiacao .bar-item {
        gap: 5px;
    }
    .grau-filiacao .bar-value {
        margin-left: 5px;
        min-width: auto !important;
    }
    #numero-cooperativas #coop-sexo .chart-wrapper .observacao, #coop-sexo .chart-wrapper .observacao {
        left: 40%;
    }
    #estado-numeros-por-ramo td {
        font-size: .75rem !important;
        min-width: 140px;
    }
    #estado-numeros-por-ramo td:first-child {
        min-width: 75px;
    }
    #estado-numeros-por-ramo td:first-child img {
        margin-bottom: 0 !important;
    }
    #estado-numeros-por-ramo table.table-rounded-bottom {
        table-layout: auto;
    }
    .mod-dados-ramos-geral .box-estados .stat-number {
        font-size: 1.35rem;
    }
    .indicadores .stat-card {
        padding: 25px 0px 0px 0px;
    }
    .topo-titulo-anuario {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='430' height='113' viewBox='0 0 430 113'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_10262' data-name='Rectangle 10262' width='430' height='113' transform='translate(0 70)' fill='%231c40a6'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Mask_Group_4' data-name='Mask Group 4' transform='translate(0 -70)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_45242' data-name='Path 45242' d='M-17849.371-19829.207s47.184-1.84,94.906,43.277' transform='translate(17840.918 19970.574)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3Cpath id='Path_45243' data-name='Path 45243' d='M-17467.73-19909.049s34.428,57.254,91.988,63.4' transform='translate(17827 19968)' fill='none' stroke='%2300be6a' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right center;
        background-size: cover;
        /* aspect-ratio: 430/113; */
        width: 100%;
    }
    #menu-topo-anuario .sppb-row-column {
        padding-left: 15px;
    }
    #estado-capa-empregos img {
        margin: 0 auto;
    }
    #coop-energia-cooperativa .grafico-container .nav-arrows, #coop-dados-estaduais .grafico-container .nav-arrows {
        left: 28px;
    }
    #coop-dados-estaduais .year-label, #coop-sexo .year-label {
        width: 80px !important;
        font-size: .7rem !important;
    }
}

[class^="icon-"], [class*=" icon-"] {
    font-family: "Font Awesome 6 Free" !important;
}