/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 29 2025 | 19:07:00 */
/* --- ESTILOS PERSONALIZADOS PARA O FORMULÁRIO SUREFORMS --- */

/* 1. CAIXA DO FORMULÁRIO (CONTÊINER GERAL) */
/* Seletor mais específico para garantir aplicação */
body .sureforms-form-wrapper {
    background-color: #F4F6F6 !important; /* Cor de Fundo: Branco Off-White */
    border-radius: 8px !important; /* Bordas: Levemente arredondadas */
    box-shadow: 0 4px 15px rgba(0, 78, 99, 0.08) !important; /* Sombra sutil */
    padding: 40px !important; /* Padding Interno para Desktop */
    max-width: 700px !important; /* Limita a largura máxima do formulário */
    margin: 0 auto !important; /* Centraliza o formulário na página */
    box-sizing: border-box !important; /* Inclui padding e borda na largura/altura total */
}

/* Ajuste de Padding para Mobile */
@media (max-width: 768px) {
    body .sureforms-form-wrapper {
        padding: 30px !important;
    }
}

/* 2. CAMPOS DE TEXTO (INPUTS) E TEXTAREA */
/* Seletores mais específicos para garantir aplicação */
body .sureforms-field-input,
body .sureforms-field-textarea {
    background-color: #F4F6F6 !important; /* Cor de Fundo: Branco Off-White */
    border: 1px solid #A0B2A6 !important; /* Borda: Verde Sálvia */
    border-radius: 8px !important; /* Arredondamento das bordas */
    padding: 12px 15px !important; /* Padding Interno do Campo (vertical horizontal) */
    box-sizing: border-box !important; /* Garante que padding e borda não aumentem a largura */
    width: 100% !important; /* Ocupa 100% da largura disponível no contêiner do campo */
    font-size: 18px !important; /* Tamanho da Letra para Desktop */
    color: #333333 !important; /* Cor do Texto Digitado */
    font-weight: 400 !important; /* Peso da Letra Normal */
    line-height: 1.5 !important; /* Altura da linha para melhor legibilidade */
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important; /* Transição suave para o foco */
}

/* Altura dos Campos de Texto (INPUTS) */
body .sureforms-field-input {
    height: 48px !important; /* Altura fixa para campos de texto em Desktop */
}

/* Altura do TEXTAREA ("Maior desafio atual") */
body .sureforms-field-textarea {
    min-height: 120px !important; /* Altura mínima para o textarea em Desktop */
    resize: none !important; /* Desabilita o redimensionamento pelo usuário */
}

/* Ajustes para Mobile (Campos de Texto e Textarea) */
@media (max-width: 768px) {
    body .sureforms-field-input,
    body .sureforms-field-textarea {
        font-size: 16px !important; /* Tamanho da Letra para Mobile */
    }
    body .sureforms-field-input {
        height: 44px !important; /* Altura fixa para campos de texto em Mobile */
    }
    body .sureforms-field-textarea {
        min-height: 100px !important; /* Altura mínima para o textarea em Mobile */
    }
}

/* 3. PLACEHOLDERS */
/* Seletores mais específicos para garantir aplicação */
body .sureforms-field-input::placeholder,
body .sureforms-field-textarea::placeholder {
    color: #D0D4D8 !important; /* Cor: Cinza Neutro Médio Claro */
    font-size: 18px !important; /* Tamanho da Letra para Desktop */
    font-weight: 400 !important; /* Peso da Letra Normal */
}

/* Ajustes de Placeholder para Mobile */
@media (max-width: 768px) {
    body .sureforms-field-input::placeholder,
    body .sureforms-field-textarea::placeholder {
        font-size: 16px !important; /* Tamanho da Letra para Mobile */
    }
}

/* 4. ESTADO DE FOCO (QUANDO O USUÁRIO CLICA NO CAMPO) */
/* Seletores mais específicos para garantir aplicação */
body .sureforms-field-input:focus,
body .sureforms-field-textarea:focus {
    border-color: #004E63 !important; /* Borda: Azul Petróleo Profundo */
    border-width: 2px !important; /* Espessura da borda */
    outline: none !important; /* Remove o outline padrão do navegador */
    box-shadow: 0 0 0 3px rgba(0, 78, 99, 0.2) !important; /* Sombra sutil */
}

/* 5. ESPAÇAMENTO ENTRE OS CAMPOS */
/* Seletor identificado: .sureforms-field-wrapper (o contêiner de cada campo) */
body .sureforms-field-wrapper {
    margin-bottom: 20px !important; /* Margem inferior para Desktop */
}

/* Remove margem do último campo para evitar espaço extra */
body .sureforms-field-wrapper:last-of-type {
    margin-bottom: 0 !important;
}

/* Ajuste de Espaçamento para Mobile */
@media (max-width: 768px) {
    body .sureforms-field-wrapper {
        margin-bottom: 16px !important; /* Margem inferior para Mobile */
    }
}

/* 6. BOTÃO DE ENVIO */
/* Seletor mais específico para garantir aplicação */
body .sureforms-submit-button {
    background-color: #004E63 !important; /* Cor de Fundo: Azul Petróleo Profundo */
    color: #F4F6F6 !important; /* Cor do Texto: Branco Off-White */
    font-size: 20px !important; /* Tamanho da Letra para Desktop */
    font-weight: 700 !important; /* Negrito */
    height: 56px !important; /* Altura do Botão para Desktop */
    padding: 18px 30px !important; /* Padding Interno */
    border: none !important; /* Remove borda padrão */
    border-radius: 8px !important; /* Bordas arredondadas */
    box-shadow: 0 4px 15px rgba(0, 78, 99, 0.2) !important; /* Sombra */
    cursor: pointer !important; /* Indica que é clicável */
    width: 100% !important; /* Ocupa a largura total do contêiner */
    box-sizing: border-box !important; /* Inclui padding e borda na largura/altura total */
    transition: background-color 0.3s ease, box-shadow 0.3s ease !important; /* Transição suave para o hover */
}

/* Ajustes do Botão para Mobile */
@media (max-width: 768px) {
    body .sureforms-submit-button {
        font-size: 18px !important; /* Tamanho da Letra para Mobile */
        height: 50px !important; /* Altura do Botão para Mobile */
    }
}

/* 7. EFEITO HOVER DO BOTÃO */
/* Seletor mais específico para garantir aplicação */
body .sureforms-submit-button:hover {
    background-color: #337A8F !important; /* Cor de Fundo: Azul Petróleo Médio */
    box-shadow: 0 8px 25px rgba(0, 78, 99, 0.3) !important; /* Sombra expandida */
}

/* 8. ESCONDER LABELS E USAR PLACEHOLDERS (PARA "Maior desafio atual") */
/* Seletor mais específico para garantir aplicação */
body .sureforms-field-label {
    display: none !important; /* Esconde o label */
}