.elementor-108 .elementor-element.elementor-element-758049e > .elementor-widget-container{margin:0px 0px 15px 0px;padding:0px 0px 0px 0px;}.elementor-108 .elementor-element.elementor-element-74623f4{width:var( --container-widget-width, 99.693% );max-width:99.693%;--container-widget-width:99.693%;--container-widget-flex-grow:0;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-108 .elementor-element.elementor-element-5b274ed{width:32.957%;}.elementor-108 .elementor-element.elementor-element-9afa130{width:33.375%;}}/* Start custom CSS for shortcode, class: .elementor-element-74623f4 *//* Container principal do formulário Contact Form 7 */
.wpcf7 form {
    max-width: 100%; /* Garante que o formulário não exceda o contêiner pai */
    margin: 0 auto; /* Centraliza o formulário na página */
    padding: 0; /* Remove padding extra do container, se houver */
    box-sizing: border-box;
    background: transparent; /* Certifica que o background do form seja transparente */
}

/* Estilo para os rótulos (labels) */
.wpcf7 label {
    display: block; /* Cada label ocupa sua própria linha */
    margin-bottom: 8px; /* Espaço entre o label e o campo */
    font-weight: normal; /* Pode ser bold se preferir */
    color: #fff; /* Cor do texto do label, supondo fundo escuro do site */
    font-size: 15px;
}

/* Linha de campos usando Flexbox */
.form-row {
    display: flex;
    flex-wrap: wrap; /* Permite que os itens quebrem para a próxima linha */
    gap: 20px; /* Espaçamento entre as colunas */
    margin-bottom: 15px; /* Espaço entre as linhas de formulário */
}

/* Colunas individuais dos campos */
.form-col {
    flex: 1 1 calc(50% - 10px); /* Garante que dois campos caibam em uma linha com gap */
    min-width: 280px; /* Os campos não encolhem abaixo de 280px para boa legibilidade */
    box-sizing: border-box; /* Essencial para que padding/border não afetem o width */
}

/* Estilo específico para a coluna da mensagem (textarea) */
.form-col-message {
    flex: 1 1 100%; /* Faz a coluna da mensagem ocupar 100% da largura em telas grandes */
}

/* Estilos para todos os inputs de texto, e-mail, textarea e select */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea,
.wpcf7 select {
    width: 100%; /* Ocupa 100% da largura da sua .form-col pai */
    border: 1px solid #555; /* Borda cinza escura */
    border-radius: 8px; /* Cantos arredondados */
    padding: 12px; /* Preenchimento interno */
    font-size: 15px; /* Tamanho da fonte */
    background: transparent; /* FUNDO TRANSPARENTE DOS CAMPOS */
    color: #fff; /* Cor do texto digitado, supondo fundo escuro do site */
    transition: 0.3s ease; /* Transição suave para o foco */
    box-sizing: border-box; /* Inclui padding e border no width */
}

/* Estilos para o texto do placeholder */
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
    color: #aaa; /* Cor mais clara para o placeholder */
    opacity: 1; /* Garante que o placeholder seja visível em todos os navegadores */
}

/* Estilos para as opções do select (quando o select é aberto, o fundo da opção) */
.wpcf7 select option {
    background: #333; /* Fundo escuro para as opções do select */
    color: #fff; /* Texto branco para as opções */
}

/* Estilos específicos para o textarea */
.wpcf7 textarea {
    min-height: 140px; /* Altura mínima da área de texto */
    resize: vertical; /* Permite redimensionar verticalmente */
}

/* Estilos de foco para inputs, textarea e select */
.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
    border-color: #ff5e00; /* Borda laranja ao focar */
    box-shadow: 0 0 0 2px rgba(255, 94, 0, 0.2); /* Sombra suave ao focar */
    outline: none; /* Remove o outline padrão do navegador */
}

/* Estilos do botão de envio */
.wpcf7-submit {
    background: #ff5e00; /* Cor de fundo laranja */
    color: #fff; /* Texto branco */
    padding: 12px 24px; /* Preenchimento do botão */
    border-radius: 8px; /* Cantos arredondados */
    font-weight: bold; /* Texto em negrito */
    border: none; /* Remove borda */
    cursor: pointer; /* Cursor de "mão" ao passar por cima */
    transition: background 0.3s, transform 0.2s; /* Transições suaves */
    margin-top: 20px; /* Espaço acima do botão */
    display: inline-block; /* Permite que o botão se adapte ao conteúdo */
}

/* Efeitos hover e active para o botão de envio */
.wpcf7-submit:hover {
    background: #e65200; /* Laranja mais escuro ao passar o mouse */
    transform: scale(1.03); /* Leve aumento de tamanho */
}

.wpcf7-submit:active {
    transform: scale(0.98); /* Leve encolhimento ao clicar */
}

/* Estilos para mensagens de validação e sucesso/erro do CF7 */
.wpcf7-response-output {
    margin: 20px 0;
    padding: 10px;
    border-radius: 4px;
    font-size: 14px;
    color: #fff; /* Cor do texto das mensagens de feedback */
    background-color: rgba(0, 0, 0, 0.5); /* Fundo semi-transparente para mensagens */
    border: 1px solid transparent;
}

.wpcf7-validation-errors {
    border-color: #f44336; /* Borda vermelha para erros */
    background-color: rgba(244, 67, 54, 0.2); /* Fundo vermelho suave */
    color: #f44336; /* Texto vermelho */
}

.wpcf7-mail-sent-ok {
    border-color: #4CAF50; /* Borda verde para sucesso */
    background-color: rgba(76, 175, 80, 0.2); /* Fundo verde suave */
    color: #4CAF50; /* Texto verde */
}

/* ========================================= */
/* MEDIA QUERIES PARA RESPONSIVIDADE EM TELAS MENORES */
/* ========================================= */

@media (max-width: 768px) {
    /* Em telas menores que 768px, as colunas se empilham */
    .form-col {
        flex: 1 1 100%; /* Cada coluna ocupa 100% da largura */
        min-width: unset; /* Remove o min-width para permitir encolhimento total */
        margin-bottom: 15px; /* Espaço entre os campos quando empilhados */
    }

    .form-row {
        gap: 0; /* Remove o gap quando as colunas estão empilhadas */
        margin-bottom: 0; /* Remove margem extra da linha para um fluxo mais compacto */
    }

    /* Ajuste para o último campo em uma coluna para evitar margem dupla */
    .form-col:last-child {
        margin-bottom: 0;
    }

    /* O botão de envio ocupa 100% da largura em telas pequenas */
    .wpcf7-submit {
        width: 100%;
        margin-top: 20px; /* Garante que o botão ainda tenha espaço */
    }
}/* End custom CSS */