.elementor-164 .elementor-element.elementor-element-872daf1{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.41;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-164 .elementor-element.elementor-element-872daf1:not(.elementor-motion-effects-element-type-background), .elementor-164 .elementor-element.elementor-element-872daf1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://frank.asuperideia.com.br/wp-content/uploads/2025/05/banner-login2.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-164 .elementor-element.elementor-element-872daf1::before, .elementor-164 .elementor-element.elementor-element-872daf1 > .elementor-background-video-container::before, .elementor-164 .elementor-element.elementor-element-872daf1 > .e-con-inner > .elementor-background-video-container::before, .elementor-164 .elementor-element.elementor-element-872daf1 > .elementor-background-slideshow::before, .elementor-164 .elementor-element.elementor-element-872daf1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-164 .elementor-element.elementor-element-872daf1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-widget-login .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-login .elementor-field-group > a{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group > a:hover{color:var( --e-global-color-accent );}.elementor-widget-login .elementor-form-fields-wrapper label{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-widget-login .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group .elementor-field, .elementor-widget-login .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-login .elementor-widget-container .elementor-login__logged-in-message{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-164 .elementor-element.elementor-element-62d6651{width:var( --container-widget-width, 39% );max-width:39%;--container-widget-width:39%;--container-widget-flex-grow:0;}.elementor-164 .elementor-element.elementor-element-62d6651 > .elementor-widget-container{background-color:#FFFFFF00;padding:40px 40px 40px 40px;}.elementor-164 .elementor-element.elementor-element-62d6651 .elementor-field-group{margin-bottom:10px;}.elementor-164 .elementor-element.elementor-element-62d6651 .elementor-form-fields-wrapper{margin-bottom:-10px;}.elementor-164 .elementor-element.elementor-element-62d6651 .elementor-field-group > a{color:#FFFDFD;}body .elementor-164 .elementor-element.elementor-element-62d6651 .elementor-field-group > label{padding-bottom:12px;}.elementor-164 .elementor-element.elementor-element-62d6651 .elementor-form-fields-wrapper label{color:#FFFFFF;}.elementor-164 .elementor-element.elementor-element-62d6651 .elementor-field-group .elementor-field{color:#000000;}.elementor-164 .elementor-element.elementor-element-62d6651 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF;border-width:0px 0px 0px 0px;border-radius:7px 7px 7px 7px;}.elementor-164 .elementor-element.elementor-element-62d6651 .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF;border-width:0px 0px 0px 0px;border-radius:7px 7px 7px 7px;}.elementor-164 .elementor-element.elementor-element-62d6651 .elementor-button{font-family:"Roboto", Sans-serif;font-weight:700;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:7px 7px 7px 7px;padding:20px 20px 20px 20px;transition-duration:100ms;}.elementor-164 .elementor-element.elementor-element-62d6651 .elementor-widget-container .elementor-login__logged-in-message{color:#FFFFFF;}@media(max-width:1024px){.elementor-164 .elementor-element.elementor-element-872daf1{--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-164 .elementor-element.elementor-element-62d6651{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-164 .elementor-element.elementor-element-872daf1{--content-width:1280px;}}@media(max-width:767px){.elementor-164 .elementor-element.elementor-element-872daf1{--min-height:100vh;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-164 .elementor-element.elementor-element-872daf1:not(.elementor-motion-effects-element-type-background), .elementor-164 .elementor-element.elementor-element-872daf1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-800px 0px;}.elementor-164 .elementor-element.elementor-element-62d6651{width:100%;max-width:100%;}.elementor-164 .elementor-element.elementor-element-62d6651 > .elementor-widget-container{padding:20px 20px 20px 20px;}}/* Start custom CSS for login, class: .elementor-element-62d6651 */.elementor-164 .elementor-element.elementor-element-62d6651{
background: rgba(255, 255, 255, 0.06);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(9.8px);
-webkit-backdrop-filter: blur(9.8px);
border: 1px solid rgba(255, 255, 255, 0.3);
/* From https://css.glass */
background: rgba(255, 255, 255, 0.06);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(9.8px);
-webkit-backdrop-filter: blur(9.8px);
border: 1px solid rgba(255, 255, 255, 0.3);

}

/* Estilo base do botão com degradê */
.elementor-size-md.elementor-button {
    position: relative;
    display: inline-flex; /* Flexbox para alinhar texto e ícone lado a lado */
    align-items: center; /* Centraliza verticalmente o conteúdo */
    justify-content: center; /* Centraliza horizontalmente o conteúdo */
    padding: 15px 30px;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    background: linear-gradient(135deg, #ff0000, #b30000, #800000); /* Degradê com tons de vermelho */
    border: 1px solid #b30000;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 4px 20px rgba(255, 0, 0, 0.6); /* Glow inicial */
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

/* Ícone de cadeado fechado (padrão) */
.elementor-size-md.elementor-button::after {
    content: '\f023'; /* Código do ícone de cadeado fechado no Font Awesome */
    font-family: 'Font Awesome 5 Free'; /* Fonte apenas para o ícone */
    font-weight: 900; /* Ícones sólidos do Font Awesome */
    font-size: 20px; /* Tamanho do ícone */
    margin-left: 10px; /* Espaçamento de 5px entre o texto e o ícone */
    position: relative;
    z-index: 2; /* Garante que o ícone fique acima do efeito de luz */
    transition: content 0.3s ease; /* Transição suave no hover */
}

/* Efeito da luz vermelha animada */
.elementor-size-md.elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -150%; /* Começa fora do botão */
    width: 150%; /* Largura maior para suavidade */
    height: 100%;
    background: linear-gradient(to right, rgba(255, 50, 50, 0.5), rgba(255, 0, 0, 0.3), rgba(255, 50, 50, 0.5)); /* Luz vermelha intensa */
    transform: skewX(-45deg); /* Inclinação da luz */
    z-index: 1;

    /* Animação contínua indo e voltando */
    animation: slide-light-pingpong 6s ease-in-out infinite; /* Mais lento */
}

/* Ajuste do texto */
.elementor-size-md.elementor-button span {
    position: relative;
    z-index: 2;
}

/* Efeito de hover: cadeado aberto */
.elementor-size-md.elementor-button:hover::after {
    content: '\f3c1'; /* Código do ícone de cadeado aberto no Font Awesome */
}

/* Efeito de hover no botão */
.elementor-size-md.elementor-button:hover {
    box-shadow: 0 6px 30px rgba(255, 0, 0, 0.8); /* Glow mais forte no hover */
    transform: scale(1.05); /* Leve aumento no tamanho */
}

/* Keyframes para a luz indo e voltando */
@keyframes slide-light-pingpong {
    0% {
        left: -150%; /* Começa fora do botão pela esquerda */
    }
    50% {
        left: 0%; /* Luz no centro do botão */
    }
    100% {
        left: 150%; /* Sai pelo lado direito */
    }
}/* End custom CSS */