/* Formulário de demonstração da home (CF7 "Contact form 1")
   Complementa .lead-form-cf7 do dist/css/main.css: marcação de campos
   obrigatórios e estilo do select (número de funcionários). */

.lead-form-cf7 .scopi-required-note {
    margin: 0 0 -4px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
}

.lead-form-cf7 .scopi-req {
    color: #d92d20;
    font-weight: 700;
}

.lead-form-cf7 .scopi-field-group label .scopi-req {
    margin-left: 2px;
}

.lead-form-cf7 .scopi-acceptance .scopi-req {
    margin-left: 2px;
}

/* Select com a mesma aparência dos inputs */
.lead-form-cf7 select {
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid var(--line);
    border-radius: var(--r-md);
    background-color: var(--bg-soft);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23303943' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    width: 100%;
    min-height: 48px;
    color: var(--ink);
    outline: none;
    padding: 13px 40px 13px 14px;
    font: inherit;
    font-size: 15px;
    line-height: 1.3;
    cursor: pointer;
    transition: border-color .2s, box-shadow .2s, background-color .2s;
}

.lead-form-cf7 select:focus {
    border-color: var(--blue);
    background-color: #fff;
    box-shadow: 0 0 0 4px #0fa0fa1f;
}

.lead-form-cf7 select.wpcf7-not-valid,
.lead-form-cf7 input.wpcf7-not-valid {
    border-color: #d92d20;
}

/* O label do dist é display:grid, o que jogaria o asterisco para uma linha própria */
.lead-form-cf7 .scopi-field-group label {
    display: block;
}