@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css");



@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: normal;
  src: local('Roboto'),
    url('/site/midia/arquivos/roboto-regular.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto'),
    url('/site/midia/arquivos/roboto-medium.woff2') format('woff2');
  font-display: swap;
}


html {box-sizing: border-box;font-family:"Roboto", sans-serif; }
*, *:before, *:after {box-sizing: inherit;}



body {
  font-family:"Roboto", sans-serif;
}
.text-white{
color:white;
}
p.txt-av{
  margin-bottom:5px;
}
.note-scale{
color: #000000a3;
font-size: 12px;
}
p.nota{
background: white;
color: black;
padding: 10px;
border-radius: 5px;
width: 100%;
margin-bottom: 5px;
}
.box-processos{
padding: 10px;
background: #80808021;
border-radius: 10px;
}

span.txt-av {
 padding-top: 1rem;
 padding-bottom: .4rem;
}
h4.mb-0{
  margin-bottom:8px !important;
}
.btn-revista{
background: #3ea0d0;
color: white;
padding: 10px;
text-align: center;
display: block;
border-radius: 10px;
margin: auto;
}
.btn-revista:hover{
  text-decoration:nome !important;
  color: white !important;
}

.ling{
 display: flex;
 justify-content: center;
 align-items: center;
 padding: 10px;
 color: white;
 //background: gray;
 margin-bottom: 25px;
 border-radius: 5px;
 box-shadow: 2px 3px 5px #40404099;
 border: 1px solid #8a8a8a;
 transition: .3s;
}

.ling:hover{
 color: white;
 transform: scale(1.02);
 transition: .3s;
 text-decoration: none;
}

.scroll-panel{
 overflow-y: scroll !important;
}

#links a {
 font-size: 10px;
 color: #333;
}

#links{
 box-shadow: 2px 3px 5px #dddddd8c;
 border-radius:0px 0px 5px 5px;
}



.procces{
  display: flex;
  flex-direction: column;
}

.order-1{
  order: 1;
}
.order-2{
  order: 2;
}
.order-3{
  order: 3;
}
.order-4{
  order: 4;
}
.order-5{
  order: 5;
}

.event-link{
 margin: 10px;
 line-height: 1rem;
}

.item-title{
font-size: 11px;
margin: 0px 10px;
}

p.item-title > b {
 text-transform: uppercase;
 font-size: 10px;
}

.date-tittle{
display: block;
background: #80808059;
text-align: center;
}

.menu-agenda-title{
 background: #5c5c5c;
 padding: 10px;
 color: white;
 font-size: .96rem;
 font-weight: 400;
 text-align: center;
 margin-top: 10px;
 border-radius: 5px 5px 0px 0px;
}

.page{
background: white;
padding: 20px;
border-radius: 0px 10px 10px 10px;
box-shadow: 2px 3px 5px #dddddd8c;
}

.page-inactive{
display:none;
}
.page-buttons{
display: flex;
justify-content: start;
flex-wrap: wrap-reverse;
}
.page-button{
padding: 16px;
margin-right: 5px;
background: white;
display: flex;
justify-content: end;
flex-direction: column;
height: min-content;
cursor: pointer;
box-shadow: 4px -2px 2px #00000017;
border-radius: 10px 10px 0px 0px;
margin-bottom: 0pc !important;
margin-top:0pc !important;
}
.page-button-inactive{
transition: .5s;
background: #e8e8e8;
}

.btn-second {
 text-align: center;
 display: block;
 width: 100%;
 color: #286cb3 !important;
 font-weight: 500;
 padding: 10px;
 border: 1px solid #2f77c1;
 margin-top: 10px;
 border-radius: 5px;
 box-shadow: 2px 2px 4px #18426229;
 transition: .3s;
}

.btn-second:hover {
 background-color: #2f77c1;
 color: #ffffff !important;
 transition: .3s;
 text-decoration: none;
}

.bolsa-dir{
 text-align: center;
 background: #bb5252;
 width: 100%;
 flex: 1;
 display: block;
 margin-top: 10px;
 color: white;
 border-radius: 5px;
 padding: 10px;
 box-shadow: 2px 2px 4px #dddddd;
 transition: .3s;
} 

.bolsa-dir:hover {
 transform: scale(1.02);
 transition: .3s;
 text-decoration: none;
}

.box-avaliacao{
background: #5c5c5c;
margin-top: 10px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 5px;
text-align: center;
color: white;
border-radius: 5px;
}
.box-redes{
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  background-color: #5c5c5c;
  padding: 10px;
  border-radius: 5px;
  margin-top: 5px;
}
p,
a,
ul,
li {
 font-size: .96rem;
}

p, li {
 color: #2a2a2a;
}

a:not([class]) {
  color: #0d61ab;
  text-decoration: underline;
}

a:hover,
a:focus {
  text-decoration: none;
}

.max-w-32{
  max-width: 32px !important;
}
ul.menu {
 list-style: none;
}

section {
 margin: 3rem;
}

h1 {
 color: #FFFFFF;
 font-weight: bold;
 font-size: 2rem;
 margin: 0;
 line-height: 1.8rem !important;
}

h2 {
 font-size: 1.5rem;
 color: #2f77c1;
 font-weight: 600;
}

h3, h4.subtitle {
 font-size: 1.3rem;
 color: #1a518b;
 margin-top: 2rem;
}

h3.subtitle-year {
 font-size: 1.2rem
}

h4.subtitle {
 font-weight: 600;
 font-size: 1.2rem;
 margin-bottom: 0.2rem;;
}

h4 {
 font-size: 1.1rem;
 color: #0d253e;
 font-weight: 400;
 margin-bottom: 1.4rem;
}

h4.panel-title {
 color: #0d253e;
 padding: 0 1rem;
 font-size: 1.05rem;
}

h5 {
 font-size: 1.05rem;
}

a.link-stricto {
 text-decoration: none;
 color: #FFFFFF;
 font-weight: bold;
 font-size: 2rem;
 margin: 0;
}

#navbarStrictoSensu{
 padding: 1.3rem;
 background-color: #BB5252;
}

.navbar.nav2 {
 padding: 0 !important;
 //background-color: #5c5c5c;
 border-radius: 10px;
}

.navbar-expand-sm .navbar-nav {
 flex-direction: column !important;
 height: 100%;
 padding: 1rem !important;
 list-style: none;
 background-color: #5c5c5c;
 border-radius: 5px;
 z-index: 3;
}
.navbar-expand-sm>.container, .navbar-expand-sm>.container-fluid {
 padding: 0;
}

.col-sm-3.sidenav {
 margin: 2rem 0;
}

a.navbar-nav-button {
 display: flex;
 padding: 1rem;
 //background-color: #c5c5c5;
 border: 1px solid #cbcbcb;
 color: #ffffff;
 font-weight: 500;
 border-radius: 5px;
 box-shadow: 2px 3px 5px #40404099;
 text-align: center;
 margin-bottom: .8rem;
 justify-content: center;
 width:100%;
 transition: .3s;
 text-decoration: none;
}

a.navbar-nav-button:hover, a.btn-secondary-menu:hover {
 transform: scale(1.02);
 transition: .3s;
}

ul.sidenav {
 height: 100%;
 padding: 2rem;
 list-style: none;
 background-color: #5c5c5c;
 border-radius: 10px;
}

li.sidenav-item, .nav-item.item-menu, a.active  {
 padding: .7rem 0;
 border-bottom: 1px solid #6a6a6a;
}

a.nav-item.item-menu {
 color: #dddada;
 font-weight: 400;
}

a.nav-item.item-menu:hover, a.active {
 color: #ffffff;
 text-decoration: none;
}

a.active {
 font-weight: 500;
}
 
.nav-item.item-menu:last-child {
 border-bottom: none;
}


.col-sm-6.content, .col-sm-9.content {
 background-color: #f5f5f5;
 border-radius: 5px;
 margin: 2rem 0;
 position: relative;
}

.col-sm-2.secondary-menu {
 background-color: #f5f5f5;
 border-radius: 5px;
 margin: 2rem 1rem;
 position: relative;
}

.secondary-menu-agenda {
 border-radius: 10px;
 background-color: #ffffff;
 padding: 0 0 2rem;
}

li.menu-agenda-title {
 list-style: none;
 font-weight: 500;
 color: #2d6680;
 padding: 1rem 0;
}

a.btn-secondary-menu {
 display: flex;
 padding: 1rem;
 background-color: #347d94;
 color: #ffffff;
 font-weight: 400;
 border-radius: 10px;
 box-shadow: 2px 3px 6px 0px #cbcbcbf7;
 text-align: center;
 margin: 1rem 0.5rem;
 justify-content: center;
}

/* CAROUSEL */
ol.carousel-indicators {
 //padding: 1rem;
 bottom: 15px;
}

.carousel-indicators li {
 height: 5px;
}

button.carousel-control-next, button.carousel-control-prev {
 border: none;
 background-color: transparent;
}

/* ACCORDION */
.accordion {
 background-color: #a5b5c5;
 color: #171f27;
 cursor: pointer;
 padding: 0.7rem 0 0.7rem 2rem;
 width: 100%;
 /*border: none;*/
 text-align: left;
 outline: none;
 font-size: 1rem;
 transition: .3s;
 border: 3px solid #a5b5c5;
 border-bottom-width: 1px;
 font-weight: normal;
 margin-top: 15px;
 border-radius: 5px;
 font-weight: 500;
 display: grid;
 grid-template-columns: 19fr 1fr;
 align-items: center;
 gap: 3rem;
}

.accordion:after {
 font-family: 'Font Awesome 5 Free';
 content: "\f078";
 color: #171f27;
 font-weight: bold;
 float: right;
 margin-right: 17px;
}

.active:after {
 font-family: 'Font Awesome 5 Free';
 content: "\f077";
}

.acc2:after{
 margin-right: 17px !important;
 margin-left: -23px !important;
 margin-top: -10px;
}

.panel {
 padding: 0 18px;
 background-color: #fffbfb;
 max-height: 0;
 overflow: hidden;
 transition: max-height 0.2s ease-out;
 /* border: 2px solid #f4e4e4; */
 border-top: 0;
 box-shadow: 2px 3px 5px #dddddd8c;
 border-radius: 0 0 5px 5px;
}

.panel p{
 margin: 25px;
 font-size: .96rem !important;
 color: #2a2a2a;
}

.panel a, .panel a:hover {
 font-size: .96rem!important;
}

.panel ul{
 margin-top: 25px;
 margin-bottom: 25px;
}

.box-info {
 background-color: #eaeaea;
 border-radius: 5px;
 padding: 2rem;
}

a.box-button {
 display: flex;
 padding: 1rem 1rem 1rem 2rem;
 background-color: #bb5252;
 color: #ffffff;
 font-weight: 500;
 border-radius: 5px;
 box-shadow: 1px 1px 2px 0 #a7a9ad;
 justify-content: center;
}

a.box-button:hover {
 display: flex;
 padding: 1rem 1rem 1rem 2rem;
 background-color: #a64848;
 color: #FFFFFF;
 transition: .3s;
 transform: scale(1.03);
}

a.bt-secondary {
 background-color: #357c93;
 color: #ffffff;
 display: flex;
 justify-content: center;
 padding: 1rem;
 border-radius: 10px;
 font-weight: 500;
}

a.bt-secondary:hover {
 transform: scale(1.05);
 background-color: #296173;
 transition: 0.3s;
}

div#year.font-weight-bold.text-primary {
 font-weight: bold;
 font-size: 1.2rem;
 color: #22578e !important;
 margin: 1.4rem 0 .5rem;
}

div.label.fw-bolder {
 font-size: .96rem;
}

div.label.font-weight-bolder.autor, div#autor {
 font-size: .96rem;
}

div.label.fw-bolder {
 font-weight: bold;
}

.col-sm-5.borda {
 border-left: 1px solid #cecece;
}

.btn-group {
 display: flex;
 flex-wrap: wrap;
}

button.btn-secondary.dropdown-toggle,
button.btn-secondary.dropdown-toggle:focus
button.btn-secondary.dropdown-toggle:active {
 background-color: #5c5c5c;
 border-color: #999999;
 padding: .75rem;
 transition: .3s;
}

button.btn-secondary.dropdown-toggle:hover {
 border-color: #FFFFFF;
}

#btnGroupLanguage {
 font-size: .95rem;
}

.dropdown-menu {
 border: 1px solid #cecece;
 min-width: 100%;
}

.dropdown-menu.show {
 width: 100%; 
 border-radius: 0 0 .25rem .25rem;
}

.dropdown-item {
 display: flex;
 justify-content: center;
}

.dropdown-toggle::after {
 vertical-align: middle;
}

ul.no-style {
 list-style: none;
 padding: 0 0 0 1rem;
}

@media (min-width: 0) and (max-width: 575px) {
  h1, a.link-stricto {
   font-size: 1.5rem;
  } 

  a.link-stricto:hover {
   font-size: 1.5rem;
 }

 section {
  margin: 3rem 1rem;
 }

 .col-sm-3.sidenav {
   padding: 0;
   margin: 0;
  }

 ul {
  padding: 0 1.5rem;
 }

 .accordion {
  gap: 2rem;
 }

 .navbar.nav2 {
   border-radius: 0 0 0 0;
   padding: 1rem !important;
   background-color: #5c5c5c;
  }

 .col-sm-6.content {
   margin: 0;
  }

 .col-sm-9.content {
   margin: 0;
  }

 ul.sidenav {
  border-radius: 0 0 10px 10px;
 }

 .col-sm-2.secondary-menu {
  padding: 0 1rem 1rem;
 }
}

@media (min-width: 576px) and (max-width: 767px) {
  h1, a.link-stricto {
   font-size: 1.8rem;
  } 

  a.link-stricto:hover {
   font-size: 1.8rem;
  }

  .col-sm-3.sidenav {
    padding: 0;
  }

 .navbar-expand-sm .navbar-nav {
   padding: 0;
 }

 .collapse:not(.show) {
   display: none;
 }

 .accordion {
  display: grid;
  grid-template-columns: 8fr 1fr;
  align-items: center;
  gap: 1rem;
 }
}

@media (min-width: 768px) and (max-width: 991px) {
 h1, a.link-stricto {
 font-size: 2rem;
 } 

a.link-stricto:hover {
  font-size: 2rem;
 }
}


@media screen and (min-width: 992px) and (max-width: 1199px) {

}