.elementor-46 .elementor-element.elementor-element-228e59a{--display:flex;--min-height:911px;--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;--padding-top:40px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-46 .elementor-element.elementor-element-228e59a:not(.elementor-motion-effects-element-type-background), .elementor-46 .elementor-element.elementor-element-228e59a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2E2E2E;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-46 .elementor-element.elementor-element-193ab63 img{width:32%;}@media(max-width:767px){.elementor-46 .elementor-element.elementor-element-228e59a{--min-height:780px;--padding-top:40px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-46 .elementor-element.elementor-element-193ab63 img{width:100%;}}/* Start custom CSS for container, class: .elementor-element-228e59a *//* 1. Altera a cor do Botão e do Texto dentro dele */
.um-login .um-button {
    background-color: #E5C669 !important; /* Cor de fundo (ex: Amarelo igual ao título) */
    color: #000000 !important;            /* Cor do texto "Login" */
    border-radius: 5px !important;       /* Arredondamento dos cantos */
}

/* 2. Altera a cor do Botão quando passa o mouse (Hover) */
.um-login .um-button:hover {
    background-color: #e6c200 !important; /* Um amarelo mais escuro no hover */
}

/* 3. Altera a cor das etiquetas (Login e Senha) */
.um-login .um-field-label {
    color: #FFFFFF !important;           /* Cor branca para destacar no fundo escuro */
    font-weight: bold !important;
}/* End custom CSS */