:root {
  --input-padding-x: .75rem;
  --input-padding-y: .75rem;
  --branco: #ffffff; 
}


        html, body {
            height: 100%; /* Certifique-se de que o html e body ocupam toda a altura da página */
            background-color: #212d64;
            background-image: linear-gradient(to bottom, #17517d, #212d64);
            color: white;
            margin: 0;
        }

        body {
            display: flex;
            flex-direction: column;
            min-height: 100vh; /* Garante que o body tenha no mínimo a altura da viewport */
        }
		
		a,a:hover,a:active,a:visited,a:focus {
			text-decoration:none
		}

        .content {
            flex: 1; /* Faz o conteúdo crescer para empurrar o rodapé */
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 15px;
        }

        .btn-azul {
            background-color: #3cb9ad;
            color: #1d1d1b;
        }
		
        .fnd-azul {
            background-color: #212d64;
            background-image: linear-gradient(to bottom, #17517d, #212d64);
            color: white;
        }

        .btn-azul:hover {
            background-color: #4ebfc3;
        }

        .form-group input, 
        .form-group button, 
        .input-group input {
            width: 100%; /* Garante que os campos e o botão terão a mesma largura */
        }

        .checkbox {
            width: 100%;
        }
		
		.logo-texto {
		  font-family: 'Montserrat', sans-serif;
		  font-weight: 600;
		  letter-spacing: 0.25em;
		  margin: 1em 0 1em 0;
		  color: var(--branco);
		}

        footer {
            background-color: #212d64;
            padding: 10px 0;
            text-align: center;
            color: white;
        }
		
        footer p {
            margin: 0;
            color: white;
			background-color: transparent;
        }