html {box-sizing: border-box; scroll-behavior: smooth;}
 *, *:before, *:after {box-sizing: inherit;}

* {
 margin: 0;
 box-sizing: border-box;
}

section {
 background: url('https://www.ucs.br/site/midia/arquivos/bg-image-rs-talentos_2.png');
}

.container-1440 {
 max-width: 1440px;
 margin: 0 auto;
}

.flex {
 display: flex;
}

.flex-1 {
 flex: 1;
}

h2 {
 font-family: 'Herokid Bold Condensed';
 color: #0092e6;
}

h2.font-24 {
 font-size: 24px;
}

.font-12 {
 font-size: .75rem;
}

h3 {
 font-size: .875rem;
 color: #5A5A5A;
 font-weight: bold;
}

.rotated-text {
 transform: rotate(-90deg);
 transform-origin: right top;
 color: #747474;
 font-size: .875rem;
 //display: inline-block;
 position: absolute;
 right: 2rem;
 top: 1.5rem;
}

a {
 color: #0092e6;
}

a.btn-primary {
 display: flex;
 justify-content: center;
 font-family:'Herokid Bold';
 font-size: 1.25rem;
 background-color: #ff002f;
 color: #ffffff;
 text-decoration: none;
 padding: 1rem;
 border-radius: 50px;
 border: 1px solid #ff002f;
 box-shadow: 3px 4px 5px 0 #cecece;
 transition: .3s;
}

a.btn-primary:hover {
 background-color: #d60027;
 border: 1px solid #d60027;
}

.btn-primary.disabled, .btn-primary:disabled {
 background-color: #9D9D9D;
 border-color: #bcbcbc;
 opacity: 1;
}

span.text {
 font-family: 'Herokid Regular Condensed';
 text-transform: uppercase;
 font-size: 2.5rem;
}

span.text.blue {
 color: #0094DE;
}

span.text.red {
 font-family: 'Herokid Bold Condensed';
 color: #FF002F;
}

.box-info {
 border-radius: 24px;
 background: rgba(207, 207, 207, 0.20);
 box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.15);
 position: relative;
}

.box-info .img-fluid.logo {
  //flex: 1 1 0;
  min-width: 0;
  max-height: clamp(60px, 8vw, 120px);
  width: auto;
  height: auto;
  object-fit: contain;
}

.box-info.bg-white {
 background-color: #fff;
}

.img-fluid.image {
 border-radius: 24px;
}

.img-fluid.lettering {
 height: 100%;
 max-width: 550px;
}

.img-fluid.logo-gov {
 height: 50%;
} 

.table {
 color: #5A5A5A;
 font-size: .875rem;
}

.table tbody {
 background-color: #ffffff;
}

.table td {
 padding: .45rem 1rem;
 border-radius: 4px;
}

.justify-center {
 justify-content: center;
}

.align-stretch {
 align-items: stretch;
}

.mt-24 {
 margin-top: 24px;
}

.p-32 {
 padding: 32px;
}

.mt-32 {
 margin-top: 32px;
}

.pl-16 {
 padding-left: 1rem;
}

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

.pt-32 {
 padding-top: 32px;
}

.pl-32 {
 padding-left: 32px;
}

.pr-32 {
 padding-right: 32px;
}

.p-32 {
 padding: 32px;
}

.p-22 {
 padding: 22px;
}

.mb-16 {
 margin-bottom: 1rem;
}

.mt-24 {
 margin-top: 24px;
}

.gap-24 {
 gap: 24px;
}

.gap-56 {
 gap: 56px;
}

.h-full {
 height: 100%;
}

@font-face {
  font-family: 'Herokid Bold';
  font-style: normal;
  font-weight: normal;
  src: local('Herokid Bold'),
    url('/site/midia/arquivos/herokid-bold.otf') format('opentype');
  font-display: swap;
}

@font-face {
  font-family: 'Herokid Bold Condensed';
  font-style: normal;
  font-weight: normal;
  src: local('Herokid Bold Condensed'),
    url('/site/midia/arquivos/herokid-bold-condensed.otf') format('opentype');
  font-display: swap;
}

@font-face {
  font-family: 'Herokid Bold Narrow';
  font-style: normal;
  font-weight: normal;
  src: local('Herokid Bold Narrow'),
    url('/site/midia/arquivos/herokid-bold-narrow.otf') format('opentype');
  font-display: swap;
}

@font-face {
  font-family: 'Herokid Regular Condensed';
  font-style: normal;
  font-weight: normal;
  src: local('Herokid Regular Condensed'),
    url('/site/midia/arquivos/herokid-regular-condensed.otf') format('opentype');
  font-display: swap;
}

@media (min-width: 0) and (max-width: 767px) {
  .lg-flex-col {
    flex-direction: column;
  }

  .lg-hidden {
   display: none;
  }

  .logo {
    max-height: 70px;
  }

 .md-p-16 {
  padding: 16px;
 }

 .md-gap-32 {
  gap: 32px;
 }

 td.md-min-w-260 {
  min-width: 260px;
 }

 span.text {
  font-size: 1.5rem;
 }
}

@media (max-width: 450px) {
 .min-w-200 {
  min-width: 200px !important;
 }
}

@media (max-width: 680px) {
 .img-fluid.lettering {
  width: 100%;
  padding: 1.5rem;
 }
}

@media (min-width: 768px) and (max-width: 1200px) {
 .lg-flex-col {
  flex-direction: column;
 }

 .lg-hidden {
  display: none;
 }

 td.md-min-w-260 {
  min-width: 260px;
 }
}

@media (min-width: 1201px) {
 .xl-hidden {
  display: none;
 }
}