body {
  /* Define um fundo de cor sólida como fallback */
  background-color: #2940d6;

  /* Cria o degradê do branco no topo para o azul na base */
  background: linear-gradient(to bottom, #ffffff, #2940d6);

  /* Garante que o degradê ocupe toda a altura da tela */
  min-height: 100vh;

  /* Remove margens padrão do navegador */
  margin: 0;
}

.btn-inetsoft {
  background-color: #2940d6 !important;
  color: white !important;
  text-align: left;
}

.btn-inetsoft:hover {
  background-color: #1f32aa !important;
  /* opcional: tom mais escuro no hover */
}

.link-inetsoft {
  color: #2940d6;
  text-decoration: underline;
  /* opcional */
}

.link-inetsoft:hover {
  color: #1f32aa;
  /* tonalidade mais escura no hover */
}

.download-link {
  text-decoration: none;
  color: inherit;
}

.download-link:hover {
  text-decoration: underline;
}

/* CSS para personalização fina */
.footer-logo {
  /* Define uma altura máxima para o logo para não quebrar o layout */
  max-height: 40px;
}

.social-icons a {
  /* Adiciona um pequeno espaço entre os ícones */
  margin-left: 15px;
  color: white; /* Garante que os ícones fiquem brancos */
  transition: opacity 0.3s ease; /* Efeito suave ao passar o mouse */
}

.social-icons a:hover {
  opacity: 0.8; /* Leve transparência ao passar o mouse */
}

.social-icons svg {
  /* Define um tamanho fixo para os ícones SVG */
  width: 24px;
  height: 24px;
}

/* Estilo para o overlay de carregamento */
.loader-overlay {
    display: none; /* Escondido por padr?o */
    position: fixed; /* Cobre a tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* Fundo preto semi-transparente */
    z-index: 9999; /* Garante que fique sobre todos os outros elementos */
    
    /* Centraliza o conte?do (a imagem e o texto) */
    justify-content: center;
    align-items: center;
}

/* Estilo para o conte?do dentro do loader */
.loader-content {
    text-align: center;
    color: white;
}

/* Classe que vamos usar via JS para mostrar o loader */
.loader-overlay.show {
    display: flex; /* Muda para flex para ativar e centralizar o conte?do */
}

/* Estiliza??o b?sica do formul?rio para o exemplo */
.form-group {
    margin-bottom: 15px;
}
label {
    display: block;
    margin-bottom: 5px;
}
input {
    width: 100%;
    padding: 8px;
}