:root {
  --color-white: #fff;
  --color-primary: #0C4DA1;
  --color-primary-hover: #0A448C;
  --color-primary-light: #E0ECFA;
  --color-secondary: #0085CC;
  --color-secondary-hover: #0072B0;
  --color-secondary-light: #D8F0FC;
  --color-obj-6: #fbc105;
  --color-obj-6-hover: #ffed00;
}

/* ------------------- GERAL ------*/
html {
  scroll-behavior: smooth !important;
  scroll-padding-top: 70px;
}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Livvic:wght@400;700&display=swap');

body {
  font-family: 'Inter', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Livvic', sans-serif;
}

h1 {
  font-size: 48px;
  font-weight: 700;
}

h2 {
  font-size: 36px;
  font-weight: 600;
}

h3 {
  font-size: 28px;
  font-weight: 500;
}

h4 {
  font-size: 24px;
  font-weight: 400;
}

h5 {
  font-size: 18px !important;
  font-weight: 300;
}

p {
  font-size: 16px;
  font-weight: 400;
}

a {
  color: #14387f;
  text-decoration: none
}

a:hover {
  color: #002369;
  text-decoration: none
}

/* Header */
#header {
  transition: all .5s;
  z-index: 997;
  padding: 0;
  background: rgba(244, 244, 244);
  margin-bottom: 30px;
}

#header.header-scrolled {
  background: #fbfbfb;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2)
}

/* Menu */
body {
  padding-top: 1.75rem;
}

.navbar-nav li a {
  font-weight: bold;
}

.navbar a {
  color: #FFFFFF;
}

.navbar a:hover,
.navbar .active,
.navbar li:hover>a {
  color: #e1e1e1;
  background-color: rgba(0, 0, 0, 0);
}

/* Classes para manipular imagens em SVG */
.svg-1 {
  width: calc(1.625rem + 4.5vw);
}

.svg-2 {
  width: calc(1.575rem + 3.9vw);
}

.svg-3 {
  width: calc(1.525rem + 3.3vw);
}

.svg-4 {
  width: calc(1.475rem + 2.7vw);
}

.svg-5 {
  width: calc(1.425rem + 2.1vw);
}

.svg-6 {
  width: calc(1.375rem + 1.5vw);
}

.svg-7 {
  width: 1rem;
}

.svg-8 {
  width: .875em;
}

.svg-9 {
  width: 1.8rem;
}

.svg-fill-white {
  fill: var(--color-white)
}

.svg-fill-primary {
  fill: var(--color-primary)
}

.svg-fill-success {
  fill: var(--color-success)
}

.svg-fill-danger {
  fill: var(--color-danger)
}

.svg-fill-warning {
  fill: var(--color-warning)
}

.svg-fill-info {
  fill: var(--color-info)
}

.svg-fill-obj-1 {
  fill: var(--color-obj-1)
}

.svg-fill-obj-2 {
  fill: var(--color-obj-2)
}

.svg-fill-obj-3 {
  fill: var(--color-obj-3)
}

.svg-fill-obj-4 {
  fill: var(--color-obj-4)
}

.svg-fill-obj-5 {
  fill: var(--color-obj-5)
}

.svg-fill-obj-6 {
  fill: var(--color-obj-6)
}

.svg-fill-obj-7 {
  fill: var(--color-obj-7)
}

.svg-fill-obj-8 {
  fill: var(--color-obj-8)
}

.svg-fill-obj-9 {
  fill: var(--color-obj-9)
}

.svg-fill-obj-10 {
  fill: var(--color-obj-10)
}

.svg-fill-obj-11 {
  fill: var(--color-obj-11)
}

.svg-fill-obj-12 {
  fill: var(--color-obj-12)
}

/* ------------------- CORES (textos, backgrounds, bordas, botoes e badges) ------*/
.text-primary {
  color: #0C4DA1 !important;
}

.bg-primary {
  background-color: #0C4DA1 !important
}

.bg-primary-hover {
  background-color: #0A448C !important
}

.btn-primary,
.badge-primary {
  background-color: #0a58ca !important;
  color: #fff;
}

.btn-primary:hover {
  background-color: #084298 !important;
  color: #fff;
}

.btn-outline-primary {
  color: #0a58ca;
  border-color: #0a58ca
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #0a58ca;
  border-color: #0a58ca
}

.text-success {
  color: #009640 !important
}

.bg-success {
  background-color: #009640 !important
}

.card {
  min-height: 328px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.border-secondary {
  border-color: #009FE3 !important;
}

.card-border-yellow {
  border: 3px solid #FDC510;
  min-height: 100%;
  border-width: 0px;
  border-bottom-width: 5px;
}

.card-border-blue {
  border: 3px solid #76D9F1;
  min-height: 100%;
  border-width: 0px;
  border-bottom-width: 5px;
}

.card-border-orange {
  border: 3px solid #FF9D61;
  min-height: 100%;
  border-width: 0px;
  border-bottom-width: 5px;
}

.card-border-green {
  border: 3px solid #4DCB98;
  min-height: 100%;
  border-width: 0px;
  border-bottom-width: 5px;
}

.btn-success,
.badge-success {
  background-color: #009640 !important;
  color: #fff;
}

.btn-success:hover {
  background-color: #00662C !important;
  color: #fff;
}

.text-danger {
  color: #B00F0A !important
}

.bg-danger {
  background-color: #B00F0A !important
}

.bg-card {
  border-radius: 5px;
  background-color: rgba(0, 114, 176, 0.8);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.border-danger {
  border-color: #B00F0A !important;
}

.btn-danger,
.badge-danger {
  background-color: #B00F0A;
  color: #fff;
}

.btn-danger:hover {
  background-color: #d90e16;
  color: #fff;
}

.text-warning {
  color: #FDD703 !important
}

.bg-warning {
  background-color: #FDD703 !important
}

.btn-warning,
.badge-warning {
  background-color: #FDD703 !important;
}

.btn-warning:hover {
  background-color: #ffcc00 !important;
}

.border-warning {
  border-color: #ffcc00 !important;
}

.img-border-warning {
  filter: drop-shadow(10px 0 0 #ffcc00);
  border-color: #ffcc00;
  border-style: outset;
}

.text-info {
  color: #009fe3 !important
}

.bg-info {
  background-color: #009fe3 !important
}

.btn-info,
.badge-info {
  background-color: #0085cc;
  color: #fff;
}

.btn-info:hover {
  background-color: #009fe3;
  color: #fff;
}

.img-border-info {
  filter: drop-shadow(-10px 0 0 #009fe3);
  border-color: #009fe3;
  border-style: outset;
}

.bg-light {
  background-color: #F8F9FA !important
}

.btn-outline-light {
  color: #EBEBEB;
  border-color: #EBEBEB
}

.btn-outline-light:hover {
  color: #000;
  background-color: #EBEBEB;
  border-color: #EBEBEB
}

/*Fundo Azul Cyan Claro*/
.bg-light-2 {
  background-color: #F1F1F1;
}

/*Fundo Azul Logo Claro*/
.bg-light-3 {
  background-color: #e0e0e0;
}

/*Fundo Amarelo Claro*/
.bg-light-4 {
  background-color: #fffaeb;
}

/*Azul Cyan Claro*/
.bg-obj-1 {
  background-color: #009fe3 !important;
}

.text-obj-1 {
  color: #009fe3 !important;
}

.border-obj-1 {
  border-color: #009fe3 !important;
}

.btn-obj-1,
.badge-obj-1 {
  background-color: #009fe3;
  color: #fff;
}

/*Azul Cyan*/
.bg-obj-2 {
  background-color: #0085cc !important;
}

.bg-obj-2-gradient {
  background: #009fe3;
  background: radial-gradient(circle, #009fe3 0%, #0085cc 50%);
}

.text-obj-2 {
  color: #0085cc !important;
}

.border-obj-2 {
  border-color: #0085cc !important;
}

.btn-obj-2,
.badge-obj-2 {
  background-color: #0085cc;
  color: #fff;
}

.btn-obj-2:hover {
  background-color: #009fe3;
  color: #fff;
}

/*Azul*/
.bg-obj-3 {
  background-color: #0e4194 !important;
}

.text-obj-3 {
  color: #0e4194 !important;
}

.border-obj-3 {
  border-color: #0e4194 !important;
}

.btn-obj-3,
.badge-obj-3 {
  background-color: #0e4194;
  color: #fff;
}

/*Azul Logo*/
.bg-obj-4 {
  background-color: #0d3880 !important;
}

.text-obj-4 {
  color: #0d3880 !important;
}

.border-obj-4 {
  border-color: #0d3880 !important;
}

.btn-obj-4,
.badge-obj-4 {
  background-color: #0d3880;
  color: #fff;
}

.btn-obj-4:hover {
  background-color: #002877;
  color: #fff;
}

.btn-outline-obj-4 {
  color: #0d3880;
  border-color: #0d3880;
}

.btn-outline-obj-4:hover {
  color: #fff;
  background-color: #0d3880;
  border-color: #0d3880
}

/*Azul Escuro*/
.bg-obj-5 {
  background-color: #002877 !important;
}

.text-obj-5 {
  color: #002877 !important;
}

.border-obj-5 {
  border-color: #002877 !important;
}

.btn-obj-5,
.badge-obj-5 {
  background-color: #002877;
  color: #fff;
}

/*Amarelo*/
.bg-obj-6 {
  background-color: #fbc105 !important;
}

.text-obj-6 {
  color: #fbc105 !important;
}

.border-obj-6 {
  border-color: #fbc105 !important;
}

.btn-obj-6,
.badge-obj-6 {
  background-color: #fbc105;
  color: #fff;
}

.btn-obj-6:hover {
  background-color: #ffed00;
  color: #000;
}

/*Amarelo Claro*/
.bg-obj-7 {
  background-color: #ffed00 !important;
}

.text-obj-7 {
  color: #ffed00 !important;
}

.border-obj-7 {
  border-color: #ffed00 !important;
}

.btn-obj-7,
.badge-obj-7 {
  background-color: #ffed00;
  color: #000 !important;
}

/*Verde Claro*/
.bg-obj-8 {
  background-color: #A2C614 !important;
}

.text-obj-8 {
  color: #A2C614 !important;
}

.border-obj-8 {
  border-color: #A2C614 !important;
}

.btn-obj-8,
.badge-obj-8 {
  background-color: #A2C614;
  color: #fff;
}

.btn-obj-8:hover {
  background-color: #3AA937;
  color: #fff;
}

/*Verde*/
.bg-obj-9 {
  background-color: #3AA937 !important;
}

.text-obj-9 {
  color: #3AA937 !important;
}

.border-obj-9 {
  border-color: #3AA937 !important;
}

.btn-obj-9,
.badge-obj-9 {
  background-color: #3AA937;
  color: #fff;
}

/*Vermelho*/
.bg-obj-10 {
  background-color: #d90e16 !important;
}

.text-obj-10 {
  color: #d90e16 !important;
}

.border-obj-10 {
  border-color: #d90e16 !important;
}

.btn-obj-10,
.badge-obj-10 {
  background-color: #d90e16;
  color: #fff;
}

/*Laranja Escuro*/
.bg-obj-11 {
  background-color: #E84E19 !important;
}

.text-obj-11 {
  color: #E84E19 !important;
}

.border-obj-11 {
  border-color: #E84E19 !important;
}

.btn-obj-11,
.badge-obj-11 {
  background-color: #E84E19;
  color: #fff;
}

.btn-obj-11:hover {
  background-color: #F49913;
  color: #fff;
}

/*Laranja*/
.bg-obj-12 {
  background-color: #F49913 !important;
}

.text-obj-12 {
  color: #F49913 !important;
}

.border-obj-12 {
  border-color: #F49913 !important;
}

.btn-obj-12,
.badge-obj-12 {
  background-color: #F49913;
  color: #fff;
}

/* Carousel */
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  margin-left: 5px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fc0;
  background-clip: padding-box;
  border-top: none !important;
  border-bottom: none !important;
  border-radius: 30px !important;
  opacity: .8;
  transition: opacity .6s ease;
}

.carousel-indicators button {
  background-color: rgba(1, 41, 112, 0.6) !important
}

.carousel-indicators button.active {
  width: 17px;
  height: 17px;
  background-color: rgba(1, 41, 112) !important
}

.carousel-fade .carousel-item {
  -webkit-transition: opacity 2s ease;
  -o-transition: opacity 2s ease;
  transition: opacity 2s ease;
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
}

/* Jumbotron */
.jumbotron {
  background-color: #e9e9e9;
  padding: 1.5rem;
  margin-top: -4px;
}

@media (min-width: 991px) {
  .jumbotron {
    padding: 3rem 2rem;
  }
}

/*Carousel Multiple Itens*/
@media (max-width: 768px) {
  .carousel-item {
    width: 99%
  }
}

@media (min-width: 768px) {

  .carousel-inner .active,
  .carousel-inner .active+.carousel-item,
  .carousel-inner .active+.carousel-item+.carousel-item {
    display: block;
  }

  .carousel-item {
    width: 30%;
  }

  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item,
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item {
    transition: none;
    margin-right: initial;
  }

  .carousel-inner .active.carousel-item+.carousel-item+.carousel-item+.carousel-item {
    position: absolute;
    top: 0;
    right: -33.3333%;
    z-index: -1;
    display: block;
    visibility: visible;
  }

}

/* cookies consent */

.cookie-container {
  position: fixed;
  left: 0;
  right: 0;
  transition: 400ms;
}

.cookie-container.active {
  bottom: 0;
}

/* svg animado */
svg#freepik_stories-search:not(.animated) .animable {
  opacity: 0;
}

svg#freepik_stories-search.animated #freepik--screens-2--inject-2 {
  animation: 6s infinite linear floating;
  animation-delay: 1s;
}

svg#freepik_stories-search.animated #freepik--Locator--inject-2 {
  animation: 6s infinite linear floating;
  animation-delay: 2s;
}

svg#freepik_stories-search.animated #freepik--Plants--inject-2 {
  animation: 6s infinite linear wind;
  animation-delay: 0s;
}

svg#freepik_stories-search.animated #freepik--screen-1--inject-2 {
  animation: 6s infinite linear floating;
  animation-delay: -1s;
}

svg#freepik_stories-search.animated #freepik--magnifiyng-glass--inject-2 {
  animation: 3s infinite linear wind;
  animation-delay: 0s;
}

@keyframes floating {
  0% {
      opacity: 1;
      transform: translateY(0px);
  }
  50% {
      transform: translateY(-10px);
  }
  100% {
      opacity: 1;
      transform: translateY(0px);
  }
}

@keyframes wind {
  0% {
      transform: rotate(0deg);
  }
  25% {
      transform: rotate(1deg);
  }
  75% {
      transform: rotate(-1deg);
  }
}

#svg-animado {
  width: 100%;
  height: auto;
}
#marIA {
  position: relative;
  overflow: hidden;
}
/* Video Section */
#video-section {
  position: relative;
  overflow: hidden;
}

.video-wrapper {
  position: relative;
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  z-index: 1; 
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
}
.video-thumbnail {
  position: relative;
  display: block;
  cursor: pointer;
  z-index: 2;
}
.video-thumbnail img {
  width: 100%;
  border-radius: 12px;
}

.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  background: #5490ffaf;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease-in-out;
  z-index: 3; 
}
.video-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 105%;
  height: auto;
  z-index: 0 !important;
  pointer-events: none;
}
#videoPlayerContainer {
  position: relative;
  z-index: 3;
}
.video-trigger {
  cursor: pointer;
  position: relative;
  z-index: 3; /* thumbnail e botão de play também no topo */
}
@media (max-width: 768px) {
  .video-bg {
      width: 100%;
  }

  .col-6 {
      width: 100%;
  }
}
.video-thumbnail {
  position: relative;
  display: block;
  cursor: pointer;
}

.video-thumbnail img {
  width: 100%;
  border-radius: 12px;
}

/* accordion */
.accordion-item {
  background: none;
  border: none;
}
.accordion-button {
  background: none !important;
  color: #FDC510 !important;
  font-weight: bold;
  box-shadow: none !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.accordion-button:focus {
  box-shadow: none !important;
}
.accordion-button::after {
  content: "";
  background-image: url('data:image/svg+xml,<svg width="15" height="20" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 15.5C1.20706e-07 14.1193 1.11929 13 2.5 13L27.5 13C28.8807 13 30 14.1193 30 15.5C30 16.8807 28.8807 18 27.5 18L2.5 18C1.11929 18 -1.20706e-07 16.8807 0 15.5Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15 0C16.3807 -6.03528e-08 17.5 1.11929 17.5 2.5L17.5 27.5C17.5 28.8807 16.3807 30 15 30C13.6193 30 12.5 28.8807 12.5 27.5L12.5 2.5C12.5 1.11929 13.6193 6.03528e-08 15 0Z" fill="white"/></svg>');
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: transform 0.3s ease-in-out;
}
.accordion-button:not(.collapsed)::after {
  transform: rotate(90deg);
  background-image: url('data:image/svg+xml,<svg width="15" height="20" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 15.5C1.20706e-07 14.1193 1.11929 13 2.5 13L27.5 13C28.8807 13 30 14.1193 30 15.5C30 16.8807 28.8807 18 27.5 18L2.5 18C1.11929 18 -1.20706e-07 16.8807 0 15.5Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15 0C16.3807 -6.03528e-08 17.5 1.11929 17.5 2.5L17.5 27.5C17.5 28.8807 16.3807 30 15 30C13.6193 30 12.5 28.8807 12.5 27.5L12.5 2.5C12.5 1.11929 13.6193 6.03528e-08 15 0Z" fill="white"/></svg>');
}
.accordion-button:not(.collapsed) {
  background: none !important;
  color: #FDC510 !important;
}
.accordion-body {
  color: white;
  padding-left: 1.2rem;
}
.line {
  height: 1px;
  background-color: white;
  margin: 10px 0;
}

@media (max-width: 992px) {
.mb-n1 {
  margin-bottom: -10rem !important;
  z-index: 2; 
}
}


.mockup-container {
  position: absolute;
  right: 17%;
  transform: translateY(5%) translateX(-80%); 
  max-width: 50vw; 
  z-index: 2;
}

.mockup-img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto; 
}

@media (min-width: 1669px) {
  .mockup-img {
    max-width: 65%;
    
  }
}

@media (max-width: 992px) {
  .mockup-container {
    position: relative;
    right: 0;
    transform: translateY(0) translateX(0);
    max-width: 80vw; 
    text-align: center;
  }

  .mockup-img {
    max-width: 90%;
  }
}

@media (max-width: 767px) {
  .mockup-container {
    max-width: 100vw;
  }

  .mockup-img {
    max-width: 100%;
  }
}

.wave-img {
  display: block;
  width: 110%;
  height: auto;
}

.wave-container {
  position: absolute;
  bottom: -30px;
  left: 0;
  width: 100vw;
  max-width: 100vw; 
  overflow: hidden;
  z-index: 0;
}

@media (max-width: 992px) {
  .wave-container {
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 100vw;
    max-width: 100vw;
    overflow: hidden;
  }
}

.wave-section-top {
  position: relative; 
  background-color: #0A4DA2;
  padding: 100px 0;
  overflow: hidden;
}

.wave-section-top::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  width: 100%;
  height: 15vw;
  

  background: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 1440 136" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M-13.2866 11C290.5 176.5 996 -77.5 1460 25.5001L1460 135.5L-13.2866 135.5L-13.2866 11Z" fill="#0C4DA1"/></svg>') no-repeat bottom center;
  background-size: 100% auto;
}

.wave-section {
  position: relative; 
  background-color: #0A4DA2;
  padding: 100px 0;
  overflow: hidden;
}
.wave-section::before {
  content: "";
  position: absolute;
  top: -10px; 
  left: 0;
  width: 100%;
  height: 15vw; 
  background: url('data:image/svg+xml;charset=UTF-8,<svg width="1444" height="216" viewBox="0 0 1444 216" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_571_442)"><path d="M341 13.3363C1175.29 96.633 1072.35 264.443 1440 54.6805V3H488.061L341 13.3363Z" fill="%23FFA5BE" fill-opacity="0.7"/><path d="M564 104.5C1162 -41.5 1126.5 198 1444 143V53.695L1309.79 22.7568C993.03 7.55412 126 22.7566 126 22.7566L564 104.5Z" fill="%23FFB849" fill-opacity="0.7"/><path d="M1444 0.9217C900.544 0.921451 79.3838 -1.0001 7.99999 -1C845.272 429.583 695.038 -35.6703 1444 60.9521V0.9217Z" fill="%2300FFD0" fill-opacity="0.7"/><path d="M392 184C616 68.5 1024 22.5011 1444.5 94.0011V-2L-3 -3L-2.99996 94.0011C96 204.001 264.295 249.848 392 184Z" fill="%230C4DA1"/></g><defs><clipPath id="clip0_571_442"><rect width="1444" height="216" fill="white"/></clipPath></defs></svg>') no-repeat bottom center;
  background-size: 100% auto;
}

@media (min-width: 1440px) {
  .custom-container {
    max-width: 1402px;  
    margin-left: auto;
    margin-right: auto;}
}

#tecnologia .container {
  position: relative;
  z-index: 2;
}

.ia-icon {
  position: absolute;
  top: -5%;
  right: 40%; 
  transform: translateY(45%) translateX(-110%);
  max-width: 60vw;
  z-index: 1; 
}

/* form */
.form-section {
  padding: 50px 0;
}

.form-container {
  border: 2px solid #FDC510; 
  border-radius: 0px 5px 5px 5px;
  padding: 20px;
  background-color: #fff;
}

.nav-item {
  border-radius: 0;
}

.nav-tabs .nav-link {
  border: none;
  padding: 12px 20px;
  border-radius: 0;
}

.nav-tabs .nav-link.active {
  background-color: #FDC510;
  color: #000;
}

.nav-tabs .nav-link:not(.active) {
  background-color: #B2E0F3;
  color: #000;
}
.navbar.fixed-top {
  transition: top 0.3s ease;
  z-index: 1040 !important; /* Força um nível abaixo do alert */
  top: -7px !important;

}

.navbar.alert-space {
  top: 55px; /* ou ajuste conforme a altura real do seu alert */
  transition: top 0.3s ease-in-out;
}
#header-alert {
  z-index: 1051; /* Maior que o navbar padrão do Bootstrap */
}
@media (max-width: 768px) { /* Mobile size */
  .navbar.alert-space {
    top: 0px;
  }
}


.form-select {
  border-bottom: 2px solid #0C4DA1;
  border-radius: 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
.form-control {
  border-bottom: 2px solid #0C4DA1;
  border-radius: 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}

.btn-primary {
  background-color: #0C4DA1;
  border: none;
}

.btn-primary:hover {
  background-color: #0A448C;
}
.fade-section {
  opacity: 1; 
  transform: translateY(0px);
  transition: all 0.3s ease-out;
}
.bg-primary-hover {
  background-color: #073B7A !important; 
  transition: background-color 0.3s ease-in-out;
}
.w-sm-100 {
  width: 100% !important;
}

@media (min-width: 992px) { /* lg */
  .w-lg-50 {
    width: 50% !important;
  }
}

.pointer {
  cursor: pointer;
}