.elementor-1287 .elementor-element.elementor-element-f1fbaed{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:90px 90px;--row-gap:90px;--column-gap:90px;--overlay-opacity:0.3;--padding-top:100px;--padding-bottom:100px;--padding-left:15px;--padding-right:15px;}.elementor-1287 .elementor-element.elementor-element-f1fbaed:not(.elementor-motion-effects-element-type-background), .elementor-1287 .elementor-element.elementor-element-f1fbaed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#9DC839;}.elementor-1287 .elementor-element.elementor-element-f1fbaed::before, .elementor-1287 .elementor-element.elementor-element-f1fbaed > .elementor-background-video-container::before, .elementor-1287 .elementor-element.elementor-element-f1fbaed > .e-con-inner > .elementor-background-video-container::before, .elementor-1287 .elementor-element.elementor-element-f1fbaed > .elementor-background-slideshow::before, .elementor-1287 .elementor-element.elementor-element-f1fbaed > .e-con-inner > .elementor-background-slideshow::before, .elementor-1287 .elementor-element.elementor-element-f1fbaed > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#9DC839;--background-overlay:'';}.elementor-1287 .elementor-element.elementor-element-cc94412{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFFFFF;--border-color:#FFFFFF;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1287 .elementor-element.elementor-element-1fd5a59 > .elementor-widget-container{margin:20px 0px 20px 0px;}.elementor-1287 .elementor-element.elementor-element-1fd5a59{text-align:center;}.elementor-1287 .elementor-element.elementor-element-1fd5a59 .ot-heading__sub{margin-bottom:0px;line-height:30px;}.elementor-1287 .elementor-element.elementor-element-1fd5a59 .ot-heading__title{color:#FFFFFF;font-size:30px;font-weight:600;line-height:30px;}.elementor-1287 .elementor-element.elementor-element-1e45fef{padding:10px 10px 10px 10px;}.elementor-1287 .elementor-element.elementor-element-1e45fef.elementor-element{--align-self:center;}.elementor-1287 .elementor-element.elementor-element-d99f9bd{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1287 .elementor-element.elementor-element-d99f9bd:not(.elementor-motion-effects-element-type-background), .elementor-1287 .elementor-element.elementor-element-d99f9bd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000060;}.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-1287 .elementor-element.elementor-element-bf7e5e3 img{width:60%;}.elementor-1287 .elementor-element.elementor-element-e06ddd0 > .elementor-widget-container{margin:0px 0px 25px 0px;}.elementor-1287 .elementor-element.elementor-element-e06ddd0{text-align:center;}.elementor-1287 .elementor-element.elementor-element-e06ddd0 .ot-heading__sub{color:#FFFFFF;font-weight:600;}.elementor-1287 .elementor-element.elementor-element-e06ddd0 .ot-heading__title{color:#FFFFFF;font-size:30px;font-weight:600;line-height:30px;}.elementor-1287 .elementor-element.elementor-element-40ce243{padding:20px 20px 20px 20px;}.elementor-1287 .elementor-element.elementor-element-40ce243.elementor-element{--align-self:stretch;}@media(min-width:768px){.elementor-1287 .elementor-element.elementor-element-cc94412{--width:50%;}.elementor-1287 .elementor-element.elementor-element-d99f9bd{--width:50%;}}@media(max-width:1200px) and (min-width:768px){.elementor-1287 .elementor-element.elementor-element-cc94412{--width:100%;}.elementor-1287 .elementor-element.elementor-element-d99f9bd{--width:100%;}}@media(max-width:1200px){.elementor-1287 .elementor-element.elementor-element-cc94412{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1287 .elementor-element.elementor-element-1fd5a59 .ot-heading__title{font-size:36px;line-height:46px;}.elementor-1287 .elementor-element.elementor-element-e06ddd0 .ot-heading__title{font-size:36px;line-height:46px;}}@media(max-width:1024px){.elementor-1287 .elementor-element.elementor-element-f1fbaed{--gap:30px 30px;--row-gap:30px;--column-gap:30px;}}@media(max-width:880px){.elementor-1287 .elementor-element.elementor-element-f1fbaed{--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;--padding-top:90px;--padding-bottom:90px;--padding-left:15px;--padding-right:15px;}.elementor-1287 .elementor-element.elementor-element-cc94412.e-con{--order:99999 /* order end hack */;}}@media(max-width:767px){.elementor-1287 .elementor-element.elementor-element-1fd5a59 .ot-heading__title{font-size:24px;line-height:36px;}.elementor-1287 .elementor-element.elementor-element-1e45fef{padding:00px 00px 00px 00px;}.elementor-1287 .elementor-element.elementor-element-e06ddd0 .ot-heading__title{font-size:24px;line-height:36px;}}/* Start custom CSS for shortcode, class: .elementor-element-1e45fef *//* --- Estilos Gerais do Contêiner --- */
/* Se o seu formulário estiver dentro de uma seção/coluna específica do Elementor,
   você pode adicionar uma classe CSS a essa seção/coluna e usá-la aqui,
   ex: .minha-secao-formulario .regus-corretor-form-wrapper */
#regus-corretor-form {

    padding: 20px;
    display: grid; /* Usaremos Grid para o layout em colunas */
    gap: 15px; /* Espaçamento entre os campos */
    font-family: Arial, sans-serif; /* Fonte legível */
    max-width: 800px; /* Limite a largura máxima do formulário */
    margin: 0 auto; /* Centraliza o formulário na página */
    box-sizing: border-box; /* Garante que padding e border sejam incluídos na largura */
}

/* --- Estilos para os campos de input --- */
#regus-corretor-form input[type="text"],
#regus-corretor-form input[type="email"],
#regus-corretor-form input[type="password"] { /* Inclua password se for adicionar no futuro */
    width: 100%; /* Ocupa a largura total da coluna */
    padding: 10px;
    border: none;
    background-color: white;
    box-sizing: border-box; /* Garante que padding e border sejam incluídos na largura */
    color: #333; /* Cor do texto dentro do input */
}

/* Estilo para os placeholders */
#regus-corretor-form input::placeholder {
    color: #888;
}

/* --- Layout em Colunas para campos específicos --- */
/* Os campos "Nome Completo", "E-mail", "Telefone" e "Botão Enviar"
   parecem ser de largura total na imagem.
   Os campos "CRECI", "Imobiliária", "Cidade", "CPF/CNPJ" parecem estar em 2 colunas. */

/* Por padrão, faça todos os inputs ocuparem 2 colunas, então ajustamos os específicos */
#regus-corretor-form input {
    grid-column: span 2; /* Por padrão, todos os inputs ocupam 2 colunas */
}

/* Ajusta os campos que você quer em meia largura para o layout de 2 colunas */
/* A ordem no HTML é importante para o grid, então vamos assumir 2 colunas para os 4 últimos */
#regus-corretor-form input[name="creci"],
#regus-corretor-form input[name="imobiliaria"],
#regus-corretor-form input[name="cidade"],
#regus-corretor-form input[name="cpf-cnpj"] {
    grid-column: span 1; /* Ocupam apenas 1 coluna */
}

/* Opcional: Se quiser um espaço entre os pares de campos */
#regus-corretor-form input[name="imobiliaria"] {
    margin-right: 0; /* Garante que não tenha margem extra */
}
#regus-corretor-form input[name="cpf-cnpj"] {
    margin-right: 0;
}


/* --- Estilos do Botão Enviar --- */
#regus-corretor-form button[type="submit"] {
    grid-column: span 2; /* Ocupa as duas colunas inteiras */
    background-color: black; /* Botão em preto */
    color: white;
    padding: 15px 20px;
    border: none;
    cursor: pointer;
    font-size: 1.2em;
    margin-top: 10px; /* Espaço acima do botão */
    width: 100%; /* Garante que o botão ocupe toda a largura disponível na coluna */
    box-sizing: border-box;
    text-transform: uppercase; /* Para combinar com a imagem */
}

/* --- Estilos para a mensagem de resposta --- */
#regus-corretor-response {
    color: white; /* Ou outra cor para mensagens de sucesso/erro/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d99f9bd */#loginform {
    background-color: #7DB60E; /* Mesma cor de fundo */
    padding: 20px;
    display: grid;
    /* Com base na imagem, os campos de login parecem estar em uma única coluna vertical */
    grid-template-columns: 1fr; /* Defina como 1 coluna para os elementos principais */
    gap: 15px; /* Espaçamento entre as seções (username, password, submit) */
    font-family: Arial, sans-serif;
    max-width: 800px; /* Mesma largura máxima */
    margin: 0 auto;
    box-sizing: border-box;
    border-radius: 8px;
}

/* Estilos para os parágrafos que contêm labels e inputs */
#loginform p {
    margin: 0; /* Remover margem padrão dos parágrafos */
    padding: 0;
    /* Cada parágrafo ocupará a largura total da coluna do grid */
    grid-column: 1 / -1; /* Ocupa todas as colunas disponíveis no grid do #loginform */
}

/* Estilos para os labels dos campos de login */
#loginform label {
    color: white !important; /* Texto branco */
    font-weight: bold !important;
    display: block !important; /* Para que o label fique acima do input */
    margin-bottom: 5px !important; /* Espaçamento entre label e input */
}

/* Estilos para os campos de input de texto e senha do LOGIN */
#loginform input[type="text"],
#loginform input[type="password"] {
    width: 100% !important; /* Força largura total */
    padding: 12px !important;
    border: none !important;
    background-color: white !important;
    box-sizing: border-box !important;
    color: #333 !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    height: auto !important; /* Garante que o padding funcione corretamente */
}

/* Estilo para o placeholder do LOGIN (se houver, embora o padrão WP use label) */
#loginform input::placeholder {
    color: #888 !important;
}

/* Estilos para o checkbox "Lembrar-me" */
#loginform p.login-remember {
    color: white !important;
    display: flex !important; /* Para alinhar o checkbox e o texto */
    align-items: center !important; /* Centralizar verticalmente */
    margin-top: 5px !important; /* Pequeno espaço acima */
    margin-bottom: 0 !important;
}

#loginform p.login-remember label {
    display: flex !important; /* O label interno do checkbox também como flex */
    align-items: center !important;
    font-weight: normal !important; /* Não bold para o texto "Lembrar-me" */
    margin-bottom: 0 !important; /* Remove margem extra do label */
}

#loginform p.login-remember input[type="checkbox"] {
    width: auto !important; /* Para não ocupar 100% */
    margin-right: 8px !important; /* Espaço entre o checkbox e o texto */
    min-width: unset !important; /* Anula min-width que outros estilos podem ter */
    padding: 0 !important; /* Remove padding que pode afetar o checkbox */
    height: auto !important; /* Anula altura fixa */
    background-color: transparent !important; /* Não tem fundo branco */
    border: 1px solid white !important; /* Borda visível para o checkbox */
    border-radius: 2px !important;
}

/* --- Estilos do Botão de Acesso (Login) --- */
#loginform input[type="submit"]#wp-submit {
    background-color: black !important;
    color: white !important;
    padding: 15px 20px !important;
    border: none !important;
    cursor: pointer !important;
    font-size: 1.2em !important;
    margin-top: 10px !important; /* Espaço entre o checkbox e o botão */
    width: 100% !important;
    box-sizing: border-box !important;
    text-transform: uppercase !important;
    border-radius: 4px !important;
    transition: background-color 0.3s ease !important;
    height: auto !important; /* Garante que o padding funcione */
}/* End custom CSS */
/* Start custom CSS */.e-con-inner { 
    max-width: 1300px !important;
}/* End custom CSS */