/* barra integradora */
.barra-sistemica{position: relative;display: block;z-index: 2;background: #fff;background: #fff linear-gradient(180deg, #00000000 0%, #00000000 85%, #0000000F 100%);height: 35px;}
.barra-sistemica__nav{display: flex;flex-wrap:nowrap;justify-content: space-between;max-width: 1160px;margin: 0 auto;}
.barra-sistemica__items{display: flex;align-items: center;justify-content: center;margin: 0 15px;}
.barra-sistemica__item{height: 35px;display: flex;align-items: center;justify-content: center;padding: 0 10px;}
.barra-sistemica__item svg{display: block;height: 12px;width: auto;padding: 0 5px;}
.barra-sistemica__item svg path{fill: #B1B3BE;}
.barra-sistemica__item:hover{background:#B2C0D2}
.barra-sistemica__item:hover path{fill: #fff}
.barra-sistemica__item.active{background: #B2C0D2}
.barra-sistemica__item.active path{fill: #fff}
.barra-sistemica__links{display: flex;align-items: center;flex-wrap: wrap;row-gap: 12px;justify-content: center;}
.barra-sistemica__links a{padding: 0 10px;color: #b1b3be;font-family: 'Open Sans',sans-serif;font-size: 12px;border-right: 1px solid #b1b3be;height: auto;text-decoration: none;}
.barra-sistemica__links a:hover{text-decoration: underline;background: transparent;}
.barra-sistemica__links a:last-child{border-right: none}
@media only screen and (max-width: 768px) {
    .barra-sistemica{height: auto;}
    .barra-sistemica__nav{flex-direction: column;gap: 5px;padding: 0px 10px 10px 10px;}
    .barra-sistemica__items{justify-content: space-between;max-width: 360px;margin: 0 auto;}
    .barra-sistemica__item{height: 30px;padding: 0;}
    .barra-sistemica__item svg{height: 10px}
    .barra-sistemica__links{text-align: center;margin: 0 auto;}
    .barra-sistemica__links a{font-size: 10px;height: 10px;}
}
/* end barra integradora */