:root {
    --banner: #03645B;
    --titulo: #03645B;
    --texto: #545454;
    --botao: #EB570D;
    --slide: #ED5555;
    --botoes-slide: #CC3A46;
    --link: #0377FF;
    --footer: #393939;
    --texto: #000;
    --fundo: #FFF;
    --nav: #fff;
    --hover: #EB570D;
    --options: #036459;
    --tamanhoTexto: 1rem;
    --tamanhoTitulo: 2rem;
    --redpop: #b81a1c
}

.dark-mode:root {
    --banner: #000;
    --titulo: #FFF;
    --texto: #FFF;
    --botao: #000;
    --slide: #000;
    --botoes-slide: #000;
    --link: #FFF;
    --footer: #000;
    --texto: #FFF;
    --fundo: #000;
    --nav: #000;
    --hover: #fff;
    --options: #fff;
    --redpop: #fff
}

.dark-mode:root i {
    color: #fff
}

.dark-mode:root .elementor-button-link {
    border: 1px solid #fff;
    background-color: var(--botao) !important
}

.dark-mode:root .botaoNinja {
    border: 1px solid #fff
}

.dark-mode:root header {
    border: 1px solid #fff
}

.dark-mode:root section {
    border: 1px solid #fff
}

.diminuiu:root {
    --tamanhoTexto: .75rem;
    --tamanhoTitulo: 1.75rem
}

.aumentou:root {
    --tamanhoTexto: 1.25rem;
    --tamanhoTitulo: 2.25rem
}

* {
    margin: 0
}

.d-flex {
    display: flex !important;
    align-items: center
}

body {
    background-color: var(--fundo)
}

.botaoNinja {
    background-color: var(--botao) !important;
    padding: 0 5rem !important;
    font-weight: 700 !important;
    color: #fff
}

.botaoNinja:hover {
    color: #fff !important
}

.banner {
    background-color: var(--banner) !important
}

.banner button {
    background-color: var(--botao) !important
}

footer {
    box-shadow: 0px -4px 4px rgba(0, 0, 0, .15);
    padding: 25px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.img-footer {
    margin: 10px;
    width: 7.5rem
}

.green {
    color: var(--titulo)
}

.realizacao,
.apoio {
    min-height: 100px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box
}

@media(min-width: 576px) {
    .container {
        max-width: 540px
    }
}

@media(min-width: 768px) {
    .container {
        max-width: 720px
    }
}

@media(min-width: 992px) {
    .container {
        max-width: 960px
    }
}

@media(min-width: 1200px) {
    .container {
        max-width: 1140px;
        font-size: 1rem
    }
}

.title-pages {
    width: 100%;
    background-color: var(--banner);
    background-image: url("http://3.238.63.158/wp-content/uploads/2022/11/Frame.png");
    background-repeat: no-repeat;
    background-position: top right;
    padding: 30px;
    text-align: center;
    color: #fff;
    font-family: "Cabin", Sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 50px
}

.list {
    font-family: "Cabin", Sans-serif;
    text-align: left;
    line-height: 25px;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 10px
}

.list b {
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    color: var(--hover)
}

label {
    color: var(--titulo)
}

.hr-list {
    border-color: var(--texto)
}

.h2>div>h2 {
    font-size: var(--tamanhoTitulo) !important;
    color: var(--titulo) !important
}

.PT,
.ES {
    margin: 5px
}

.h2-branco>div>h2 {
    font-size: var(--tamanhoTitulo) !important
}

.texto,
.texto>div {
    color: var(--texto);
    font-size: var(--tamanhoTexto)
}

#logo-contraste {
    display: none
}

#logo-contraste>img {
    width: 160px
}

#logo>img {
    width: 160px
}

.current_lang {
    color: var(--hover) !important;
    text-decoration: underline !important
}

header {
    width: 100%;
    background-color: var(--fundo);
    box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, .3);
    font-size: .8rem;
    color: var(--texto)
}

header .options-header {
    display: flex;
    justify-content: flex-end;
    margin-bottom: -35px
}

header .options-header .div-options {
    padding: 5px 10px;
    border-left: 1px solid var(--options);
    border-bottom: 1px solid var(--options);
    border-right: 1px solid var(--options);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: var(--fundo);
    margin-left: .5rem !important
}

header .options-header .div-options a {
    text-decoration: none;
    color: var(--options)
}

header .options-header .div-options strong {
    text-transform: uppercase;
    font-size: .75rem
}

header .options-header .div-options a:hover {
    color: var(--hover);
    text-decoration: underline
}

header .options-header .div-options .sub-font {
    font-size: 10px;
    text-decoration: none
}

header .options-header .div-options .normal-font {
    font-size: 18px;
    text-decoration: none
}

header .options-header .div-options .soma-font {
    font-size: 24px;
    text-decoration: none
}

header .options-header .div-options .icon {
    font-size: 1rem;
    width: 30px;
    height: 30px;
    margin-left: 3px;
    margin-right: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--options)
}

header .menu-header {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    padding: 1rem 0
}

header .menu-header h1 {
    font-family: "Cabin", Sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: var(--titulo) !important
}

header .menu-header h1 b {
    color: var(--redpop)
}

header .menu {
    display: flex;
    list-style-type: none;
    flex-direction: row;
    justify-content: flex-end;
    padding: 5px 0px;
    margin-top: 8px;
    margin-bottom: -1px;
    gap: 5px;
}

header .menu li:hover ul {
    display: block
}

header .menu li a {
    text-decoration: none;
    color: var(--texto);
    text-transform: uppercase;
    font-family: "Roboto";
    font-size: 11px
}

header .menu li a:hover {
    color: var(--hover);
    text-decoration: underline
}

header .menu li ul {
    display: none;
    list-style: none;
    position: absolute;
    background-color: #fff;
    z-index: 999;
    padding: 10px
}

.menu-icon,
.check-button {
    cursor: pointer;
    display: none
}

.menu-icon .bar1,
.menu-icon .bar2,
.menu-icon .bar3 {
    width: 30px;
    height: 5px;
    border-radius: 2px;
    background-color: var(--texto);
    margin: 5px 0;
    transition: .4s
}

#menu-mobile {
    background-color: var(--fundo);
    position: fixed;
    width: 100%;
    height: 100%;
    padding: 20px;
    z-index: 1001;
    display: none
}

#menu-mobile .close-button {
    float: right;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    color: var(--texto);
    font-size: 30px;
    cursor: pointer
}

#menu-mobile .close-button i {
    font-size: 2rem
}

#menu-mobile .nav-menu-mobile>.menu-header-menu-container>.menu,
#menu-mobile .menu-header-menu-es-container>.menu {
    display: flex;
    list-style-type: none;
    flex-direction: column;
    text-align: left;
    margin-top: 2rem;
    margin-bottom: 1rem;
    gap: .5rem;
    width: 100%;
    text-align: center
}

#menu-mobile .nav-menu-mobile>.menu-header-menu-container>.menu li>a,
#menu-mobile .menu-header-menu-es-container>.menu li>a {
    margin-left: 0px;
    text-decoration: none;
    color: var(--texto);
    font-size: 1.5rem
}

#menu-mobile .nav-menu-mobile>.menu-header-menu-container>.menu li a,
#menu-mobile .menu-header-menu-es-container>.menu li a {
    margin-left: 0px;
    text-decoration: none;
    color: var(--texto);
    font-size: 1.5rem;
    text-transform: uppercase;
    font-family: "Cabin", Sans-serif
}

#menu-mobile .nav-menu-mobile>.menu-header-menu-container>.menu li a:hover,
#menu-mobile .menu-header-menu-es-container>.menu li a:hover {
    color: var(--hover);
    text-decoration: underline
}

#menu-mobile .options-header-mobile {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    gap: .5rem
}

#menu-mobile .options-header-mobile .div-options-mobile {
    padding: 5px 10px;
    border: 1px solid var(--texto);
    border-radius: 12px;
    background-color: var(--fundo);
    margin-right: .5rem !important;
    margin-bottom: .5rem !important
}

#menu-mobile .options-header-mobile .div-options-mobile a {
    text-decoration: none;
    color: var(--options)
}

#menu-mobile .options-header-mobile .div-options-mobile strong {
    text-transform: uppercase;
    font-size: 1.2rem
}

#menu-mobile .options-header-mobile .div-options-mobile a:hover {
    color: var(--hover);
    text-decoration: underline
}

#menu-mobile .options-header-mobile .div-options-mobile .sub-font {
    font-size: 16px;
    text-decoration: none
}

#menu-mobile .options-header-mobile .div-options-mobile .normal-font {
    font-size: 26px;
    text-decoration: none
}

#menu-mobile .options-header-mobile .div-options-mobile .soma-font {
    font-size: 36px;
    text-decoration: none
}

#menu-mobile .options-header-mobile .div-options-mobile .icon {
    font-size: 1rem;
    width: 30px;
    height: 30px;
    margin-left: 3px;
    margin-right: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--options)
}

@media(max-width: 992px) {
    .check-button {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        border: none;
        background: rgba(0, 0, 0, 0);
        padding: 20px
    }

    .check-button .menu-icon {
        display: block
    }

    .nav-menu,
    .options-header {
        display: none !important
    }

    .menu-header {
        justify-content: flex-end
    }

    .nav-menu-mobile>.menu-header-menu-container>.menu {
        flex-direction: column !important
    }

    .relacionado {
        flex-wrap: wrap !important
    }
}

.menu-header-mobile .menu-item-has-children ul {
    position: unset !important;
    display: block !important
}

.menu-header-mobile .menu-item-has-children ul * {
    font-size: 1.2rem !important
}