/* Configuração base e comportamento de scroll */
body {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
/* Estilos para o container do vídeo de fundo */
.video-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: linear-gradient(
    135deg,
    rgba(243, 243, 243, 0.096) 0%,
    rgba(243, 243, 243, 0.082) 10%,
    rgba(243, 243, 243, 0.048) 25%
  );
}
.video-container::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    135deg,
    rgba(243, 243, 243, 0.390) 0%,
    rgba(243, 243, 243, 0.390) 50%,
    rgba(243, 243, 243, 0.390) 100%
  );
  pointer-events: none;
  z-index: 2;
}
.video-container video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
  z-index: 1;
}
.video-fallback {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    #f3f3f3 0%,
    #e8e8e8 50%,
    #f3f3f3 100%
  );
  z-index: 0;
}
.content-overlay {
  position: relative;
  z-index: 10;
}
/* Animação de fade-in ao rolar a página */
.fade-in-up {
  opacity: 0;
  transform: translateY(30px);
  transition:
    opacity 0.8s ease,
    transform 0.8s ease;
}
.fade-in-up.visible {
  opacity: 1;
  transform: translateY(0);
}
/* Estilos da barra de navegação ao rolar */
.nav-sticky {
  background-color: transparent;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.nav-sticky.scrolled {
  background-color: white;
  backdrop-filter: blur(10px);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(196, 156, 72, 0.2);
}
/* Efeito de hover para os cards */
.card-hover {
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.card-hover:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px rgba(196, 157, 72, 0.336);
}
/* Estilo para números em tabelas/estatísticas */
.stat-number {
  font-variant-numeric: tabular-nums;
}
/* View Transitions API (Experimental) */
@view-transition {
  navigation: auto;
}
/* Seleciona os links no menu desktop e mobile que NÃO são o botão de contato */
#navbar a:not(.bg-gold),
#mobile-menu a:not(.bg-gold) {
  color: rgb(45 62 80);
  transition: color 0.3s ease; /* Adiciona uma transição suave */
}
/* Estilo do hover para os mesmos links */
#navbar a:not(.bg-gold):hover,
#mobile-menu a:not(.bg-gold):hover {
  color: rgb(190, 136, 19);
}
.bg-blue{
  background-color: rgb(45 62 80);
}
.txt-white{
  color: #ffffff;
}

.largura-form{
  width: 100%;
  max-width: 450px;
}