@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');

:root {
  --color-0: #000000;
  --color-1: #2C302E;
  --color-2: #414042;
  --color-3: #696B6A;
  --color-4: #FBFBFB;
  --color-5: #8E1621;
  --color-6: #B41A29;
  --color-7: #DA2032;
  --color-8: #F12034;
  --color-9: #002946;
  --color-10: #0062A7;
  --color-11: #008EE6;
  --color-12: #009DFF;
  --color-13: #FFFFFF;
  --no-margin: 0;
}

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

p,
a,
ul,
li {
 font-size: 1rem;
 color: var(--color-3);
}

p {
 line-height: 1.4;
}

a {
 text-decoration: none;
}

header {
 padding: 2.5rem;
}

header.red {
 background-color: var(--color-5);
}

header.blue {
 background-color: var(--color-9);
}

.line-itens {
 border-left: 1px solid #c3c3c370;
 padding-left: 1rem;
 margin-left: 2rem;
}

span.date-detail {
 font-style: italic;
}

#menu2 a {
 color: var(--color-4);
 display: inline-block;
 text-decoration: none;
 font-size: 1rem;
 position: relative;;
}

#menu2 a:after {
 content: "";
 display: block;
 height: 1px;
 width: 0;
 background: #ffffff;
 margin-top: 2px;
 transition: 0.3s;
 position: absolute;
}

#menu2 a:hover:after {
  width: 100%;
}

a.active {
 color: var(--color-13);
 font-weight: 700;
}

.navbar.nav2 {
 background-color: var(--color-2);
 padding: 1.2rem;
 box-shadow: 3px 3px 4px 0 #4f4f4f42;
}

.navbar-expand-sm .navbar-collapse {
 justify-content: start;
}

.navbar-expand-sm .navbar-nav {
 gap: 6rem;
}

a.nav-item.item-menu:hover {
 color: #dddddd;
 transition: 0.3s;
}

nav.breadcumb {
 margin-top: 4rem;
}

h1 {
 font-size: 2rem;
 color: var(--color-13);
 font-weight: 400;
 line-height: 1.05;
}

span.title-header {
 color: var(--color-4);
 font-size: 2.5rem;
 font-weight: 500;
}

.span-section {
 color: var(--color-0);
 font-size: 2rem;
}

span.numbers {
 font-size: 3rem;
 font-weight: 700;
}

span.numbers.blue {
 color: var(--color-12);
}

p.text-section {
 margin: 1.5rem 0;
}

.masthead {
 height: 10vh;
 min-height: 500px;
 background-size: cover;
 background-repeat: no-repeat;
}

.section {
 margin: 5rem 0;
}

.section.margin-small {
 margin: 3rem 0 5rem;
}

.breadcumb {
 margin-bottom: 3rem;
 background-color: #ECECEC;
 border-radius: 10px;
}

li.breadcrumb-item {
 font-weight: 500;
}

li.breadcrumb-item.active {
 font-weight: 400;
}

.span-anim {
 font-size: 4rem;
 line-height: 1.12;
}

p.anim {
 color: #234b97;
 font-size: 4rem !important;
 font-weight: bold;
 margin: var(--no-margin);
 line-height: 50px;
 animation: animtext 4s steps(80, end); 
 transition: all cubic-bezier(0.1, 0.7, 1.0, 0.1);
 overflow: hidden;
 line-height: 1.12;
}

p.anim span {
 color: #0d9fdf;
}

.carousel-inner {
 border-radius: 10px;
}

.carousel-indicators li {
 width: 10px;
 height: 10px;
 border-radius: 50%;
}

h2.title-section {
 font-size: 1.8rem;
 text-transform: uppercase;
 color: var(--color-0);
 font-weight: 700;
 position: relative;
}

h2.title-section::after {
 content:"";
 width: 75%;
 height: 1px;
 background-color: var(--color-3);
 position: absolute;
 top: 50%;
 left: 25%;
}

h2.title-section.sm {
 font-size: 1.3rem;
 margin: var(--no-margin);
}

h3.subtitle-section {
 font-size: 1.3rem;
 margin: 4rem 0 1rem;
}

h3.subtitle-section.sm {
 margin: 2rem 0 1rem;
}

h3.subtitle-section.large {
 font-size: 1.7rem;
 margin-top: 2rem;
}

h4.subtitle-table {
 font-size: 1.2rem;
 margin: 3rem 0 1rem;
}

h4.subtitle-table.sm {
 margin: 1rem 0;
}

h4.subtitle-table:first-child {
 margin: 0;
}

.section.gray {
 background-color: #2C302E;
 border: none;
 border-color: var(--color-13);
 box-shadow: inset 100px 0px 0 0 var(--color-13);
 padding: 5rem 0 4rem;
 border-radius: 10px 0 0 10px;
}

.section.gray.news {
 margin: 3rem 0 2rem;
}

.section.gray.extend {
 background-color: var(--color-1);
 padding: 5rem 0;
 box-shadow: none;
 border-radius: 0;
 margin: 0;
}

p.title-white, a.title-white {
 color: var(--color-4);
 background-color: #393939;
 border-radius: 0 0 10px 10px;
 font-weight: 300;
 padding: 1rem;
}

p.title-white:hover, a.title-white:hover {
 background-color: #464646;
}

a.title-white {
 display: inline-block;
 border-radius: 10px;
}

a.not-capa:hover {
 color: var(--color-13);
 transform: scale(1.05);
 transition: 0.3s;
}

.col-sm-6.opc:hover {
 transform: scale(1.05);
 transition: 0.3s;
}

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

ul.item:hover{
 transform: scale(1.05);
 transition: 0.3s;
}

.img-fluid.img-news {
 border-radius: 10px 10px 0 0;
}

a.btn-secondary {
 padding: 1rem;
 border-radius: 10px;
 display: flex;
 justify-content: center;
 background: none;
 margin: .5rem 0;
 font-weight: 500;
 align-items: center;
 transition: 200ms linear 0.4ms;
}

a.btn-secondary:hover {
 transition: 200ms linear 0.4ms;
}

a.btn-secondary.blue {
 color: var(--color-12);
 border: 1px solid var(--color-12);
}

a.btn-secondary.blue.large {
 padding: 3rem 0;
}

a.btn-secondary.blue:hover, a.btn-secondary:active {
 color: var(--color-4);
 background-color: var(--color-12);
 border: 1px solid var(--color-12);
}

ul.itens {
 list-style: none;
 padding: 0;
}

p.text-white, a.link.white {
 color: var(--color-4) !important;
}

a.link {
 font-weight: bold;
 text-decoration: underline;
 color: var(--color-10);
}

a.link:hover {
 color: #00518b;
}

a.link.white {
 font-weight: 400;
}

a.link.white:hover {
 font-weight: 500;
 text-decoration: none;
}

a.btn-link {
 border-radius: 10px;
 font-weight: 500;
 text-transform: uppercase;
 padding: 3rem 0;
 display: flex;
 justify-content: center;
 margin: var(--no-margin);
 align-items: center;
 box-shadow: 3px 3px 4px 0 #cececed1;
 transition: 0.3s;
}

a.btn-link:hover {
 transform: scale(1.10);
 transition: 0.3s;
}

a.btn-link.red {
 background-color: var(--color-6);
 color: var(--color-4);
}

a.btn-link.red:hover {
 background-color: var(--color-5);
 color: var(--color-4);
}

a.btn-link.red.sm {
 padding: .8rem 0;
}

.p-table {
 display: inline;
 color: var(--color-0);
}

.columns-2, .columns-3, .columns-4 {
  display: grid;
  gap: 1.5rem;
}

.columns-2  {
 grid-template-columns: 1fr 1fr;
 margin: 1.5rem 8rem 0;
 gap: 2rem;
}

.columns-3 {
 display: grid;
 grid-template-columns: 1fr 1fr 1fr;
 //margin: 1rem 0;
}

.columns-4 {
 grid-template-columns: 1fr 1fr 1fr 1fr;
}

#accordion {
  margin-top: 2rem;
}

#accordion #itens .card {
  margin-bottom: 15px;
  border: 0;
  border-radius: 10px;
  box-shadow: 3px 3px 4px 0 #cececed1;
}

#accordion #itens .card .card-header {
  border: 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
          box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

#accordion #itens .card .card-header .btn-header-link {
  color: #fff;
  display: block;
  text-align: left;
  background: var(--color-10);
  color: #FFFFFF;
  padding: 20px;
  font-size: 18px;
  font-weight: 400;
}

#accordion #itens .card .card-header .btn-header-link:after {
  content: "\f106";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  float: right;
}

#accordion #itens .card .card-header .btn-header-link.collapsed {
  background: var(--color-10);
  color: #FFFFFF;
  font-size: 18px;
}

#accordion #itens .card .card-header .btn-header-link.collapsed:after {
  content: "\f107";
}

#accordion #itens .card .collapsing {
  background: var(--color-4);
  line-height: 30px;
  /* padding: 20px; */
}

#accordion #itens .card .collapse {
  border: 0;
}

#accordion #itens .card .collapse.show {
  background: var(--color-4);
  line-height: 30px;
  color: #222;
  /* padding: 20px; */
  border-radius: 0 0 10px 10px;
}

footer {
 background-color: var(--color-9);
 padding: 3rem 0;
 margin: var(--no-margin);
}

footer.intern {
 padding: 2rem 0 1rem;
}

footer.intern.blue {
 background-color: #003a63;
}

p.text-white.footer {
 text-transform: uppercase;
 font-weight: 500;
 margin: var(--no-margin);
}

footer-text-intern {
 font-size: 1.1rem;
}

.embed-responsive {
 border-radius: 10px;
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}



@media (min-width: 0) and (max-width: 576px) {
 h1 {
  font-size: 1.6rem;
 }

 span.title-header {
  font-size: 2rem;
 }

 header {
  padding: 2.5rem 0;
 }

 .navbar-expand-sm .navbar-nav {
  gap: 1rem;
 }

 .masthead {
  height: 100vh;
 }

 .section.gray {
  box-shadow: none;
  border-radius: 0;
 }

 .span-anim, p.anim {
  font-size: 2.5rem !important;
  line-height: 1.1;
 }

 .columns-2, .columns-3, .columns-4 {
  grid-template-columns: 1fr;
 }

 .columns-2 {
  margin: var(--no-margin);
 }

 ul.item {
  padding-right: 1rem;
 }

 h2.title-section::after {
  visibility: hidden;
 }

 a.btn-link {
  tex-align: center;
 }

 a.btn-link:hover {
  transform: scale(1.0);
 }

 a.not-capa:hover {
 transform: scale(1.0);
 }
}

@media (min-width: 576.02px) and (max-width: 768px) {
 h1 {
  font-size: 2rem;
 }

 .nav-item.item-menu {
  padding: 0;
 }

 .navbar-expand-sm .navbar-nav {
  gap: 1rem;
 }

 .masthead {
   min-height: 500px;
 }

 .section.gray {
  box-shadow: none;
  border-radius: 0;
 }

 h2.title-section::after {
  visibility: hidden;
 }

 a.btn-link {
  padding: 2rem 1rem;
  align-items: center;
  text-align: center;
 }

  a.btn-link:hover {
  transform: scale(1.0);
 }

 .column {
  flex-direction: column;
 }

 .full {
  max-width: 100%;
 }
 
 p.anim, .span-anim {
  font-size: 2rem !important;
 }

 .columns-4, .columns-3 {
  grid-template-columns: 1fr;
 }
} 

@media (min-width: 768.02px) and (max-width: 992px) {
 .nav-item.item-menu {
  padding: 0;
 }

 .navbar-expand-sm .navbar-nav {
  gap: 2rem;
 }

 .masthead {
  min-height: 400px;
 }

 .section.gray {
  box-shadow: none;
  border-radius: 0;
 }

 h2.title-section::after {
  width: 75%;
  margin-left: 4rem;
 }
 
 a.btn-link {
  padding: 2rem 1rem;
  align-items: center;
  text-align: center;
 }

  p.anim, .span-anim {
  font-size: 2rem !important;
 }
}

@media (min-width: 992.02px) and (max-width: 1200px) {
 .section.gray {
  box-shadow: none;
  border-radius: 0;
 }

 .navbar-expand-sm .navbar-nav {
  gap: 4rem;
 }
}

@media (min-width: 1200.02px) and (max-width: 1400px) {
 .section.gray {
  box-shadow: none;
  border-radius: 0;
 }
}