.elementor-3608 .elementor-element.elementor-element-156db7e8{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3608 .elementor-element.elementor-element-156db7e8 > .elementor-widget-container{margin:40px 40px 40px 40px;padding:25px 25px 25px 25px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for column, class: .elementor-element-108ff422 *//*
 * CSS Personalizado e Robusto para Formulário de Login do Ultimate Member
 * Este código usa seletores mais específicos e a tag !important para garantir a aplicação dos estilos.
*/

/* (Opcional) Adiciona um fundo e sombra à coluna/seção para criar um card */
.elementor-3608 .elementor-element.elementor-element-108ff422 {
    background-color: #ffffff;
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

/* Estilo para os campos de input (Usuário, Senha) */
.elementor-3608 .elementor-element.elementor-element-108ff422 .um-form input[type=text],
.elementor-3608 .elementor-element.elementor-element-108ff422 .um-form input[type=password],
.elementor-3608 .elementor-element.elementor-element-108ff422 .um-form input[type=email] {
    border: 2px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 15px !important;
    font-size: 16px !important;
    transition: all 0.3s ease;
}

/* Efeito de foco (quando o usuário clica no campo) */
.elementor-3608 .elementor-element.elementor-element-108ff422 .um-form input[type=text]:focus,
.elementor-3608 .elementor-element.elementor-element-108ff422 .um-form input[type=password]:focus,
.elementor-3608 .elementor-element.elementor-element-108ff422 .um-form input[type=email]:focus {
    border-color: #035dc5 !important;
    box-shadow: 0 0 0 3px rgba(3, 93, 197, 0.2) !important;
}

/* Estilo para as labels (USERNAME OR E-MAIL, PASSWORD) */
.elementor-3608 .elementor-element.elementor-element-108ff422 .um-field-label label {
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    color: #4a5568 !important;
    margin-bottom: 8px !important;
}

/* Estilo do botão principal "Login" */
.elementor-3608 .elementor-element.elementor-element-108ff422 .um-form .um-button,
.elementor-3608 .elementor-element.elementor-element-108ff422 .um-form input[type=submit] {
    background-color: #035dc5 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 16px !important;
    padding: 15px 30px !important;
    border-radius: 8px !important;
    border: none !important;
    width: 100% !important;
    transition: background-color 0.3s ease;
    cursor: pointer;
}

/* Efeito hover para o botão principal */
.elementor-3608 .elementor-element.elementor-element-108ff422 .um-form .um-button:hover,
.elementor-3608 .elementor-element.elementor-element-108ff422 .um-form input[type=submit]:hover {
    background-color: #000000 !important;
}

/* Estilo do botão secundário "Register" */
.elementor-3608 .elementor-element.elementor-element-108ff422 .um-form .um-button.secondary {
    background-color: #e2e8f0 !important;
    color: #4a5568 !important;
}
.elementor-3608 .elementor-element.elementor-element-108ff422 .um-form .um-button.secondary:hover {
    background-color: #cbd5e0 !important;
}

/* Estilo para a caixa "Keep me signed in" */
.elementor-3608 .elementor-element.elementor-element-108ff422 .um-field-checkbox label.um-field-checkbox-option {
    font-size: 14px !important;
    color: #4a5568 !important;
}

/* Estilo para o link "Forgot your password?" */
.elementor-3608 .elementor-element.elementor-element-108ff422 .um-form .um-link {
    color: #035dc5 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    margin-top: 20px !important;
    display: block !important;
    text-align: center !important;
}
.elementor-3608 .elementor-element.elementor-element-108ff422 .um-form .um-link:hover {
    text-decoration: underline !important;
}/* End custom CSS */