<!-- @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700'); -->
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url('/site/midia_din/css/estilo615.css');

html {box-sizing: border-box;font-family:"Roboto", sans-serif;}
*, *:before, *:after {box-sizing: inherit;}

body {
 font-family:"Roboto", sans-serif !important;
}

p, 
ul {
 font-size: 1rem;
 color: #4d4d4d;
}

a {
 color: #0056b2;
}

a.nav-item.item-menu {
 color: var(--color-1);
}

#menu2 > a.active {
 font-weight: 700;
 color: var(--color-1);
} 

#menu2 > a.active:after {
  content: none;
}

nav.breadcumb {
 margin-top: 2rem;
}

.breadcrumb.bread-resp {
 border-bottom: 1px solid #e9ecef;
 background-color: var(--color-1);
 padding: 0.75rem 0;
 border-radius: 0;
}

.breadcrumb.bread-resp > .container {
 padding: 0;
}

.breadcrumb-separator {
 padding: 0 0.5em;
 color: #999;
}
 
section {
 padding: 3rem 0;
 min-height: 100vh; 
 //align-content: center;
}

section.blue {
 background-color: var(--color-institucional-blue);
 padding: 8rem 0;
}

section.blue * h2 {
 color: var(--color-1);
}

section.blue.margin {
 padding-top: 12rem;
}

section.blue.small {
 padding: 3rem 0;
}

section.small {
 min-height: 50vh;
 padding: 8rem 0 4rem;
}

section.large {
 padding: 11rem 0;
}

section#rd-section-k8hluh9z {
 min-height: max-content;
}

.col-sm-12.news {
 margin-top: 6rem;
}

.row.line {
 border-radius: 5px;
 border: 1px solid rgba(0,0,0,.125);
 padding: 2rem 1rem;
 margin: 0 0.5rem;
 align-items: center;
}

a.title-white, p.title-white {
 color: #2b5daa;
 font-weight: 500;
 background-color: #ffffff;
 padding: 1rem;
 border-radius: 0 0 5px 5px;
}

p.title-white.destaque {
 padding: 1.1rem 1rem;
}

a.title-white.new {
 border-radius: 5px;
 display: flex;
}

ul.item {
 padding: 0 1rem;
 transition: .3s;
}

ul.item:hover {
 transform: scale(1.02);
 transition: .3s;
}

ul.item > li {
 list-style: none;
}

.col-sm-6.opc {
 transition: .3s;
}

.col-sm-6.opc:hover {
 transform: scale(1.02);
 transition: .3s;
}

.navbar {
 background-color: var(--color-institucional-blue);
 padding: 2rem 0;
 box-shadow: 1px 1px 14px 0px #1b3b6dba;
}

.navbar-nav#menu2 {
  gap: 2rem;
  justify-content: space-between;
  width: 100%;
}

h1 {
 font-size: 2.7rem;
 font-weight: 700;
}

h2 {
 font-size: 2.5rem;
 font-weight: 700;
 font-style: italic;
 color: var(--color-institucional-blue);
}

h2.subtitle {
 font-size: 1.7rem;
 font-weight: 700;
 font-style: normal;
 color: var(--color-institucional-blue);
 line-height: 1;
 margin-bottom: 2rem;
}

h2.subtitle.small {
 font-size: 1.2rem;
 line-height: 1;
 margin: 0 0 1rem 1.5rem;
}

h2.subtitle.large {
 font-size: 2rem;
}

h2.subtitle.area {
 margin: 3rem 0 1.5rem 1.5rem;
 font-size: 1.5rem;
}

h3 {
 font-size: 2rem;
 //margin-top: 2rem;
}

h3.subtitle-program {
 font-size: 1.2rem;
 margin: 2rem 0 0.5rem 1.5rem;
 color: #1e427a;
 font-weight: 500;
}

h4 {
 font-size: 1.1rem;
}

.card > h4 {
 font-size: 1.4rem;
}

hr.line {
 margin-left: 1.5rem;
}

.col-sm-5.col-subtitle {
 //justify-content: center;
 display: flex;
 align-items: center;
 //padding: 2rem 0;
 margin: 1rem 0;
}

a.link.contact {
 font-size: 1rem;
 //padding: 1rem;
 display: grid;
}

.links-contact {
 margin-top: 2rem;
}

p.white,
ul.white {
 color: var(--color-1);
}

span.red, span.blue, span.white, span.black {
 font-size: 2.5rem;
 font-weight: 700;
 line-height: 1.35;
 font-style: italic;
 margin: 2rem 0;
}

span.red {
 color: var(--color-1);
 background-color: var(--color-institucional-red);
 padding: 0 1rem;
 align-items: center;
 display: flex;
 margin: 0;
} 

span.blue {
 color: var(--color-institucional-blue);
 font-style: normal;
}

span.blue.big {
 font-size: 3rem;
 display: flex;
 align-content: center;
}

span.white {
 color: var(--color-1);
 margin: 2rem 0;
 display: flex;
}

.col-sm-6.anim-text {
 display: flex;
 align-items: center;
}

p.anim {
 font-size: 3rem !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;
 color: #FFF;
}

hr.blue {
 background-color: var(--color-institucional-blue);
}

.wrapper-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.card {
 border-radius: 5px;
 padding: 2rem;
 margin: .6rem;
 flex: 1 1 350px;
}

.card.inova {
 padding: 0;
}

.card-header {
 background: #2b5daa;
}

.card-header.inova {
 padding: 1.5rem;
}

.card-body.inova {
 padding: 2rem;
}

.card.rounded {
 border-radius: .5rem !important;
 padding: 0;
 margin: 1rem 0;
}

.card.rounded:hover {
 background-color: #f7f7f7;
 font-weight: 500;
}

.card.rounded > p {
 margin: 0;
}

.card-rounded * .img-fluid.star {
 padding-right: 1rem;
}

.img-fluid {
 border-radius: 5px;
}

.img-fluid.star {
 width: 64px;
 padding-right: 1rem;
 border-radius: 5px 0 0 5px;
}

.img-fluid.logo.bg {
 background-color: var(--color-institucional-blue);
}

a.btn-primary {
 border: none;
 display: flex;
 width: 100%;
 border-radius: 5px;
 justify-content: center;
 margin: 1rem 0;
 padding: .5rem 0;
}

a.btn-primary:hover {
 transform: scale(1.05);
 transition: .3s;
 text-decoration: none;
}

a.btn-primary.blue {
 background-color: var(--color-institucional-blue);
 color: var(--color-1);
}

a.btn-primary.blue:hover {
 background-color: #0b3f82;
 color: var(--color-1);
}

a.btn-primary.red {
 background-color: var(--color-institucional-red);
 color: var(--color-1);
}

a.btn-primary.red:hover {
 background-color: #cf2b3b;
 color: var(--color-1);
}

a.btn-secondary {
 display: flex;
 width: 100%;
 border-radius: 5px;
 justify-content: center;
 margin: 1rem 0;
 padding: 1rem 0;
 background-color: var(--color-1);
 font-weight: 500;
 font-size: 1rem;
 transition: .3s;
}

a.btn-secondary.white {
 border: 1px solid #ffffff;
 color: #ffffff;
 transition: .3s;
 background: none;
}

a.btn-secondary.white:hover {
 background-color: none;
 transform: scale(1.05);
 transition: .3s;
}

a.btn-secondary.blue {
 padding: 0.2rem 0;
 border-radius: 30px;
 border: 1px solid #2b5daa40;;
 color: var(--color-institucional-blue);
}

a.btn-secondary.red {
 border: 1px solid var(--color-institucional-red);
 color: var(--color-institucional-red);
}

a.btn-secondary.red:hover {
 background-color: var(--color-institucional-red);
 color: var(--color-1);
}

.img-fluid.logo {
 width: 80%;
}

.col-sm-5.margin {
 margin: 3rem 0 1rem;
}

.accordion {
 background-color: var(--color-secondary-red);
 color: var(--color-1);
 cursor: pointer;
 padding: 0.7rem 0 0.7rem 2rem;
 width: 100%;
 text-align: left;
 outline: none;
 font-size: 1rem;
 transition: .3s;
 border: 3px solid var(--color-secondary-red);
 border-bottom-width: 1px;
 font-weight: normal;
 margin-top: 15px;
 border-radius: 4px;
 font-weight: 500;
}

.accordion:after {
 font-family: 'Font Awesome 5 Free';
 content: "\f078";
 color: var(--color-1);
 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: #f7f3f3;
 max-height: 0;
 overflow: hidden;
 transition: max-height 0.2s ease-out;
 border-top: 0;
 border-radius: 0 0 5px 5px;
}

.panel p {
 padding-left: 1rem;
}

ul.itens-list {
 padding: 0; 
 border: 1px solid #eaeaea;
 border-radius: 10px;
}

ul.itens-list > li {
 list-style: none;
 padding: 1rem;
 //border-radius: 10px;
}

ul.itens-list > li:first-child {
 border-radius: 10px 10px 0 0;
} 

ul.itens-list > li:nth-child(odd){
 background-color: #eaeaea91;
}

.carousel {
  position: relative;
  border: 1px solid #fffe;
  padding: 3rem 2rem;
  box-shadow: 16px 16px 0 0 #ffffff;
  border-radius: 5px;
}

.carousel-inner {
 //border: 1px solid #cecece;
 //padding: 3rem 2rem;
 height: 100%;
 //border-radius: 5px;
 //box-shadow: 16px 16px 0 0 #ffffff;
}

.carousel-indicators li {
 width: 12px;
 height: 12px;
 border-radius: 40%;
}

.map-responsive {
 overflow: hidden;
 position: relative;
 height: 0;
 padding-bottom: 56.25%;
}

.map-responsive iframe {
 left: 0;
 top: 0;
 height: 100%;
 width: 100%;
 position: absolute;
}

.wrapper-grid {
 display: grid;
 grid-template-columns: 1fr 1fr 1fr;
 padding: 0 1rem;
 margin-top: 1.5rem !important;
 gap: 1rem;
}

footer {
 background-color: var(--color-institucional-blue);
 padding: 1rem;
}

footer * p {
  color: var(--color-1);
  margin: 0;
}

footer.white {
 background: var(--color-1);
 padding: 4rem 0;
}

.img-fluid.star {
  width: 100%;
 }

.min-height-138 {
 min-height: 138px;
}

@font-face {
  font-family: 'Roboto Regular';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'),
    url('/site/midia/arquivos/roboto-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto Medium';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'),
    url('/site/midia/arquivos/roboto-medium.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto Bold';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'),
    url('/site/midia/arquivos/roboto-bold.woff2') format('woff2');
}

@media (max-width: 400px) {
 .sm-grid-cols-1 {
  grid-template-columns: 1fr;
 }
}

@media (min-width: 401px) and (max-width: 576px){
 .mb-grid-cols-2 {
  grid-template-columns: 1fr 1fr;
 }
}

@media (min-width: 0) and (max-width: 575.98px) {
 .navbar {
   padding: 1rem;
 }

 span.blue.big {
  margin: 0;
 }

 h1 {
  font-size: 2rem;
 }

 h2.subtitle.large {
  font-size: 1.8rem
 }

 h2.subtitle {
  font-size: 1.6rem;
 }

 h2.subtitle.area {
  font-size: 1.6rem;
 }

 h3 {
  font-size: 1.6rem;
 }

 .carousel-inner {
  height: 100%;
  box-shadow: none;
 }

 p.anim, .span-anim {
  font-size: 2rem !important;
 }
}

@media (min-width: 576px) and (max-width: 767px) {
 .navbar-nav#menu2 {
  gap: .7rem;
 }

 .sm {
  flex: 1 1 auto;
  max-width: 100%;
 }

 .carousel-inner {
  box-shadow: none;
  height: 100%;
 }

 .row.line, .row.grid {
  display: grid;
 }

 .full, .col-sm-7.full {
  display: grid;
  max-width: 100%;
 }

  p.anim, .span-anim {
  font-size: 1.6rem !important;
 }
}

@media (min-width: 768px) and (max-width: 991px) {
 .sm {
  flex: 1 1 auto;
  max-width: 100%;
 }

 .carousel-inner {
  box-shadow: none;
  //height: 900px;
 }

 p.anim, .span-anim {
  font-size: 1.8rem !important;
 }

 .img-fluid.star {
  width: 70%;
 }

 .col-sm-5.sm {
  text-align: center;
 }
}

@media (min-width: 992px) and (max-width: 1200px) {
 p.anim, .span-anim {
  font-size: 2.8rem !important;
 }

 .img-fluid.star {
  width: 100%;
 }
}