/*FONT
--------*/
@font-face {
    font-family: 'CMTiempo';
    src: url('https://ngaimobi.pt/wp-content/uploads/fonts/CMTiempo.ttf.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'CMTiempo', sans-serif !important;
}

/* Aplicar a fonte 'CMTiempo' especificamente ao número do contador */
.elementor-counter-number {
    font-family: 'CMTiempo', sans-serif !important;
}

/*CONTACT FORM
--------*/

/* 1. Container Principal - Transforma em Flexbox */
.contact-form {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* Espaçamento uniforme entre TODOS os elementos */
}

/* 2. Garante que os parágrafos automáticos do CF7 não quebrem o layout */
.contact-form p {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%; /* Por padrão, ocupam a linha toda */
}

/* 3. Configuração das Colunas (E-mail e Telefone) */
/* Forçamos os blocos #left e #right a ficarem lado a lado */
#left, #right {
    flex: 1; /* Faz com que dividam o espaço disponível */
    min-width: 200px; /* Evita que fiquem demasiado pequenos */
    width: auto !important;
}

/* 4. Estilização dos campos de input e textarea */
.contact-form input:not([type="checkbox"]):not([type="submit"]),
.contact-form textarea {
    width: 100% !important;
    display: block;
    box-sizing: border-box;
    padding: 10px; /* Ajuste o respiro interno se necessário */
}

/* 5. Ajuste da Mensagem e Checkboxes para ocuparem 100% */
.contact-form span.wpcf7-form-control-wrap {
    width: 100%;
    display: block;
}

/* 6. Espaçamento entre os Checkboxes de Consentimento */
.acceptance-contacte-nos {
    margin-top: 5px !important; /* Ajusta o espaço entre as linhas de texto */
    display: block;
    width: 100%;
}

.acceptance-contacte-nos label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    line-height: 1.4;
}

/* 7. Botão Enviar */
.wpcf7-submit {
    width: 100% !important;
    margin-top: 10px !important;
    padding: 15px !important;
    cursor: pointer;
    background-color: #e2d1a9; /* Cor aproximada da sua imagem */
    border: none;
    color: white;
}

/* 8. Responsividade para Mobile */
@media only screen and (max-width: 600px) {
    #left, #right {
        flex: none;
        width: 100% !important;
    }
}