@import url('https://fonts.googleapis.com/css2?family=Norican&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

* {
  box-sizing: border-box; 
}

html, body {
  margin: 0;
  position:relative;
  overflow-x:hidden;
  padding: 0;

}
.flex-1{
  flex: 1;
}
.panel-title{
  color: #1D366D;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 28px */
}
.fucs-selo-img{
  max-width: 220px;
  height: auto;
  width: 100%;
}
.accordion {
  display: flex;
  padding: 24px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  color: #1D366D;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  border-radius: 16px;
  background: #EBF0FA;
  border:none;
  transition: .2s;
  cursor:pointer;
}
.accordion-data{
  color: #1D366D;
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 22.4px */
}

.footer-ucs-image{
  max-height: 68px !important;
}
.b-radius-12{
  border-radius: 12px;
}
.accordion.active-acc{
  border-radius: 16px 16px 0px 0px;  
}
.highlights{
    padding: 44px 0px 112px 0px !important;
}
.accordion::after {
  content: '';
  display: inline-block;
  width: 32px;
  height: 32px;
  min-width:32px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTQuNTg4MyAyMS40MTIzQzE1LjM2OTUgMjIuMTkzNiAxNi42MzgzIDIyLjE5MzYgMTcuNDE5NSAyMS40MTIzTDI3LjQxOTUgMTEuNDEyM0MyOC4yMDA4IDEwLjYzMTEgMjguMjAwOCA5LjM2MjMgMjcuNDE5NSA4LjU4MTA1QzI2LjYzODMgNy43OTk4MCAyNS4zNjk1IDcuNzk5ODAgMjQuNTg4MyA4LjU4MTA1TDE2LjAwMDggMTcuMTY4Nkw3LjQxMzI4IDguNTg3MzBDNi42MzIwMyA3LjgwNjA1IDUuMzYzMjggNy44MDYwNSA0LjU4MjAzIDguNTg3MzBDMy44MDA3OCA5LjM2ODU1IDMuODAwNzggMTAuNjM3MyA0LjU4MjAzIDExLjQxODZMMTQuNTgyIDIxLjQxODZMMTQuNTg4MyAyMS40MTIzWiIgZmlsbD0iIzFEMzY2RCIvPgo8L3N2Zz4=');
  background-size: cover;
}

.accordion.active-acc::after {
  content: '';
  display: inline-block;
  width: 32px;
  height: 32px;
  min-width:32px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMjEuNDEzMyAxNy40MTI3QzIyLjE5NDUgMTYuNjMxNCAyMi4xOTQ1IDE1LjM2MjcgMjEuNDEzMyAxNC41ODE0TDExLjQxMzMgNC41ODE0NEMxMC42MzIgMy44MDAxOSA5LjM2MzI4IDMuODAwMTkgOC41ODIwMyA0LjU4MTQ0QzcuODAwNzggNS4zNjI2OSA3LjgwMDc4IDYuNjMxNDQgOC41ODIwMyA3LjQxMjY5TDE3LjE2OTUgMTYuMDAwMkw4LjU4ODI4IDI0LjU4NzdDNy44MDcwMyAyNS4zNjg5IDcuODA3MDMgMjYuNjM3NyA4LjU4ODI4IDI3LjQxODlDOS4zNjk1MyAyOC4yMDAyIDEwLjYzODMgMjguMjAwMiAxMS40MTk1IDI3LjQxODlMMjEuNDE5NSAxNy40MTg5TDIxLjQxMzMgMTcuNDEyN1oiIGZpbGw9IiMxRDM2NkQiLz4KPC9zdmc+');
  background-size: cover;
}


.panelx{

 background: #EFEFF1;
 max-height: 0;
 overflow: hidden;
 transition: max-height 0.2s ease-out;
 border-top: 0;
 margin: 0 0 1rem 0;
 border-radius: 0px 0px 16px 16px;
}

.acc{
  border-radius: 16px !important;
  background: #F7F7F8 !important;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}  


.document{
  padding: 24px;
  align-items: center;
  gap:24px;
  border-radius: 16px;
  background: #EFEFF1;
  width: 100%;
  justify-content: space-between; 
  cursor:pointer;
}
.document:hover{
  transform: scale(1.0) translateZ(0);
}
.document-type{
  color: #212326;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.7px;
}
li{
    font-family: Roboto;
    color: #404349;
}
.document-title{
  color: #1D366D;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 28px */
}
.modal{
  width: 100%;
  height: 100%;
  background: #000000b0;
  position: fixed;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  bottom: 0;
    padding: 24px;
}
.modal-content{
  max-width: 50vw;
  position: relative;
  padding: 24px;
  background: #f7f7f7;
  border-radius: 10px;
}
#close-modal{
  text-align: end;
  color: black;
  background: #f7f7f7;
  width: fit-content;
  display: flex;
  justify-content: end;
  align-items: end;
  border-radius: 10px 10px 0px 0px;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 0px;
  width: 18px;
}

#img-modal{
  border-radius:10px;
}

/*  Header - NavBar*/

header{
  padding: 16px;
  background: #1D366D;
}
.header-content{
  display: flex;
  padding: 16px;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
}
nav{
  display: flex;
  align-items: center;
  gap: 24px;
  justify-content: space-between;
  width: 100%;
  overflow-x: hidden;
}
.logo-fucs{
  max-width: 200px;
}

.dropdown{
  background: none;
  border: none;
  color: #F7F7F8;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  cursor:pointer;
}

.nav-list {
  list-style: none;
  display: flex;
    gap: 24px;
}

.nav-list li a{
  color: #F7F7F8;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; 
  cursor: pointer;
}

.mobile-menu {
  display: none;
  cursor: pointer;
}

.mobile-menu div {
  width: 32px;
  height: 2px;
  background: #fff;
  margin: 8px;
  transition: 0.3s;
}

@media (max-width: 1024px) {
  .nav-list {
    position: absolute;
    top: 150px;
    left: 0;
    width: 100vw;
    height: 80vh;
    background: rgba(29, 54, 109, 0.90);
    flex-direction: column;
    align-items: center;
    transform: translateX(150%);
    transition: transform 0.3s ease-in;
    z-index: 2;
    justify-content: start;
    padding-top: 4rem;
  }
  .nav-list li{
    margin-left: 0;
    opacity: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .mobile-menu {
    display: block;
  }
  .dropdown{
    margin: auto;
  }
  .dropdown-menu.show{
    position: initial;
    text-align: start;
    box-shadow: none;
  }
}

.nav-list.actived {
  transform: translateX(0);
}

@keyframes navLinkFade {
  from {
    opacity: 0;
    transform: translateX(50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.mobile-menu.actived .line1 {
  transform: rotate(-45deg) translate(-8px, 8px);
}

.mobile-menu.actived .line2 {
  opacity: 0;
}

.mobile-menu.actived .line3 {
  transform: rotate(45deg) translate(-5px, -7px);
}


.dropdown-menu {
display: none;
  position: absolute;
  padding: 18px;
  border-radius: 4px;
  z-index: 1;
  list-style: none;
  width: max-content;
  border-radius: 12px;
  background: #EBF0FA;
  margin-top: 10px;
  box-shadow: 2px 4px 4px #0000003d;
}

.dropdown-menu li {
  margin: 8px 0;
}

.dropdown-menu a {
  text-decoration: none !important;
  color: #1D366D !important;
  font-family: Roboto !important;
  font-size: 20px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 140% !important;
}

.dropdown-menu.show {
  display: flex;
  flex-direction: column;
}







/*  Geral */

.min-w-24{
  min-width: 24px;
}
.min-w-200{
  min-width: 200px;
}
.blue-line{
  width: 100%;
  height: 2px;
  flex-shrink: 0;
  color: #7A99DC;
}
.galery-card{
  width: 332px;
  gap: 24px;
  flex-shrink: 0;
  display: flex;
  min-height: 288px;
  padding: 64px 0px 16px 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  background: #EFEFF1;
}
.galery-card-image{
  position: absolute;
  top: -140px;
  left: 20%;
}
.galery-card-title-name{
  color: #1D366D;
  text-align: center;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 28px */  
}
.galery-card-title{
  color: #212326;
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
}
.galery-card-subtitle{
  color: #212326;
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%; /* 19.6px */
}
.infos{
  display: inline-flex;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  gap: 24px;
  border-radius: 16px;
  background: #EFEFF1;
}
.infos-data{
  color: #404349;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%; /* 19.6px */
  text-decoration-line: underline !important;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.ml-24{
  margin-left:24px;
}
.light-card{
display: flex;
  padding: 24px 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  border-radius: 16px;
  background: #EFEFF1;
  min-width: 367px;
  min-height: 150px;
}
.light-card-title{
  color: #212326;
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.7px;
}
.light-card-subtitle{
  color: #1D366D;
  text-align: center;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 22.4px */
}
.light-card-contact{
  color: #404349;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%; /* 19.6px */
}
.light-card-data{
  color: #1D366D;
  text-align: center;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 28px */
}
.light-card-inner-data{
  color: #1D366D;
  text-align: center;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 22.4px */
}
.light-title{
  color: #7A99DC;
  font-family: Roboto;
  font-size: 36px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%; /* 50.4px */
}
.bg-dark-blue{
  background: #1D366D;
}
.iframe-container {
  position: relative;
  width: 100%;
  padding-bottom: 29.25%; /* 16:9 proporção (altura / largura = 9 / 16 = 0.5625) */
  height: 0;
}

.iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


a{
  transition: .5s;
  transform: perspective(1px) translateZ(0);
}
.h-100{
  height: 100%;
}
a:hover{
  transform: perspective(1px) translateZ(0);
  transform: scale(1.05) translateZ(0);
  transition: all .5s;
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
}
a.no-hover{
  transform: scale(1.00) !important;
  transition: all .5s;
}
.panel{
  border-radius: 16px;
  background: #EBF0FA;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 32px 90px;
}
.panel-header{
  display: flex;
  width: fit-content;
  margin: auto;
}
.panel-button{
  color: #212326;
  text-align: center;
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  background: none;
  border: none;
  display: flex;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  cursor:pointer;
  border-bottom: 0.5px solid rgba(33, 33, 33, 0.30);
}
.panel-content{
  padding: 48px;
}
.rounded-16{
  border-radius: 16px;
}
.conduct-button{
  display: flex;
  padding: 16px 24px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-radius: 16px;
  background: #315CB8;
  margin: auto;
  width: fit-content;
  color: #F7F7F8;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}

.active{
  border-bottom: 2px solid #315CB8 !important;
}

a{
   text-decoration: none !important;
}
section{
  background-color: #F7F7F8;
  padding: 88px 0px;
}
.two-colors{
  background: linear-gradient(to bottom, #132448 50%, #F7F7F8 50%);
}
.news-capa{
  border-radius: 16px;
  background: #EBF0FA;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 364px;
}
.white-title{
  color: var(--Grayscale-Text-Negative, #F7F7F8);
  font-family: Roboto;
  font-size: 40px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%; /* 56px */
}
#news{
  display: flex;
}
.year-display{
  color: #404349;
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  display: flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 16px;
  background: #EBF0FA;
}
.news-image{
  border-radius: 10px 10px 0px 0px;
  width: 100%;
  object-fit: cover;
}
.news-content{
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
.news-title{
  color: #1D366D;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 22.4px */
}
.news-date{
  color: #212326;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.2px;
}
.news-item{
  border-radius: 16px;
  background: #EBF0FA;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  padding: 24px 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.news-button-second{
  display: flex;
  padding: 16px 40px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-radius: 16px;
  border: 1px solid #315CB8;
  background: #315CB8;
  color: white;
  width: fit-content;
  color: #F7F7F8;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
}
.secondaty-title{
  color: #1D366D;
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%; /* 33.6px */
}
.news-button{
  display: flex;
  width: 100%;
  padding: 16px 40px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-radius: 16px;
  border: 1.5px solid #D3DDF3;
  color:  #F7F7F8;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  margin: auto;
    max-width: 365px;
}
h1{
  color: #1D366D;
  font-family: Roboto;
  font-size: 40px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%; 
}

p{
  color: #404349;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
}

.second-button{
  display: flex;
  padding: 16px 40px;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  border: 1.5px solid #315CB8;
  color: #315CB8;
  cursor:pointer;
  width: fit-content;
  color: #315CB8;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
}

.w-1\/2 {
  width: 50%;
}

.min-w-362{
    min-width: 362px !important;
    min-width: 0px;
}
.img-fluid {
  max-width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 16px;
  height: 465px;
}

.card{
  display: flex;
  height: 400px;
  padding: 32px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;  
  border-radius: 16px;
  background: #EBF0FA;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.card-description{
  color: #404349;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; 
}
.card-title{
  color: #1D366D;
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; 
}

.left-blue{
  position: absolute;
  height: auto;
  border-radius: 0px 16px 16px 0px;
  background: var(--Surface-Darker, #1D366D);
  width: 100%;
  left: -6%;
  top: 0;
  bottom: 0;
  z-index: 0;
}
.right-blue{
  position: absolute;
  height: 92%;
  border-radius: 16px 0px 0px 16px;
  background: var(--Surface-Darker, #1D366D);
  width: 100%;
  right: -6%;
  top: 0;
  bottom: 0;
  z-index: 0;
}

.relative{
  position:relative
}

.description{
  color: #404349;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
}

h2{
  color: #1D366D;
  font-family: Roboto;
  font-size: 40px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%; /* 56px */
}
.maintained-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 24px;
  align-items: stretch; 
}

.maintained {
  display: flex;
  padding: 48px;
  max-width: 531px;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  border-radius: 16px;
  background: #1D366D;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  margin: auto;
  flex-grow: 1; 
  min-height: 430px;
}

.maintained-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%; /* Ocupa a altura total disponível */
}
.maintained-link{
  color: #7A99DC;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 22.4px */
}
.maintained-header{
  display: flex;
  height: 134px;
  padding: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
.maintained-logo{
    width: 220px;
}
.maintained-description{
  color: #F7F7F8;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}

.conselhos-image{
  width: 100%;
  height: 380px;
  object-fit: cover;
  border-radius: 12px;
}
.display-image {
  max-width: 100%;
  height: 538px;
  object-fit: cover;
  border-radius: 10px;
  }






















/* Footer */
footer {
  padding: 32px;
  width: 100%;
  background: #0A1224;
  color: #FFFFFF;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.footer-container{
  max-width: 1140px;
}

.footer-title{
  color: #F7F7F8;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 28px */
}

.footer-link{
  color: #F7F7F8;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%; /* 28px */
}
.footer-detail{
  color: #F7F7F8;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%; /* 19.6px */
}
.footer-image{
  max-height: 40px;
  margin: auto;
}
.footer-copy-r{
  color: #F7F7F8;
  text-align: center;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%; /* 16.8px */
}












/*  Utils */


.py-32{
  padding: 32px 0px;  
}

.text-white{
  color: #F7F7F8;
}
.text-24{
  font-size: 24px;
}
.wrap{
  flex-wrap: wrap;
}
.h-auto{
    height: auto !important;
}

.bg-light-blue{
  background: #EBF0FA;
}
.text-nowrap{
  text-wrap: nowrap;
}
.border-none{
  border: none;
}
.bg-none{
  background: transparent;
}
.max-w-94{
  max-width: 94px;  
}
.max-w-78{
  max-width: 78px;
}
.max-w-520{
  max-width: 520px;
}
.max-w-420{
  max-width:420px;
}
.w-362{
  width: 362px;
  min-width:0px;
}
.no-overflow{
  overflow: hidden;
}
.w-full{
  width: 100%;
}
.hidden{
  display: none !important;
}
.container{
  max-width: 1140px;
  margin:auto;
}
.justify-center{
  justify-content:center;
}
.justify-between{
    justify-content: space-between;
}

.text-center{
  text-align:center;
}
.text-start{
  text-align:start;
}
.items-center{
  align-items:center;
}
.items-start{
  align-items:start;
}
.justify-around{
  justify-content: space-around;
}
.p-24{
  padding: 24px;
}
.p-48{
  padding: 48px;
}
.pb-8{
  padding-bottom: 8px;
}
.mx-24{
  margin-inline: 24px;
}
.mb-40{
  margin-bottom: 40px;
}
.mr-8{
  margin-right: 8px;
}
.mt-24{
  margin-top:24px;  
}
.mt-56{
  margin-top: 56px;
}
.flex{
  display:flex; 
}
.flex-col{
  display:flex;
  flex-direction: column;
}
.z-1{
  z-index:1;
}

.py-64{
  padding: 64px 0px;
}
.mx-auto{
  margin-inline: auto;
}
.mt-144{
  margin-top:144px;
}
.gap-24{
  gap:24px;
}
.gap-32{
  gap: 32px;
}
.gap-46{
  gap:46px;
}
.gap-48{
  gap:48px;
}
.gap-56{
  gap:56px;
}
.gap-16{
  gap:16px;
}

.gap-12{
  gap:12px;
}
.gap-40{
  gap:40px;
}
.gap-8{
  gap:8px;
}
.gap-86{
  gap:86px;
}
.gap-48{
  gap:48px
}
.gap-114{
  gap:114px;
}
.flex-1{
  flex:1;
}
.flex-3{
  flex:3;
}
.flex-4{
  flex:4;
}

.p-10{
  padding:10px;
}
.pl-24{  
  padding-left: 24px;
}

.pb-24{  
  padding-bottom: 24px;
}

.border-left{
  border-left: 1px solid #7a99dc4a;
}
.border-bottom{
  border-bottom: 1px solid #7a99dc4a;
}

.m-auto{
  margin:auto;
}
.text-36{
  font-size:36px;
}

.hover-scale{
    transition: all .5s;
}

.hover-scale :hover{
  transform: scale(1.05);
  transition: all .5s;
}

.cursor-pointer{
    cursor: pointer;
}
.object-left{
    object-position: left;
}














/*  Media querys */




/*=========================TABLET========================*/
@media (min-width: 640px) and (max-width: 1024px) {

  .footer-ucs-image{
    max-height: 52px !important;
  }
  .footer-image{
      max-height: 32px;
  }
  .md-col{
    flex-direction:column;
  }
  .md-items-start{
    align-items: start;
  }
  .md-px-0{
    padding-inline: 0px;
  }
  .md-hidden{
    display:none;
  }
  .md-show{
    display:flex !important;
  }
  .md-justify-between{
    justify-content: space-between;
  }
  .md-gap-24{
    gap: 24px;
  }
  .md-px-12{
    padding-inline: 12px
  }
  .md-min-w-none{
      min-width: fit-content;
  }
  .md-w-full{
    width: 100%;
  }
  .md-col-reverse{
      flex-direction: column-reverse;
  }
  
  
  .card{
    margin:auto;
  }
  .left-blue{
    left:0;
    border-radius: 0px
  }
  .right-blue{
    left:0;
    border-radius: 0px;
    height: 100%;
  }
  .maintained{
      max-width: none;
  }
  .news-image-container{
      width: 100%;
  }
  .news-capa{
     width: auto;
  }
  .iframe-container{
     padding-bottom: 56.25%; /* 16:9 proporção (altura / largura = 9 / 16 = 0.5625) */
  }
    .iframe-container iframe{
     border-radius: 12px;
  }
  .display-image{
   max-height: 230px;
   width: 100%;
  }
  .md-responsive-card{
    width: 100%;
    min-width: fit-content;
    flex-wrap: wrap;
  }
   .logo-fucs{
    width: 206.997px;
  }
    .dropdown-menu{
      background: none;
      margin-top: 0px;
  }
  .dropdown-menu a{
    color: #F7F7F8 !important;
  }
  .min-w-200{
    min-width: 150px;
  }
}


/*=========================SMARTPHONE========================*/
@media (max-width: 640px){


 .footer-image{
      max-height: 32px;
  }
  .footer-ucs-image{
    max-height: 52px !important;
  }
  
  

  /* UTILS */
  .sm-col{
    flex-direction:column;
  }
  .sm-w-full{
    width: 100%;
  }
  .sm-gap-32{
    gap: 32px;
  }
  .sm-gap-24{
    gap:24px;  
  }
  .sm-gap-40{
    gap:40px;
  }
  .img-fluid{
    height: 220px;
  }
  .sm-hidden{
    display:none;
  }
  .sm-show{
    display: flex !important;
  }
  .sm-flex{
    display: flex ;
  }
  .sm-justify-between{
     justify-content: space-between; 
  }
  .sm-max-w-none{
    max-width: none;
  }
  .sm-w-140{
    width:140px;
  }
  .sm-mx-0{
    margin-inline: 0px;
  }
  .min-w-200{
    min-width: 150px;
  }
  .sm-mx-24{
    margin-inline: 24px;
  }
  .sm-rounded-0{
    border-radius: 0px;
  }
  .sm-text-32{
    font-size:32px;
  }
  .sm-col-reverse{
      flex-direction: column-reverse;
  }
  .sm-wrap{
    flex-wrap: wrap;
  }
  .sm-mx-none{
    margin-inline: 0px;
  }
  .sm-rounded-none{
    border-radius: 0px;
  }
  .sm-p-24{
    padding: 24px;
  }


  
  
  /* ESPECIFIC */
   .left-blue{
    left:0;
    border-radius: 0px
  }
   h1{
    font-size:24px;
  }
  p{
    font-size: 14px;
  }
  .right-blue{
    left:0;
    border-radius: 0px;
    height: 100%;
  }
  .maintained-logo{
    max-width: 310px;
  }
  .news-image-container{
      width: 100%;
  }
  .news-capa{
     width: auto;
  }
  .panel{
      padding: 24px 48px;  
  }
  .panel-content{
    padding: 48px 0px;
  }
  .panel-header{
    gap:16px;
  }
  .maintained{
      max-width: none;
  }
  .iframe-container{
     padding-bottom: 56.25%; /* 16:9 proporção (altura / largura = 9 / 16 = 0.5625) */
  }
  .iframe-container iframe{
     border-radius: 12px;
  }
  .display-image{
   max-height: 230px;
   width: 100%;
  }
  .light-card{
    min-width: fit-content;
    width: 100%;
  }
  .logo-fucs{
    width: 206.997px;
  }
  .dropdown-menu{
      background: none;
      margin-top: 0px;
  }
  .dropdown-menu a{
    color: #F7F7F8 !important;
  }
  h2{
    font-size:36px;
  }
  .white-title{
    font-size: 32px;
  }
  .light-title{
    font-size: 32px;
  }

}