/* Estilos gerais */
        body, html {
            margin: 0;
            padding: 0;
            height: 100%;
            font-family: Arial, sans-serif;
            align-items: stretch; /* Estica o conteúdo para a altura total */
            justify-content: flex-start; /* Alinha ao início da tela */
            overflow-y: hidden;
            overflow-x: hidden;
            
        }

        /* Contêiner principal ocupa toda a largura e altura da tela */
        .login-container {
            display: flex;
            width: 100%;
            height: 100%;
            align-items: stretch; /* Garante que o formulário e a imagem cubram a altura */
        }

        /* Área do formulário de login */
        .login-form {
            background-color: #0a1b2a;
            color: white;
            /*width: 400px;  Largura fixa para o formulário */
            padding: 40px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            box-sizing: border-box; /* Inclui padding na largura total */
			
        }

        /* Título e logo */
        .login-logo img {
            max-width: 150px;
            margin-bottom: 20px;
        }

        h2 {
            color: white;
            font-weight: bold;
            margin-bottom: 20px;
            font-size: 24px;
        }

        /* Campos de entrada */
        .form-control {
            background-color: #f0f4fa;
            border: none;
            border-radius: 5px;
            padding: 10px;
            margin-bottom: 20px;
        }

        /* Botão de login */
        .btn-login {
            background-color: #009bff;
            border: none;
            color: white;
            padding: 10px;
            border-radius: 5px;
            font-weight: bold;
            transition: background 0.3s;
        }

        .btn-login:hover {
            background-color: #007acc;
			color: white;
        }

        /* Link de esqueci a senha */
        .forgot-password {
            color: #a3c9f3;
            font-size: 14px;
            text-decoration: none;
        }

        /* Área de imagem ocupa o restante da tela */
        .login-image {
            flex-grow: 1; /* Ocupa o restante do espaço à direita */
            background: url('../images/bg-login.jpg') no-repeat center center; 
            background-size: cover;
        }

        .background-video {
            position: absolute;
            top: 0;
            left: 400px;
            width: 80%;
            height: 100%;
            object-fit: fill;
            z-index: 0;
            pointer-events: none; /* Impede a interação com o vídeo */
            overflow-y: hidden;
        }

        /* Responsividade */
        @media (max-width: 567px) {
            .login-container {
                
                flex-direction: column-reverse;
				
            }
			
			.login-logo {
				display: none;
			}

            .login-form {
                width: 100%;
                padding: 20px;
				height: 450px;				
            }

            .login-image {
                width: 100%;
                height: 250px; /* Altura para a imagem no mobile */
                background: url('../images/bg-login.jpg') no-repeat center center;
                background-size: cover;                
            }

            .background-video {
                display: none;
            }
        }


        @media (min-width: 2000px) {

            .login-form {
                width: 700px;
            }

            .fontHiRes {
                font-size: 36px !important;
            }

            .forgot-password {
                font-size: 24px !important;
            }            

            .logoHiRes {
                max-width: 450px !important;
            }

            .background-video {
                display: none;
            }
        }