@charset "UTF-8";
.barra-institucional {
    background-color: #005288;
    z-index: 3000;
    width: 100%;
    top: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 1rem;
    line-height: 1.3rem;
    font-family: 'Open Sans', sans-serif;
}

.barra-institucional .row {
    display: flex;
    align-items: center;
   justify-content: space-between;
    margin: 0;
}

.barra-institucional ul {
    margin: 0;
    padding-inline-start: 0!important;
}


.barra-institucional .nav-barra-institucional ul li {
    list-style: none;
    display: inline-block;
    cursor: pointer;
    padding: 0.7rem 0 0.7rem 0;
}

.barra-institucional .nav-barra-institucional ul li a {
    color: #FFFFFF;
    font-family: inherit;
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 1rem 0 1rem;
    text-decoration: none;
}


.barra-institucional .nav-barra-institucional ul li a.icon-after::after {
    content: "";
    position: absolute;
    background-image: url(../images/barra-institucional-nav-arrow-down.svg);
    background-repeat: no-repeat;
    width: 9px;
    height: 6px;
    margin: 0.4rem 0 0 0.3rem;
    transition: all 0.3s ease-out;
}

.barra-institucional .nav-barra-institucional ul li:last-child {
    margin-left: 1.5rem;
}

.barra-institucional .nav-barra-institucional ul li a.icon-before::before {
    content: "";
    position: absolute;
    background-image: url(../images/barra-institucional-globe.svg);
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    margin: 0 0 0 -2rem;
    transition: all 0.3s ease-out;
}


.barra-institucional .nav-barra-institucional ul li a:hover,
.barra-institucional .dashboards ul li a:hover {
    text-decoration: none;
    color: #74DDFB;
}
/*
.barra-institucional .nav-barra-institucional ul li:hover a:after {
    transform: rotate(180deg);
    transition: all 0.3s ease-out;
}
*/

.barra-institucional .sub-nav {
    background-color: #FFFFFF;
    border-radius: 4px;
    padding: 1rem;
    display: none;
    left: auto;
    position: absolute;
    list-style: none;
    z-index: 1000;
    width: fit-content;
    margin-top: 1rem;
    box-shadow: 0 3px 6px #00000030;
}


.barra-institucional .dashboard .sub-nav {
    margin: 10px -80px;
}

.barra-institucional .sub-nav .arrow-top {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    top: -0.4rem;
    left: 10%;
    border-width: 0 5px 5px;
    border-bottom-color: #FFFFFF;
}

.barra-institucional .dashboard .sub-nav .arrow-top {
    left: 80%;
}

.barra-institucional .sub-nav ul li,
.barra-institucional .dashboard .sub-nav ul li {
    display: list-item!important;
    padding: 1rem 0 1rem 0;
    border-bottom: solid 1px #E8E8E8;
    width: 100%;
}

.barra-institucional .sub-nav ul li:last-child {
    border-bottom: none!important;
    margin: 0!important;
}

.barra-institucional .sub-nav ul li a {
    font-family: inherit;
    font-size: 1.2rem;
    color: #005187;
    font-weight: 400;
}

.barra-institucional .sub-nav ul li a::after {
    background-image: none;
}

.barra-institucional .accessibility {
    margin: 0 7% 0 7%;
}

.barra-institucional .accessibility ul li {
    list-style: none;
    display: inline-block;
    cursor: pointer; 
    margin: 0 0.5rem 0 0.5rem!important;
}

.barra-institucional .accessibility ul li:nth-child(1) img {
    width: 14px;
    height: 12px;
}
.barra-institucional .accessibility ul li:nth-child(2) img {
    width: 16px;
    height: 12px;
}

.barra-institucional .dashboard {
    background-color: #ca4c40;
    /*border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;*/
    /*position: absolute;
    right: 15%;*/
}

.barra-institucional .dashboard .sub-nav ul li a {
    color: #ca4c40;
    margin: 0 1rem 0 1rem;
}

.barra-institucional .dashboard ul li {
    list-style: none;
    display: inline-block;
    cursor: pointer;
    padding: 1rem;
}

.barra-institucional .dashboard ul li a.icon-before::before {
    content: "";
    position: absolute;
    background-image: url(../images/barra-institucional-icon-dashboards.svg);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin: -0.3rem 0 0 -3rem;
    transition: all 0.3s ease-out;
}

.barra-institucional .dashboard ul li a {
    color: #FFFFFF;
    font-family: inherit;
    font-size: 1.3rem;
    font-weight: 700;
    text-decoration: none;
    margin: 0 0 0 3rem;
    transition: all 0.3s ease-out;
}

.barra-institucional .dashboard a:hover,
.barra-institucional .dashboard a:focus,
.barra-institucional .dashboard .sub-nav ul li a:hover,
.barra-institucional .dashboard .sub-nav ul li a:focus {
    color: #e4a59f;
}

.barra-institucional .nav-barra-institucional ul li:nth-child(5) {
    display: none;
}

.mobile {
    display: none;
}


.mobile .sub-nav {
    overflow-y: scroll;
}

.mobile .sub-nav .header-sub-nav {
    display: flex;
    justify-content: space-between;
}

.mobile .sub-nav .header-sub-nav h1 {
    font-family: inherit;
    font-size: 1.3rem;
    color: #005187;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}

.mobile .sub-nav .header-sub-nav img.toggle {
    width: 1rem;
}

.mobile .sub-nav .sub-nav-item {
    margin: 1rem 0 0 0;
}

.mobile .sub-nav .sub-nav-item ul li a {
    margin: 0;
    color: #005187;
    font-weight: 700;
}

.mobile .accordion {
    transition: all 0.3s ease-out;
}

.mobile .panel {
    display: none;
}

.mobile .panel ul li {
    margin: 0;
}

.mobile .panel ul li a {
    font-weight: normal!important;
}


@media (max-width:1200px) {
    .barra-institucional .nav-barra-institucional ul li:nth-child(4),
    .barra-institucional .nav-barra-institucional ul li:nth-child(6),
    .barra-institucional .nav-barra-institucional ul li:nth-child(7),
    .barra-institucional .nav-barra-institucional ul li:nth-child(8),
    .barra-institucional .nav-barra-institucional ul li:nth-child(9) {
        display: none;
    }
    .barra-institucional .nav-barra-institucional ul li:nth-child(5) {
        display: inline-block;
    }
    .barra-institucional .accessibility {
        margin: 0 15% 0 15%!important;
    }
}


@media (max-width: 867px) {
    .barra-institucional .accessibility {
        margin: 0 10% 0 10%!important;
    }
}

@media (max-width: 768px) {
    .desktop {
        display: none;
    }
    .mobile {
        display: block;
    }
    .mobile .dashboard ul li a.icon-before::before {
        margin: -0.3rem 0 0 -2.5rem;
    }
    .mobile .dashboard .sub-nav {
        left: 0;
        width: 50%!important;
        margin: 2.3rem 0 0 0;
    }
    .mobile .sub-nav {
        left: 0;
        width: 50%!important;
        margin: 1rem 0 0 0;
        height: 100vh;
    }
    .barra-institucional .row {
        justify-content: unset;
    }
    .mobile .nav-barra-institucional {
        width: 50%;
    }
    .mobile .accessibility {
        width: 40%;
    }
}

/* Contrast */

.contrast,
.contrast nav,
.contrast li,
.contrast ol,
.contrast header,
.contrast footer,
.contrast section,
.contrast main,
.contrast aside,
.contrast article,
.contrast div:not(.slide_carousel_img) {
    background: black !important;
    color: white !important;
}

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

.contrast a {
    color: yellow !important;
    background: none !important;
}

.contrast span {
    background: none !important;
}

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