nav {
      display: none !important;
    }
	  
    footer {
      display: none !important;
    }
	  
    .container {
      height: 100vh; /* Altura total da viewport */
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .close-button {
      position: absolute;
      top: 20px;
      right: 20px;
      color: darkblue; /* Ícone de fechar branco */
      font-size: 24px;
      cursor: pointer;
    }

    .login-container {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .photo-container {
      flex-basis: 50%;
      margin-right: 40px;
    }

    .photo-container img {
      max-width: 100%;
      box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5);
    }

    .options-container {
      flex-basis: 50%;
      text-align: right;
    }

    .options-container a {
      color: darkblue;
    }

    .form-control {
      background-color: #FFFFFF;
      border: none;
      border-bottom: 2px solid darkorange;
      border-radius: 0;
      height: 45px;
      font-size: 16px;
    }

    .form-control:focus {
      background-color: #FFFFFF;
      border-color: 2px solid darkorange;
      box-shadow: none;
    }

    .btn-primary {
      background-color: darkorange;
      border-color: darkorange;
      border-radius: 30px;
      padding: 10px 20px;
      font-size: 18px;
      width: 100%;
      margin-top: 20px;
    }

    .btn-primary:hover {
      background-color: darkblue;
      border-color: darkblue;
      border-radius: 30px;
      padding: 10px 20px;
      font-size: 18px;
      width: 100%;
      margin-top: 20px;
    }	  


    .forgot-password {
      color: darkblue;
      text-align: right;
      margin-top: 10px;
    }

    .forgot-password a:hover {
      color: darkorange;
      text-align: right;
      margin-top: 10px;
    }

    .register-button {
      text-align: center;
      margin-top: 20px;
    }

    .logo-container {
      text-align: center;
      margin-right: 40px;
		min-width: 50%;
    }

    .logo-container h1, .logo-container p {
      color: #FFFFFF;
    }

    @media (max-width: 767px) {
      .login-container {
		  display: initial;
		  width: 100%;
		}
      .logo-container {
        margin-bottom: 50px;
      }
    }