.elementor-2755 .elementor-element.elementor-element-8067876{--display:flex;--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;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-8bb21d7 *//* --- 1. O Cartão do Formulário (Container) --- */
.form-empresa-wrapper {
    background: #ffffff;
    padding: 40px;
    max-width: 800px;
    margin: 40px auto; /* Centraliza na tela */
    border-radius: 12px; /* Cantos arredondados */
    box-shadow: 0 10px 40px rgba(0,0,0,0.08); /* Sombra suave para dar profundidade */
    border-top: 6px solid #009c3b; /* Faixa Verde Institucional no topo */
    border-bottom: 6px solid #ffcd00; /* Faixa Amarela na base */
    font-family: 'Roboto', sans-serif; /* Garante fonte moderna */
}

/* --- 2. Títulos e Labels --- */
.form-empresa-wrapper label {
    display: block;
    font-weight: 700; /* Negrito */
    color: #006425; /* Verde Escuro para os títulos */
    margin-bottom: 8px;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* --- 3. Campos de Texto (Inputs) --- */
.form-empresa-wrapper input[type="text"],
.form-empresa-wrapper input[type="url"] {
    width: 100%;
    padding: 15px;
    border: 2px solid #e1e1e1; /* Borda cinza suave */
    border-radius: 8px;
    background-color: #f9f9f9;
    font-size: 1rem;
    color: #333;
    transition: all 0.3s ease;
    box-sizing: border-box; /* Garante que padding não estoure a largura */
}

/* Efeito ao clicar no campo (Foco) */
.form-empresa-wrapper input:focus {
    border-color: #009c3b; /* Fica verde SINE ao digitar */
    background-color: #fff;
    outline: none;
    box-shadow: 0 0 0 4px rgba(0, 156, 59, 0.1); /* Brilho verde suave em volta */
}

/* Texto de ajuda (placeholder e small) */
.form-empresa-wrapper input::placeholder {
    color: #bbb;
}

/* --- 4. Grupos de Campos (Espaçamento) --- */
.form-grupo, 
.form-grupo-logo {
    margin-bottom: 25px; /* Espaço entre cada pergunta */
}

/* Colocar Site e Instagram lado a lado (se a tela permitir) */
.form-row {
    display: flex;
    gap: 20px;
}
.metade {
    width: 50%;
}

/* --- 5. Melhorando o Input de Arquivo (Logo) --- */
.form-empresa-wrapper input[type="file"] {
    padding: 10px;
    background: #f0fdf4; /* Fundo esverdeado bem claro */
    border: 1px dashed #009c3b;
    border-radius: 8px;
    width: 100%;
    cursor: pointer;
}

/* Preview da Logo (A imagem redonda) */
.preview-logo img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 4px solid #ffcd00; /* Borda Amarela */
    object-fit: cover;
    margin-bottom: 15px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* --- 6. Botões (Onde vamos tirar o rosa) --- */
.form-acoes {
    margin-top: 40px;
    display: flex;
    align-items: center;
    gap: 20px;
}

/* Botão Salvar (Verde SINE) */
.form-empresa-wrapper button[type="submit"] {
    background-color: #009c3b !important; /* Força o verde */
    color: #fff !important;
    border: none !important; /* Remove borda rosa do tema */
    padding: 15px 40px;
    font-size: 1rem;
    font-weight: 800;
    text-transform: uppercase;
    border-radius: 50px; /* Botão arredondado moderno */
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(0, 156, 59, 0.4); /* Sombra verde */
    transition: transform 0.2s, background-color 0.3s;
    flex-grow: 1; /* Ocupa espaço disponível */
}

.form-empresa-wrapper button[type="submit"]:hover {
    background-color: #007a2e !important; /* Verde mais escuro no mouse */
    transform: translateY(-3px); /* Sobe um pouquinho */
}

/* Link Voltar (Discreto) */
.btn-cancelar {
    color: #666;
    text-decoration: none;
    font-weight: 600;
    padding: 10px 20px;
    transition: color 0.3s;
}

.btn-cancelar:hover {
    color: #d32f2f; /* Fica vermelho ao passar o mouse (alerta de sair) */
    text-decoration: underline;
}

/* --- 7. Mobile (Celular) --- */
@media (max-width: 768px) {
    .form-empresa-wrapper {
        padding: 20px;
        margin: 20px 10px;
    }
    .form-row {
        flex-direction: column; /* Um campo embaixo do outro no celular */
        gap: 0;
    }
    .metade {
        width: 100%;
    }
    .form-acoes {
        flex-direction: column;
    }
    .form-empresa-wrapper button[type="submit"], 
    .btn-cancelar {
        width: 100%;
        text-align: center;
    }
}/* End custom CSS */