:root {
    --color-contraste-clara: #fff;
    --color-contraste-escura: #000;
    --color-contraste-escura-transparente: rgba(0, 0, 0, 0.7);
    --color-contraste-escura-titulo: #303030;
    --color-destaque: #009240;
    --color-destaque-transparent: #00923fd7;
    --color-destaque-clara: #4caf50;
    --color-destaque-clara-transparent: rgba(76, 175, 80, 0.5);

    --color-tecnico-nutricao: #9A258F;

    --color-laranja-clara: #E5912E;
    --color-laranja-clara-plus: #E79447;
    --color-laranja-escura: #E56525;

    --color-light-gray: rgb(231, 231, 231);
    --color-light-gray-plus: #F0F0F0;
    --color-text-news: #656565;

    --color-borda: #C0C0C0;

    --gradient-claro: linear-gradient(180deg, rgba(235, 235, 235, 1) 46%, rgba(255, 255, 255, 0) 100%);
    --gradient-laranja: linear-gradient(0deg, rgba(229, 101, 37, 1) 0%, rgba(255, 112, 40, 1) 100%);
}

.img-banner-topo {
    width: 100%;
    height: 448px;
    object-fit: cover;
}

@media(max-width:991px) {
    .img-banner-topo {
        width: 100%;
        /* height: 800px; */
        object-fit: contain;
        height: unset;
    }

    .bullets__banner {
        transform: translateX(-50%);
    }
}

.rounded-1rem {
    border-radius: 1rem;
}

.bg-warning-crn3 {
    background: var(--color-laranja-escura);
}

.border-warning-crn3 {
    border: 1px solid var(--color-laranja-escura);
}

.border-nutricionista {
    border: 1px solid var(--color-destaque);
}

.brt-1-px {
    border-radius: 10px 10px 0 0;
}

.br-1-px {
    border-radius: 10px;
}

.card-nutricionista:hover {
    background: var(--color-destaque);
    cursor: pointer;
}

.card-tecnico-nutricao:hover {
    background: var(--color-laranja-escura);
    cursor: pointer;
}

.card-nutricionista:hover p,
.card-nutricionista:hover ion-icon,
.card-tecnico-nutricao:hover p,
.card-tecnico-nutricao:hover ion-icon {
    color: var(--color-contraste-clara);
}

#tipo_profissional {
    display: none;
}

.lista-cidades li {
    list-style-type: none;
    text-align: center;
    background: var(--color-destaque);
    color: var(--color-contraste-clara);
    border-radius: 10px;
    padding: 5px 0;
    margin: .5rem 0;
    cursor: pointer;
}

#mapa_ms_sp {
    width: 35px;
    height: 35px;
}

svg.mapa {
    max-width: 100%;
}

/* CARD GESTAO */
.rounded-gestao {
    width: 154px;
    height: 154px;
    border-radius: 50%;
    object-fit: cover;
}

.rounded-gestao-2 {
    width: 138px;
    height: 138px;
    border-radius: 50%;
    object-fit: cover;
}

.card-p-titulo {
    font-weight: bold;
    font-size: 24px;
    color: var(--color-destaque);
}

.card-diretoria {
    box-shadow: rgba(0, 0, 0, 0.1);
}

.card-p-destaque {
    font-weight: bold;
    color: var(--color-destaque);
}

.card-p {
    color: var(--color-destaque);
}

/* FIM CARD GESTAO */

/* CARD2 */

.card2-membro {
    position: relative;
}

/* .card2-membro{
    width: 228px;
    height: 228px;
} */

.card2-membro__descricao {
    position: absolute;
    bottom: 0px;
    background: var(--color-laranja-escura);
    color: var(--color-contraste-clara);
    padding: 1rem;
    border-radius: 10px;
}

.card2-membro__titulo {
    font-weight: bold;
    font-size: 18px;
    color: var(--color-destaque);
}

.card2-membro__img {
    width: 228px;
    height: 228px;
    object-fit: cover;
}

/* FIM CARD2 */

body {
    font-family: 'Roboto', sans-serif;
}

a {
    text-decoration: none;
}

ul {
    margin-bottom: 0;
}

p {
    margin-bottom: 0;
}

.menu-mobile__container .menu-mobile {
    display: none;
}

@media(max-width:991px) {
    .menu-mobile__container .menu-mobile {
        padding-block: .5rem;
        display: grid;
        place-items: center;
        border-radius: 8px;
    }

    .menu-mobile__container .menu-mobile p {
        margin-bottom: 0;
        color: var(--color-contraste-clara);
    }
}

.h-superior__itens-navegacao {
    display: none;
}

@media (min-width:992px) {
    .h-superior__itens-navegacao {
        display: block;
    }
}

.h-superior__itens-navegacao.active--mobie {
    display: block !important;
}


/* Lista style type none */
.h-superior__itens-navegacao nav ul li,
.h-nav-superior nav ul li,
.redes-sociais ul li,
.lista-btns li,
.footer-servicos ul li {
    list-style-type: none;
}

/* sem padding left */
.lista-btns {
    padding-left: 0;
}

@media(max-width:992px) {
    .lista-btns {
        padding-inline: 1rem;
    }
}

.h-nav-superior {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.h-nav-superior ul {
    padding: 0;
}

.h-nav-superior form {
    align-self: flex-end;
    margin-bottom: .5rem;
}

@media(max-width:992px) {
    .h-nav-superior form {
        align-self: center;
        margin-bottom: .5rem;
    }
}

.h-nav-superior nav ul,
.h-nav-superior nav ul li a {
    color: var(--color-contraste-escura);
}

.h-nav-superior nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}

.h-nav-superior nav ul li {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.h-superior__logo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.accordion-button {
    padding: 0.5rem 1.25rem;
}

.accordion-item {
    border: 0;
}

.my-accordion-button {
    border-radius: 10px !important;
    border: 1px solid var(--color-borda);
    color: var(--color-destaque);
}

@media(max-width:992px) {
    .h-superior__logo {
        justify-content: center;
        flex-wrap: wrap;
    }
}

.h-superior__logo {
    padding: 16px 18px;

}

.redes-sociais ul li {
    height: 40px;
}

.h-superior__itens-navegacao__principal {
    padding-block: .5rem;
    border-radius: 8px;
    position: relative;
}

.h-superior__itens-navegacao__principal.active--mobile {
    top: 42px;
    position: absolute;
    width: 100%;
    z-index: 10;
}

ul.h-superior__itens-navegacao__principal--menu {
    padding-inline: 1rem;
}

.h-superior__itens-navegacao__principal--menu.active--mobile {
    display: flex;
    flex-direction: column;
}

.h-superior__item-navegacao {
    cursor: pointer;
}

.h-superior__itens-navegacao__principal--menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.h-superior__itens-navegacao__principal--menu li a,
.h-superior__itens-navegacao__principal--menu {
    color: var(--color-contraste-clara);
    font-weight: 500;
}

.h-superior__itens-navegacao__principal--menu .btn-destaque {
    background: var(--color-destaque);
    border-radius: .5rem;
    padding: 8px 16px;
}

.btn-destaque {
    background: var(--color-destaque);
    border-radius: .5rem;
    padding: 8px 16px;
    color: var(--color-contraste-clara);
}

.item-navegacao {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: .5rem;
}

.item-navegacao ion-icon {
    font-size: 1.2rem;
}

.h-superior__submenu {
    display: none;
}

.h-superior__submenu li {
    font-weight: bold;
    color: var(--color-contraste-escura-titulo);
}

.h-superior__submenu li ul {
    padding-left: 1rem;
}

.h-superior__submenu li a {
    font-weight: 400;
    color: var(--color-contraste-escura-titulo);
}

.redes-sociais {
    display: flex;
    align-items: flex-end;
}

.redes-sociais ul {
    display: flex;
    gap: 0.5rem;
    align-items: flex-end;
    padding-left: 0;
}

.active-menu {
    background: var(--color-contraste-clara);
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 101%;
    transform: translate(-50%);
    z-index: 1;
    padding: 1rem;
    gap: 1rem 0rem;
    border: 1px solid rgb(179, 179, 179);
}

@media(max-width:992px) {
    .active-menu {
        background: var(--color-contraste-clara);
        display: flex !important;
        position: unset;
        left: unset;
        top: unset;
        transform: unset;
        z-index: 1;
        padding: 1rem;
        gap: 1rem 0rem;
        border: 1px solid rgb(179, 179, 179);
    }

    .item-navegacao {
        justify-content: center;
    }

    .h-superior__submenu li,
    .h-superior__itens-navegacao__principal--menu {
        list-style-type: none;
    }

    .h-superior__item-navegacao {
        padding: 12px 15px;
    }

}

.redes-sociais ul li a ion-icon {
    font-size: 1.5rem;
    color: rgb(46, 46, 46);
}

/* TOPO SLIDE E ACESSOS */

.glide__arrows--banner,
.glide__arrows--orientativo,
.glide__arrows--evento {
    display: flex;
    position: absolute;
    bottom: 50%;
    width: 100%;
    justify-content: space-between;
    padding-inline: .5rem;
}

.glide__banner,
.glide__orientativos,
.glide__evento {
    position: relative;
}

@media(max-width:767px) {
    .glide__arrows--evento {
        display: none;
    }
}

.glide__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.144);
    border: 2px solid var(--color-contraste-clara);
    color: var(--color-contraste-clara);
}

.glide__arrows--evento .glide__arrow {
    background: var(--color-destaque-clara);
    width: 28px;
    height: 28px;
}

.glide__arrows--orientativo .glide__arrow {
    background-color: var(--color-contraste-clara);
    color: var(--color-laranja-clara);
}

.bullets__banner {
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-bottom: 1rem;
}

.bullets__orientativo {
    position: absolute;
    left: 50%;
}

@media(max-width:991px) {
    .bullets__orientativo {
        transform: translateX(-50%);
    }

    .acesso-rapido__btns__card {
        width: 100% !important;
    }

    .arco-logo {
        flex-direction: column;
    }
}

.bullet__banner,
.bullets__orientativo .glide__bullet {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: none;
    border: 2px solid var(--color-contraste-clara);
}

.glide__bullet--active,
.bullets__orientativo .glide__bullet--active {
    background: var(--color-contraste-clara);
}

.img-banner {
    width: 100%;
    height: 448px;
    border-radius: 1rem;
}

.lista-btns {
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    gap: .5rem;
    height: 448px;
}

.lista-btns li:nth-child(2n) {
    background: var(--color-laranja-escura);
}

.lista-btns li {
    background: var(--color-laranja-clara);
    padding-inline: 2rem;
    height: 82px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 1rem;
}

.lista-btns .acesso-rapido-btn p {
    color: var(--color-contraste-clara);
    font-weight: 500;
}

.lista-btns .acesso-rapido-btn .circulo-branco ion-icon {
    color: var(--color-laranja-clara);
}

.circulo-branco {
    background: var(--color-contraste-clara);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
}

.acesso-rapido-btn {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.acesso-rapido-btn p {
    margin-bottom: 0;
    padding-bottom: 0;
}

/* FIM TOPO SLIDE E ACESSOS */

/* SECAO EVENTO */
.secao-frente {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.secao-frente__titulo {
    color: var(--color-destaque);
    font-size: 36px;
    font-weight: bold;
}

.secao-frente__titulo--menor {
    color: var(--color-destaque-clara);
    font-size: 24px;
    font-weight: bold;
}

.secao-frente__botao {
    width: 210px;
    height: 36px;
    background: var(--color-laranja-clara);
    color: var(--color-contraste-clara);
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-radius: 8px;
}

.secao-frente__botao ion-icon {
    font-size: 18px;
    font-weight: 500;
}

.secao-frente__botao:hover {
    color: var(--color-contraste-clara);
}

.secao-frente-conteudo .card-evento,
.card-evento {
    width: 100%;
    height: 190px;
    background: var(--color-contraste-clara);
    display: flex;
    box-shadow: 2px 9px 14px -5px rgba(0, 0, 0, 0.47);
    -webkit-box-shadow: 2px 9px 14px -5px rgba(0, 0, 0, 0.47);
    -moz-box-shadow: 2px 9px 14px -5px rgba(0, 0, 0, 0.47);
    align-items: center;
    border-radius: 10px;
}

@media(max-width:992px) {
    .secao-frente-conteudo .card-evento {
        flex-direction: column;
        height: 300px;
        margin-top: 1rem;
        box-sizing: border-box;
    }
}

.card-evento__texto {
    display: flex;
    flex-direction: column;
    padding-inline: 1rem;
    width: 50%;
}

@media(max-width:992px) {
    .card-evento__texto {
        width: 100%;
    }
}

.card-evento__horario {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-weight: 500;
    color: var(--color-contraste-escura);
}

@media(max-width:992px) {
    .card-evento__horario p {
        font-size: .8rem;
    }
}

.card-evento__horario ion-icon {
    color: var(--color-laranja-clara);
    font-weight: 500;
    font-size: 1.5rem;
}

@media(max-width:992px) {
    .card-evento__horario ion-icon {
        font-size: 1rem;
    }
}

.card-evento__horario p {
    margin-bottom: 0;
    font-weight: 500;
}

.card-evento__data {
    font-weight: 600;
    color: var(--color-destaque);
    font-size: 2.5rem;
}

@media(max-width:992px) {
    .card-evento__data {
        font-size: 1rem;
        margin-top: .5rem;
    }
}

.card-evento__titulo {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-contraste-escura-titulo);
}

@media(max-width:992px) {
    .card-evento__titulo {
        font-size: 1rem;
        margin-bottom: 0;
        margin-top: 1rem;
    }
}

.card-evento {
    position: relative;
}

.card-evento__tag {
    position: absolute;
    top: 16px;
    right: 24px;
}

.card-evento .imagem-evento {
    width: 50%;
    height: 100%;
    clip-path: circle(106% at 13% 51%);
    border-radius: 10px 0 0 10px;
}

@media(max-width:992px) {
    .card-evento .imagem-evento {
        width: 100%;
        clip-path: unset;
        border-radius: 10px 10px 0 0;
    }
}

/* FIM SECAO EVENTO */

/* SECAO NOTICIAS */

.i-noticias {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
    background: var(--color-laranja-clara);
    box-sizing: border-box;
    padding-block: 2rem 0rem;
    border-radius: 10px;
    padding-left: 0;
}

.i-noticias li {
    list-style-type: none;
    align-self: flex-start;
}

.i-noticias li a {
    color: var(--color-contraste-clara);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 80%;
}

.i-noticias li figure img {
    border-radius: 10px;
}


.i-noticias li figure {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.i-noticias li figure~p {
    font-weight: 500;
}

.i-noticias__data {
    background: var(--color-contraste-clara);
    color: var(--color-destaque);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 90px;
    height: 70px;
    font-weight: 600;
    border-radius: 0 150px 0 10px;
    display: flex;
    align-items: center;
}

.secao-frente__btns {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}

.secao-frente__botao--news:hover {
    color: var(--color-contraste-clara);
}

.secao-frente__botao--news {
    background: var(--color-destaque);
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    border-radius: 8px;
    color: var(--color-contraste-clara);
    width: 210px;
}

@media(max-width:1055px) {
    .secao-frente__botao--news {
        width: 100%;
    }

    .secao-frente__botao--news {
        justify-content: center;
        gap: 1rem;
    }

    .secao-frente {
        display: flex;
        flex-direction: column;
    }

    .secao-frente__botao {
        width: 100%;
        justify-content: center;
        gap: 1rem;
    }
}


.i-noticias__data span {
    margin-left: .2rem;
}

/* FIM SECAO NOTICIAS */

/* SECAO MATERIAIS ORIENTATIVOS */
.secao-frente-conteudo__materiais-orientativos {
    background: var(--color-laranja-clara);
    border-radius: 10px;
    padding-block: 1.5rem 2rem;
    box-sizing: border-box;
}

.secao-frente-conteudo__materiais-orientativos ul li {
    display: flex;
    justify-content: center;
    align-items: center;
}

.secao-frente-conteudo__materiais-orientativos ul li a p {
    color: var(--color-contraste-clara);
    text-align: justify;
    font-weight: 300;
    width: 80%;
    margin: 0 auto;
}

.secao-frente-conteudo__materiais-orientativos ul li a figure {
    display: flex;
    justify-content: center;
}

/* FIM SECAO MATERIAIS ORIENTATIVOS */

/* ACESSO RAPIDO */
.coluna-largura{
    flex: 0 0 auto;
    width: 16%;
}

@media(min-width:1100px) {
    .coluna-largura{
        flex: 0 0 auto;
        width: 16.4%;
    }
}


@media(min-width:1300px) {
    .coluna-largura{
        flex: 0 0 auto;
        width: 16.9%;
    }
}

@media(min-width:1500px) {
    .coluna-largura{
        flex: 0 0 auto;
        width: 17%;
    }
}

@media(min-width:1900px) {
    .coluna-largura{
        flex: 0 0 auto;
        width: 17.8%;
    }
}

.btn__mod--icone {
    width: 82px;
    height: 82px;
    background: var(--color-contraste-clara);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn__mod-topo--icone {
    display: flex;
    gap: 0.5rem;
    flex-direction: column;
    align-items: center;
}

.btn__mod-topo--icone .btn__mod-titulo {
    margin: 0;
    color: var(--color-contraste-clara);
    font-weight: 500;
    text-align: center;
}

.btn__mod-topo--icone~p {
    color: var(--color-contraste-clara);
    font-weight: 300;

}

.acesso-rapido ul li {
    list-style-type: none;
    border-radius: 10px;
    padding: 1rem;
}

.acesso-rapido__btns {
    display: flex;
    padding-left: 0;
    flex-wrap: wrap;
}

.acesso-rapido ul li a {
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    gap: 1rem;
}

.btn__mod--icone ion-icon {
    font-size: 2rem;
}

/* FIM ACESSO RAPIDO */

/* FOOTER */
footer {
    background: var(--color-laranja-escura);
}

.logo-footer {
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo-footer~p {
    color: var(--color-contraste-clara);
}

.footer__redes-sociais {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer__redes-sociais p {
    font-weight: 500;
    font-size: 1.5rem;
    color: var(--color-contraste-clara);
}

.footer__redes-sociais ion-icon {
    font-size: 2rem;
}

.redes-sociais__icones {
    display: flex;
    justify-content: center;
    gap: 1rem;
    padding-left: 0;
    width: 100%;
}

.redes-sociais__icones li {
    list-style-type: none;
    color: var(--color-contraste-clara);
}

.footer-servicos {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--color-contraste-clara);
}

.footer-servicos ul {
    columns: 2;
    padding-left: 1rem;
}

.footer-servicos ul li {
    font-weight: 400;
    font-size: .9rem;
}

.footer-servicos p {
    font-size: 1.5rem;
    font-weight: 600;
}

hr {
    width: 90%;
    margin: 0 auto;
    background: var(--color-laranja-clara-plus);
}

.copy-empresa {
    display: flex;
    gap: 1rem;
    font-size: 1rem;
    color: var(--color-contraste-clara);
}

@media(max-width:375px) {
    .copy-empresa {
        font-size: .7rem
    }
}

.arco-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    background: var(--cor-mais-escura-marrom);

    padding-block: 0.5rem;
    color: var(--cor-txt-clara);
}

.arco-logo p {
    color: var(--cor-branca);
    margin-bottom: 0;
}

.arco-logo figure {
    margin-bottom: 0;
}

.arco-logo figure img {
    width: 38px;
    height: 38px;
}

/* FIM FOOTER */

/* HERO */
.heroPage {
    position: relative;
    border-radius: 10px;
    margin-block-end: 5rem;
}

.heroPage__breadCrumb--back {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.heroPage__breadCrumb--back a {
    color: var(--color-contraste-escura);
}

.heroPage__breadCrumb {
    width: 1150px;
    max-width: 100%;
    padding: 32px 24px;
    position: absolute;
    top: 80%;
    background: var(--color-contraste-clara);
    box-shadow: 0px 7px 17px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.heroPage__titulo {
    color: var(--color-contraste-clara);
    font-size: 2rem;
    font-weight: bold;
}

.heroPage__subtitulo {
    color: var(--color-contraste-clara);
    font-size: 18px;
}

/* FIM HERO */

/* HERO2 */

.hero2-titulo-fundo {
    color: var(--color-light-gray);
    font-size: 4rem;
    font-weight: bold;
    position: relative;

}

@media(min-width:920px) {
    .hero2-titulo-fundo {
        font-size: 7rem;
    }
}



.hero2-titulo {
    color: var(--color-destaque);
    position: absolute;
    top: 50%;
    right: 50%;

    transform: translate(50%);

    font-size: 2rem;
}

/* FIM HERO2 */

/* HERO 3 */

.hero3-breadcrumb {
    border-radius: 10px;
}

.hero3-breadcrumb>a {
    color: var(--color-contraste-escura);
}

/* FIM HERO 3 */

.hero-com-botao {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.hero-com-botao>p {
    font-size: 1.5rem;
    color: var(--color-contraste-clara);
    font-weight: bold;
}

.hero-com-botao>p~a {
    background: var(--color-destaque-clara);
    color: var(--color-contraste-clara);
    font-weight: bold;
    padding: .5rem 1rem;
    border-radius: 4px;
}

.hero-com-botao>p~a:hover {
    color: var(--color-contraste-clara);
}

/* BUTTONS */
.busca-button {
    background: var(--color-destaque);
    color: var(--color-contraste-clara);
    border: none;
    width: 50px;
    border-radius: 0 10px 10px 0;
}

.crn3-button {
    background: var(--color-laranja-escura);
    border-radius: 4px;
    padding: .5rem 2rem;
    bottom: 1rem;
}

.crn3-button a {
    text-decoration: none;
    color: var(--color-contraste-clara);
}

.crn3-button p {
    color: var(--color-contraste-clara);
}

/* FIM BUTTONS */

/* INPUT BUSCA */
.input-form-busca {
    border-radius: 10px 0 0 10px;
}

.input-form-busca:focus {
    box-shadow: none;
    border-color: #ced4da;
}

/* FIM INPUT BUSCA */

/* MISSÃO */
.missao {
    font-size: 2rem;
    font-weight: bold;
}

.missao-img {
    position: relative;
    border-radius: 10px;
}

.missao-texto {
    font-size: 1.5rem;
    font-weight: 400;
}


/* FIM MISSÃO */

/* SETORES */

.setores-titulo {
    font-size: 2rem;
    font-weight: bold;
}

.setores-titulo-medio {
    font-size: 1.5rem;
    font-weight: bold;
}

.setores-icones {
    display: flex;
    align-items: center;
    gap: 1rem;
    color: var(--color-destaque);
}

.setores-icones ion-icon {
    width: 32px;
    height: 32px;
}

.setores-icones i {
    font-size: 32px;
}

.setores-icones p {
    font-weight: 500;
}

.section__fiscalizacao {
    background: var(--color-laranja-escura);
    color: var(--color-contraste-clara);

}

.section__fiscalizacao-info-header {
    font-size: 18px;
    font-weight: 500;
}

.section__fiscalizacao-contato ion-icon {
    width: 24px;
    height: 24px;
}

.text-white {
    color: var(--color-contraste-clara);
}

.tabela-nutricionistas {
    width: 100%;
    height: 730px;
}

table,
th,
td {
    border-bottom: 1px solid var(--color-contraste-escura-titulo);
}

.container-tabela-nutricionista {
    box-shadow: 0px 10px 15px -5px rgba(0, 0, 0, 0.3);
    padding-block: 2rem;
    border-radius: 10px;
}

.btn-delegacias {
    background: var(--color-destaque);
    color: var(--color-contraste-clara);
    text-align: center;
    border-radius: 4px;
    padding-block: 4px;
}

.btn-delegacias:hover {
    color: var(--color-contraste-clara);
}

.setores__btn-email {
    background: var(--color-destaque);
    color: var(--color-contraste-clara);
    padding-block: 4px;
    border-radius: 4px;
    width: 270px;
    max-width: 100%;
    text-align: center;
}

.setores__btn-email:hover {
    color: var(--color-contraste-clara);
}

.fiscalizacao-contato a {
    color: var(--color-contraste-clara);
}

/* FIM SETORES */


/* CARDS */
.cards-news {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(224px, 1fr));
    gap: 10px;
}

.card-noticia {
    height: 420px;
}

.card-noticia.material-up {
    height: 360px;
}

.card-img-news {
    width: 100%;
    height: 178px;
}

.my-card {
    height: 407px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

.my-card ion-icon {
    color: var(--color-destaque);
}

.my-card div>p:nth-child(1) {
    color: var(--color-destaque);
    text-align: center;
    font-weight: bold;
}

.my-card>div>p:nth-child(2) {
    color: var(--color-laranja-escura);
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.my-card>div {
    padding-inline: 1rem;
}

.card-info {
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.card-titulo {
    font-size: 24px;
    font-weight: bold;
    color: var(--color-destaque);
}

.card-titulo2 {
    font-size: 16px;
    font-weight: bold;
    color: var(--color-destaque);
}

.card-texto {
    font-size: 14px;
    color: var(--color-text-news);
}

.card-btn-saiba-mais {
    color: var(--color-laranja-clara);
    position: absolute;
    bottom: 5%;
}

.card-btn-saiba-mais:hover {
    color: var(--color-laranja-clara-plus);
}

.card-btn-saiba-mais ion-icon {
    width: 32px;
    height: 32px;
}

.card-btn-saiba-mais p {
    font-weight: 500;
}

.card-data {
    font-size: 14px;
    color: var(--color-text-news);
    font-weight: bold;
}

.card-solido {
    border: 1px solid var(--color-borda);
    border-radius: 10px;
    height: 584px;
    max-height: 100%;
}


.card-solido i {
    font-size: 86px;
    color: var(--color-destaque);
}

.mais-inf {
    background: var(--color-laranja-escura);
    padding: .5rem 1rem;
    border-radius: 4px;
    color: var(--color-contraste-clara);
}

.mais-inf:hover {
    color: var(--color-contraste-clara);
}

.titulo-post-noticia {
    font-weight: bold;
}

.data-post-noticia {
    color: var(--color-text-news);
}

.img-noticia-recente {
    height: 137px;
    max-height: 100%;
}

.noticia-recente-titulo {
    font-weight: bold;
}

.img-post-noticia {
    width: 1143px;
    height: 335px;
    max-width: 100%;
}

.noticias-recentes p {
    font-size: 24px;
    font-weight: bold;
}

.noticias-recentes~a {
    color: var(--color-contraste-escura-titulo);
}

hr.hr-post-noticia {
    margin-block: 2rem;
    background: var(--color-contraste-escura-titulo);
}

.pagination {
    justify-content: center;
    padding-block: 2rem;
}

.revista_interativa,
.revista_normal {
    height: 474px;
    max-height: 100%;
}

.figure_revista_interativa,
.figure_revista_normal {
    display: flex;
    justify-content: center;
}

/* FIM CARDS */

/* CARD SIMPLES DA DENÚNCIA */

.card-simples {
    border-radius: 10px;
}

.card-simples a {
    color: var(--color-contraste-clara);
}

.card-simples>a~p {
    color: var(--color-contraste-clara);
    font-weight: 300;
}

.card-simples>a>ion-icon~p {
    font-size: 18px;
    font-weight: bold;
}

.card-simples ion-icon {
    width: 54px;
    height: 54px;
}

/* FIM CARD SIMPLES DA DENÚNCIA */

/* MENU MOBILE */

/* FIM MENU MOBILE */

/* BTNS */
.btn-simples {
    background: var(--color-destaque-clara);
    color: var(--color-contraste-clara);
    padding: 4px 2rem;
    text-align: center;
    border-radius: 10px;
}

.btn-simples:hover {
    color: var(--color-contraste-clara);
}

/* FIM BTNS */

.p-destaque {
    font-size: 18px;
    color: var(--color-destaque);
    font-weight: bold;
}

/* BOLSA EMPREGO */

.bolsa-emprego span {
    font-weight: bold;
}

.bolsa-emprego-cadastro ol>p {
    font-weight: bold;
}

.bolsa-emprego-cadastro ol {
    padding-left: 1rem;
}

.bolsa-emprego-cadastro .caixa-verde {
    border: 1px solid var(--color-destaque-clara);
    background: var(--color-destaque-clara-transparent);
    border-radius: 4px;
    padding: 2rem;
}

.w-90 {
    width: 90%;
}

.w-80 {
    width: 80%;
}

.fs-16 {
    font-size: 16px;
}

.fs-14 {
    font-size: 14px;
}

.bg-secondary-crn3 {
    background: var(--color-light-gray-plus);
}

.bg-success-crn3 {
    background: #009E50;
}

.caixa-cinza {
    background-color: var(--color-light-gray-plus);
}

.bolsa-emprego-cadastro .caixa-verde li p {
    margin-bottom: 8px;
    font-weight: 500;
}

.txt-verde {
    color: var(--color-destaque);
}

.txt-laranja {
    color: var(--color-laranja-escura);
}

.circulo-passo {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-borda);
    width: 3rem;
    height: 3rem;
    border-radius: 50px;
}

.circulo-passo.ativado {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-laranja-clara-plus);
    color: var(--color-contraste-clara);
    font-weight: 600;
    width: 3rem;
    height: 3rem;
    border-radius: 50px;
}

.btn-destaque:disabled {
    background-color: var(--color-destaque-clara-transparent);
}

.btn-nutricionista {
    border: 1px solid var(--color-destaque);
}

.btn-nutricionista:hover {
    background: var(--color-destaque);
}

.btn-nutricionista:hover p,
.btn-nutricionista:hover ion-icon {
    color: var(--color-contraste-clara);
}

.btn-nutricionista p,
.btn-nutricionista ion-icon {
    color: var(--color-destaque);
    font-weight: bold;
}

.btn-nutricionista,
.btn-tecnico-nutricao {
    padding: 2rem;
}

.btn-tecnico-nutricao {
    border: 1px solid var(--color-tecnico-nutricao);
}

.btn-tecnico-nutricao:hover {
    background: var(--color-tecnico-nutricao);
}

.btn-tecnico-nutricao:hover p,
.btn-tecnico-nutricao:hover ion-icon {
    color: var(--color-contraste-clara);
}

.btn-tecnico-nutricao p,
.btn-tecnico-nutricao ion-icon {
    color: var(--color-tecnico-nutricao);
    font-weight: bold;
}

/* FOTOS */
.figure_fotos {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fotos_legenda {
    position: absolute;
    bottom: 10px;
    background: var(--color-contraste-escura-transparente);
    padding: 0 .5rem;
    color: var(--color-contraste-clara);
}

.foto_album {
    width: 272px;
    height: 272px;
    object-fit: cover;
}

.foto_album_capa {
    width: 547px;
    height: 480px;
    object-fit: cover;
}

.rounded-10 {
    border-radius: 10px;
}

#card_contato_sede {
    width: 482px;
    height: auto;
    background: var(--color-contraste-clara);
    border-radius: 10px;
}

/* HOTSITE */

.headerHotsite {
    background: linear-gradient(180deg, rgba(229, 101, 37, .8) 0%, rgba(229, 141, 47, 1) 100%), url("/imgs/hero-crn3.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.headerHotsite ul li {
    list-style-type: none;
}

.titulo-historia {
    position: relative;
}

.titulo-historia p {
    position: absolute;
    top: 50%;
    left: 50%;
    text-transform: uppercase;
    color: var(--color-laranja-escura);
    font-size: 3rem;
    font-weight: 900;
    transform: translate(-50%, -50%);
}

@media(max-width:1295px) {
    .titulo-historia span {
        display: none;
    }

    .titulo-historia p {
        position: unset;
        transform: unset;
    }
}

.titulo-historia span {
    color: var(--color-light-gray-plus);
    font-size: 14rem;
    letter-spacing: 2rem;
    text-transform: uppercase;
    text-align: center;
    font-weight: 900;
}

/* TIMELINE */
.cd-horizontal-timeline ol,
.cd-horizontal-timeline ul {
    list-style: none;
}

.cd-timeline-navigation a:hover,
.cd-timeline-navigation a:focus {
    border-color: var(--color-laranja-escura);
}

.cd-horizontal-timeline a,
.cd-horizontal-timeline a:hover,
.cd-horizontal-timeline a:focus {
    color: var(--color-laranja-escura);
}

.cd-horizontal-timeline blockquote,
.cd-horizontal-timeline q {
    quotes: none;
}

.cd-horizontal-timeline blockquote:before,
.cd-horizontal-timeline blockquote:after,
.cd-horizontal-timeline q:before,
.cd-horizontal-timeline q:after {
    content: '';
    content: none;
}

.cd-horizontal-timeline table {
    border-collapse: collapse;
    border-spacing: 0;
}

.cd-horizontal-timeline {
    opacity: 0;
    margin: 2em auto;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'mobile';
    display: none;
}

.cd-horizontal-timeline.loaded {
    /* show the timeline after events position has been set (using JavaScript) */
    opacity: 1;
}

.cd-horizontal-timeline .timeline {
    position: relative;
    height: 100px;
    width: 90%;
    max-width: 800px;
    margin: 0 auto;
}

.cd-horizontal-timeline .events-wrapper {
    position: relative;
    height: 100%;
    margin: 0 40px;
    overflow: hidden;
}

.cd-horizontal-timeline .events-wrapper::after,
.cd-horizontal-timeline .events-wrapper::before {
    /* these are used to create a shadow effect at the sides of the timeline */
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    height: 100%;
    width: 20px;
}

.cd-horizontal-timeline .events-wrapper::before {
    left: 0;

}

.cd-horizontal-timeline .events-wrapper::after {
    right: 0;

}

.cd-horizontal-timeline .events {
    /* this is the grey line/timeline */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 50px;
    height: 2px;
    /* width will be set using JavaScript */
    background: #dfdfdf;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.cd-horizontal-timeline .filling-line {
    /* this is used to create the green line filling the timeline */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: var(--color-laranja-escura);
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

.cd-horizontal-timeline .events a {
    position: absolute;
    bottom: 0;
    z-index: 2;
    text-align: center;
    font-size: 1rem;
    padding-bottom: 15px;

    /* fix bug on Safari - text flickering while timeline translates */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.cd-horizontal-timeline .events a::after {
    /* this is used to create the event spot */
    content: '';
    position: absolute;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -5px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    border: 2px solid #dfdfdf;
    background-color: #f8f8f8;
    -webkit-transition: background-color 0.3s, border-color 0.3s;
    -moz-transition: background-color 0.3s, border-color 0.3s;
    transition: background-color 0.3s, border-color 0.3s;
}

.no-touch .cd-horizontal-timeline .events a:hover::after {
    background-color: #313740;
    border-color: #313740;
}

.cd-horizontal-timeline .events a.selected {
    pointer-events: none;
}

.cd-horizontal-timeline .events a.selected::after {
    background-color: var(--color-laranja-escura);
    border-color: var(--color-laranja-escura);
}

.cd-horizontal-timeline .events a.older-event::after {
    border-color: var(--color-laranja-escura);
}

@media only screen and (min-width: 1100px) {
    .cd-horizontal-timeline::before {
        /* never visible - this is used in jQuery to check the current MQ */
        content: 'desktop';
    }
}

.cd-timeline-navigation a {
    /* these are the left/right arrows to navigate the timeline */
    position: absolute;
    z-index: 1;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 34px;
    width: 34px;
    border-radius: 50%;
    border: 2px solid rgba(255, 174, 0, 0.664);
    /* replace text with an icon */
    overflow: hidden;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    transition: border-color 0.3s;
}

.cd-timeline-navigation a::after {
    /* arrow icon */
    content: '';
    position: absolute;
    height: 16px;
    width: 16px;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(/imgs/cd-arrow.svg) no-repeat 0 0;
}

.cd-timeline-navigation a.prev {
    left: 0;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.cd-timeline-navigation a.next {
    right: 0;
}

.no-touch .cd-timeline-navigation a:hover {
    border-color: #7b9d6f;
}

.cd-timeline-navigation a.inactive {
    cursor: not-allowed;
}

.cd-timeline-navigation a.inactive::after {
    background-position: 0 -16px;
}

.no-touch .cd-timeline-navigation a.inactive:hover {
    border-color: #dfdfdf;
}

.cd-horizontal-timeline .events-content {
    position: relative;
    width: 100%;
    margin: 2em 0;
    overflow: hidden;
    -webkit-transition: height 0.4s;
    -moz-transition: height 0.4s;
    transition: height 0.4s;
}

.cd-horizontal-timeline .events-content li {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    padding: 0 5%;
    opacity: 0;
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

.cd-horizontal-timeline .events-content li.selected {
    /* visible event content */
    position: relative;
    z-index: 2;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.cd-horizontal-timeline .events-content li.enter-right,
.cd-horizontal-timeline .events-content li.leave-right {
    -webkit-animation-name: cd-enter-right;
    -moz-animation-name: cd-enter-right;
    animation-name: cd-enter-right;
}

.cd-horizontal-timeline .events-content li.enter-left,
.cd-horizontal-timeline .events-content li.leave-left {
    -webkit-animation-name: cd-enter-left;
    -moz-animation-name: cd-enter-left;
    animation-name: cd-enter-left;
}

.cd-horizontal-timeline .events-content li.leave-right,
.cd-horizontal-timeline .events-content li.leave-left {
    -webkit-animation-direction: reverse;
    -moz-animation-direction: reverse;
    animation-direction: reverse;
}

.cd-horizontal-timeline .events-content li>* {
    max-width: 800px;
    margin: 0 auto;
}

.cd-horizontal-timeline .events-content h4 {
    font-weight: 700;
    margin-bottom: 0px;
    line-height: 20px;
    margin-bottom: 15px;
}

.cd-horizontal-timeline .events-content h4 small {
    font-weight: 400;
    line-height: normal;
    font-size: 15px;
}

.cd-horizontal-timeline .events-content em {
    display: block;
    font-style: italic;
    margin: 10px auto;
}

.cd-horizontal-timeline .events-content em::before {
    content: '- ';
}

.cd-horizontal-timeline .events-content p {
    font-size: 16px;
    margin-top: 15px;

}

@media only screen and (min-width: 768px) {

    .cd-horizontal-timeline .events-content em {
        font-size: 1rem;
    }
}

@media only screen and (max-width: 767px) {

    .cd-horizontal-timeline.loaded {
        margin: 0;
    }

    .cd-horizontal-timeline .timeline {
        width: 100%;
    }

    .cd-horizontal-timeline ol,
    .cd-horizontal-timeline ul {
        padding: 0;
        margin: 0;
    }

    .cd-horizontal-timeline .events-content h4 {
        font-size: 16px;
    }

    .cd-horizontal-timeline .events-content {
        margin: 0;
    }

}

@-webkit-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}

@-moz-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -moz-transform: translateX(100%);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}

@keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@-webkit-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}

@-moz-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}

@keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

.timeline:before {
    content: " ";
    display: none;
    bottom: 0;
    left: 0%;
    width: 0px;
    margin-left: -1.5px;
    background-color: #eeeeee;
}

.livros {
    background: url(/imgs/anos-de-historia.png), linear-gradient(0deg, rgba(229, 145, 46, 1)100%, rgba(229, 145, 46, 1)100%);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: 50%;

}

.livros h4 {
    font-family: "lobster", cursive;
}

.livros img {
    width: 275px;
    height: 378px;
    object-fit: cover;
}

.galeria {
    background: url(/imgs/eventos-letra.png), linear-gradient(0deg, rgba(255, 112, 40, 1)100%, rgba(229, 101, 37, 1)100%);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: 50%;
}

.galeria h4 {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
}

.podcast {
    background: linear-gradient(0deg, rgba(0, 142, 72, 1) 0%, rgba(0, 104, 53, 1) 100%);
    ;
}

.pagina-personalizada p img {
    max-width: 100%;
    height: auto;
}

.conteudo img {
    max-width: 100%;
    height: auto;
}

.footer_hotsite {
    background: var(--color-laranja-escura);
}

/* FIM TIMELINE */
/* FIM BOLSA EMPREGO */
.img-indicado-destaque-profissional {
    width: 85px;
    height: 85px;
    object-fit: cover;
}

.bg-list-item {
    background: rgb(245, 248, 250);
    cursor: pointer;
}

.menu-mobile__container {
    cursor: pointer;
}

/* POP-UP */

@media(max-width:798px) {
    .popup {
        left: 10% !important;
    }
}

@media(min-width:320px) and (max-width: 630px) {
    .popup {
        left: 0% !important;
    }
}

@media(min-width:631px) and (max-width: 632px) {
    .popup {
        left: 1% !important;
    }
}


.popup__conteudo__fechar {
    background: tomato;
    color: whitesmoke;
    padding: 5px;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
}

.popup {
    display: flex;
    /* flex-direction: column; */
    gap: .5rem;
    justify-content: center;
    position: fixed;
    left: 50% !important;
    width: 35%;
    transform: translate(-50%, 50%) !important;
    bottom: 50%;
    z-index: 9999;
    transition: ease-in 1s;
}

span.fundo__popup::before {
    content: "";
    background: #0000008c;
    position: fixed;
    width: 100%;
    top: 0;
    right: 0;
    height: 100%;
}

.popup__conteudo {
    background: white;
    padding: 5px;
}

.popup__conteudo__img {
    /* max-width: 100vh; */
}

@media(max-width:992px) {
    .popup__conteudo__img {
        max-width: 90vh;
    }

    .popup {
        width: 100vw;
        /* height: 100vh; */
        flex-direction: column;
    }
}

@media(min-width:420px) and (max-width: 992px) {
    .popup__conteudo__fechar {
        position: absolute;
        top: .8rem;
        left: .5rem;
    }
}

@media(min-width:498px) and (max-width:992px) {
    .popup {
        width: 50vw;
    }
}

/* DIRETORIA CARD */
.card__gestao__diretoria {
    width: 160px;
    height: 160px;
    object-fit: cover;
    border-radius: 50%;
}

/* FIM DIRETORIA CARD */

/* CONSELHEIROS CARD */
.card__gestao__conselheiro {
    width: 140px;
    height: 140px;
    object-fit: cover;
    border-radius: 50%;
}

/* FIM CONSELHEIROS CARD */

/* CONSELHEIROS CARD */
.card__gestao__colegiado {
    width: 228px;
    height: 228px;
    object-fit: cover;
}

/* FIM CONSELHEIROS CARD */

.clickDiretoria {
    cursor: pointer;
}

.buscaGeral>input {
    border: none;
}

.buscaGeral>input:focus {
    outline: none;
    box-shadow: unset;
}



/* ACESSIBILIDADE */
.u-contrast nav,
.u-contrast div,
.u-contrast li,
.u-contrast ol,
.u-contrast header,
.u-contrast footer,
.u-contrast section,
.u-contrast main,
.u-contrast aside,
.u-contrast article {
    background: black !important;
    color: white !important;
}

.u-contrast h1,
.u-contrast h2,
.u-contrast h3,
.u-contrast h4,
.u-contrast h5,
.u-contrast h6,
.u-contrast p,
.u-contrast label,
.u-contrast strong,
.u-contrast em,
.u-contrast cite,
.u-contrast q,
.u-contrast i,
.u-contrast b,
.u-contrast u,
.u-contrast span {
    color: white !important;
}

.u-contrast a {
    color: yellow !important;
}

.u-contrast button,
.u-contrast input[type="button"],
.u-contrast input[type="reset"],
.u-contrast input[type="submit"] {
    background: black !important;
    color: yellow !important;
    border: none !important;
}

.u-contrast input[type="text"],
.u-contrast input[type="password"],
.u-contrast input[type="url"],
.u-contrast input[type="search"],
.u-contrast input[type="email"],
.u-contrast input[type="tel"],
.u-contrast input[type="date"],
.u-contrast input[type="month"],
.u-contrast input[type="week"],
.u-contrast input[type="datetime"],
.u-contrast input[type="datetime-local"],
.u-contrast textarea,
.u-contrast input[type="number"] {
    background: black !important;
    border: 1px solid white !important;
    color: white !important;
}

.u-contrast .h-superior__logo a img.logo {
    filter: grayscale(100%) contrast(120%) !important;
    filter: brightness(0) invert(1) !important;
}

.load_send_form{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    /* background: #0000008c; */
    /* width: 100%; */
    height: calc(100% - 34px);
    display: flex;
    justify-content: center;
    align-items: center;
}

.ambito-fisico, .ambito-digital{
    display: none;
}

.ambito-fisico.active, .ambito-digital.active{
    display: flex;
}

#gerenciar_cookies{
    cursor: pointer;
    font-weight: 400;
}

#modal_termos{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    background: #0000008c;
    z-index: 9999;
    display: none;
    animation: show_manager_lgpd .3s forwards;
}

@keyframes show_manager_lgpd {
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}

#modal_termos.active{
    display: flex;
}

#btn-close-window-lgpd{
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: tomato;
    color: white;
    border-radius: 50%;
    padding: .5rem;
    cursor: pointer;
    width: 32px;
    height: 32px;
}

.container.modal_termos{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
    height: 70%;
    background: white;
    padding: 1rem;
    overflow-y: auto;
    border-radius: .5rem;
}
.btn-lgpd-reject-options{
    background: transparent;
    border: 2px solid #008f3f;
    color: #008f3f;
    padding: .5rem 1rem;
    border-radius: 100px;
    cursor: pointer;
}
.btn-lgpd-save-options{
    background: #008f3f;
    border: 2px solid #008f3f;
    color: white;
    padding: .5rem 1rem;
    border-radius: 100px;
    cursor: pointer;
}

.btn-lgpd-save-options:hover{
    background: #008f3f;
    border: 2px solid #008f3f;
    color: white;
    /* border: none; */
    padding: .5rem 1rem;
    border-radius: 100px;
    cursor: pointer;
}

.form-check-input:checked{
    background-color: #008f3f;
    border-color: #008f3f;
}