.elementor-17323 .elementor-element.elementor-element-1536cfd{--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;}.elementor-17323 .elementor-element.elementor-element-1536cfd:not(.elementor-motion-effects-element-type-background), .elementor-17323 .elementor-element.elementor-element-1536cfd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#272121;}.elementor-17323 .elementor-element.elementor-element-8273a1a{width:var( --container-widget-width, 41% );max-width:41%;--container-widget-width:41%;--container-widget-flex-grow:0;}.elementor-widget-button .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 );}@media(max-width:1024px){.elementor-17323 .elementor-element.elementor-element-8273a1a{width:100%;max-width:100%;}}/* Start custom CSS for html, class: .elementor-element-8273a1a *//* Estilos gerais para o formulário */
#workshop_dev_exterior {
    font-family: "Poppins", sans-serif; /* Define a fonte Poppins, com fallback para sans-serif */
}

/* Container principal dos campos do formulário */
#workshop_dev_exterior ._form-content {
    display: flex;
    flex-wrap: wrap; /* Permite que os itens quebrem para a próxima linha */
    gap: 10px; /* Espaçamento entre os campos */
}

/* Wrapper de cada elemento do formulário (label + input) */
#workshop_dev_exterior ._form_element {
    display: flex;
    flex-direction: column;
    margin-bottom: 0; /* Remove margem inferior padrão se houver */
}

/* Ajusta os wrappers dos campos para layout */
#workshop_dev_exterior ._form_element._x75137431, /* Seletor específico para Nome */
#workshop_dev_exterior ._form_element._x74066586 { /* Seletor específico para Telefone */
    width: calc(50% - 5px); /* Calcula 50% da largura menos metade do gap */
}

#workshop_dev_exterior ._form_element._x18298795 { /* Seletor específico para Email */
    width: 100%; /* Ocupa a largura total */
}

/* Estilo dos campos de input */
#workshop_dev_exterior input[type="text"] {
    font-size: 16px;
    height: 55px;
    padding: 0 15px; /* Adiciona padding interno */
    border: none; /* Remove a borda padrão */
    border-radius: 5px; /* Bordas arredondadas */
    background-color: #FFFFFF; /* Fundo branco */
    color: #333; /* Cor do texto digitado */
    width: 100%; /* Garante que o input ocupe o wrapper */
    box-sizing: border-box; /* Garante que padding não aumente a largura total */
}

/* Estilo do placeholder */
#workshop_dev_exterior ::placeholder {
    color: #888; /* Cor do placeholder */
    opacity: 1; /* Garante opacidade total */
}

/* Remove o outline ao focar */
#workshop_dev_exterior input:focus-visible,
#workshop_dev_exterior ._submit:focus-visible {
    outline: none;
}

/* Wrapper do botão */
#workshop_dev_exterior ._button-wrapper {
     width: 100%; /* Garante que o wrapper ocupe toda a largura */
}

/* Estilo do botão de envio */
#workshop_dev_exterior ._submit {
    width: 100%;
    background: #FFC253; /* Cor de fundo amarela/laranja */
    color: #090B17; /* Cor do texto escura */
    border: none;
    border-radius: 5px; /* Bordas arredondadas */
    height: 60px; /* Altura do botão */
    font-weight: 700; /* Peso da fonte */
    font-size: 16px; /* Tamanho da fonte */
    cursor: pointer;
    transition: transform 0.3s ease, background-color 0.3s ease; /* Transição suave */
    margin-top: -10px; /* Espaço acima do botão */
}

/* Efeito hover do botão */
#workshop_dev_exterior ._submit:hover {
    transform: scale(1.03); /* Leve aumento no hover */
    background: #00A45B; /* Escurece um pouco a cor no hover */
    /* Mantendo a cor do texto original no hover, conforme imagem */
    color: #FFF;
}

/* Oculta elementos desnecessários (ajuste conforme necessidade) */
#workshop_dev_exterior input[type="hidden"],
#workshop_dev_exterior ._clear-element {
    display: none;
}

#workshop_dev_exterior ._error-inner{
    color: #FFF;
    font-size: 0.8rem;
}

/* Media Query para telas menores (exemplo: empilhar campos lado a lado) */
@media (max-width: 600px) {
    #workshop_dev_exterior ._form_element._x75137431, /* Nome */
    #workshop_dev_exterior ._form_element._x74066586 { /* Telefone */
        width: 100%; /* Ocupa largura total em telas pequenas */
    }

    #workshop_dev_exterior ._form-content {
        gap: 10px; /* Reduz o gap em telas menores */
    }
}/* End custom CSS */