.elementor-767 .elementor-element.elementor-element-6a40e7e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS *//* Estilos para o container principal do formulário */
  .modern-login-form-container {
    max-width: 400px;
    margin: 40px auto;
    padding: 30px;
    background-color: #F5F5F5;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    font-family: Arial, sans-serif;
    border: solid 2px #660099;
  }

  /* Título do formulário */
  .modern-login-form-container h2 {
    font-family: 'Russo One', sans-serif;
    text-align: center;
    color: #6A1B9A;
    margin-bottom: 5px;
  }
  
    .modern-login-form-container p {
    font-family: 'Russo One', sans-serif;
    font-weight: 300;
    font-size: 14px;
    text-align: center;
    color: #444444;
    margin-bottom: 25px;
  }

  /* Estilos para os grupos de input */
  .form-group {
    margin-bottom: 20px;
  }

  .form-group label {
    display: block;
    margin-bottom: 8px;
    color: #333333;
    font-weight: bold;
  }

  /* Estilos para os campos de input */
  .form-group input[type="text"],
  .form-group input[type="password"] {
    width: 100%;
    padding: 12px;
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    box-sizing: border-box; /* Garante que o padding não aumente a largura */
    font-size: 16px;
    transition: border-color 0.3s ease;
  }

  .form-group input[type="text"]:focus,
  .form-group input[type="password"]:focus {
    border-color: #6A1B9A;
    outline: none;
  }

  /* Estilos para o botão de login */
  .modern-login-form-container input[type="submit"] {
    width: 100%;
    padding: 12px;
    background-color: #6A1B9A;
    color: #FFFFFF;
    border: none;
    border-radius: 8px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
  }

  .modern-login-form-container input[type="submit"]:hover {
    background-color: #4A148C; /* Tonalidade de roxo mais escura no hover */
    transform: translateY(-2px); /* Efeito sutil de elevação */
  }
  
    #username-warning {
    display: none; /* Inicia escondida */
    margin-top: 5px;
    padding: 10px;
    background-color: #FFEBEE; /* Fundo vermelho claro */
    color: #C62828; /* Texto vermelho escuro */
    border: 1px solid #EF9A9A;
    border-radius: 8px;
    font-size: 14px;
  }/* End custom CSS */