.elementor-890 .elementor-element.elementor-element-7e535aa{--display:flex;--min-height:84vh;--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;--justify-content:center;}.elementor-890 .elementor-element.elementor-element-34707f1{--display:flex;--min-height:500px;--justify-content:center;--border-radius:20px 20px 20px 20px;}.elementor-890 .elementor-element.elementor-element-34707f1:not(.elementor-motion-effects-element-type-background), .elementor-890 .elementor-element.elementor-element-34707f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-890 .elementor-element.elementor-element-7e535aa{--content-width:500px;}.elementor-890 .elementor-element.elementor-element-34707f1{--content-width:500px;}}/* Start custom CSS for shortcode, class: .elementor-element-968f997 *//* Estiliza a caixa do formulário */
.um.um-login {
    background: #ffffff; /* Fundo branco */
    padding: 30px;
    border-radius: 10px; /* Bordas arredondadas */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); /* Sombra para destaque */
    width: 100%;
    max-width: 450px; /* Limita a largura do formulário */
}

/* Estiliza os rótulos dos campos */
.um-field-label {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px;
    color: #0D1522;
    margin-bottom: 5px;
    display: block;
}

/* Estiliza os campos de entrada */
.um-field-area input[type="text"],
.um-field-area input[type="password"] {
    width: 100%; /* Garante que os campos ocupem toda a largura disponível */
    padding: 12px; /* Espaçamento interno maior */
    border: 1px solid #ccc;
    border-radius: 5px;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 16px; /* Aumenta o tamanho do texto dentro do campo */
    color: #0D1522;
    margin-bottom: 20px; /* Espaçamento inferior */
}

/* Estiliza o botão de login */
.um-button {
    background-color: #02FAF9 !important; /* Cor de fundo */
    color: #0D1522 !important; /* Cor do texto */
    font-family: 'DM Sans', sans-serif !important; /* Aplica a fonte */
    font-weight: 600 !important; /* Peso 600 */
    font-size: 16px !important; /* Ajusta o tamanho do texto */
    border: none !important; /* Remove a borda */
    padding: 12px 20px !important; /* Ajusta o espaçamento interno */
    border-radius: 5px !important; /* Bordas arredondadas */
    transition: background 0.3s ease-in-out !important; /* Efeito suave */
    cursor: pointer !important; /* Ícone de clique */
    width: 100%; /* Faz o botão ocupar toda a largura */
}

/* Estiliza o botão no hover */
.um-button:hover {
    background-color: #00d9d8 !important; /* Cor no hover */
    color: #ffffff !important; /* Texto branco no hover */
}

/* Estiliza o checkbox "Mantenha-me conectado" */
.um-field-checkbox-option {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px;
    color: #0D1522;
}

.um-field-checkbox-state i {
    color: #0D1522; /* Cor do ícone do checkbox */
}

/* Estiliza o link "Esqueceu sua senha?" */
.um-link-alt {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px;
    color: #0D1522; /* Cor do texto */
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}

.um-link-alt:hover {
    color: #02FAF9; /* Cor no hover */
}

/* Estiliza o ícone de olho (mostrar/ocultar senha) */
.um-toggle-password i {
    color: #0D1522; /* Cor do ícone */
    cursor: pointer;
}

.um-toggle-password i:hover {
    color: #02FAF9; /* Cor no hover */
}

/* Oculta campos ocultos ou anti-spam */
.um_request_name {
    display: none !important; /* Oculta elementos desnecessários */
}/* End custom CSS */