@charset "utf-8";
:root {
  --color-white: #fff;
  --color-black: #000;
  --color-quaternary: #075ebd;
  --color-tertiary: #07366a;
  --color-primary: #3689e2;
  --color-success: #208436;
  --color-secundary: #6c757d
}
body {
  font-family: 'Inter', Arial, sans-serif !important
}
html {
  scroll-behavior: smooth !important
}
.text-uniceug {
  color: #b41817
}
.bg-uniceug {
  background-color: #b41817;
  color: #fff
}
.bg-uniceug2 {
  background: #B10101;
  background: linear-gradient(to top, #B10101 0%, #690000 100%)
}
.bg-footer {
  background-color: #1c1c1c
}
.bg-quaternary {
  background-color: var(--color-quaternary)
}
.svg-fill-white {
  fill: var(--color-white)
}
.svg-fill-quaternary {
  fill: var(--color-quaternary)
}
.svg-fill-white-50 {
  fill: rgba(255, 255, 255, .5)
}
.svg-12 {
  width: .75rem;
  height: .75rem
}
.svg-16 {
  width: 1rem;
  height: 1rem
}
.svg-24 {
  width: 1.5rem;
  height: 1.5rem
}
.setas-triangulos {
  position: relative;
  border-radius: .4em
}
.setas-triangulos:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 45%;
  width: 0;
  height: 0;
  border: 1.5em solid transparent;
  border-top-color: var(--color-quaternary);
  border-bottom: 0;
  border-left: -.75em;
  margin-left: -.75em;
  margin-bottom: -1.5em
}
.setas-triangulosblue {
  position: relative;
  border-radius: .4em
}
.setas-triangulosblue:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 45%;
  width: 0;
  height: 0;
  border: 1.5em solid transparent;
  border-top-color: var(--color-quaternary);
  border-bottom: 0;
  border-left: -.75em;
  margin-left: -.75em;
  margin-bottom: -1.5em
}
@media (max-width: 576px) {
  .navbar img {
    width: 94px !important
  }
  .navbar h1 {
    font-size: .99em !important
  }
}
.bounce {
  animation: bounce 2s ease infinite
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0)
  }
  40% {
    transform: translateY(-2px)
  }
  60% {
    transform: translateY(-6px)
  }
}