/* ========================================
   FORMS - Estilos de formulários
   ======================================== */

/* Label padrão do site */
.form-label--site {
    color: var(--cor-azul-escuro);
    font-size: 0.9rem;
}

/* Label muted do formulário de contato */
.form-label--muted {
    color: var(--cor-texto-muted);
    font-size: var(--fonte-tamanho-md);
}

/* Select muted */
.form-select--muted {
    color: var(--cor-texto-muted);
}

/* Input newsletter (site home) */
.input--newsletter {
    width: 100%;
    max-width: 325px;
    height: 40px;
    border-radius: 10px;
}

/* Textarea com altura mínima */
.textarea--min-100 {
    min-height: 100px;
}

.textarea--min-160 {
    min-height: 160px;
}

/* Checkbox label pequeno */
.form-check-label--xs {
    font-size: var(--fonte-tamanho-xs);
    color: #000;
}

/* Color input padrão (painel timeline) */
.form-control-color--padrao {
    height: 40px;
}

/* Color input pequeno (editor newsletter) */
.form-control-color--sm {
    height: 31px;
}

/* Input largura auto */
.input--auto-width {
    width: auto;
}

/* Input largura fixa 80px */
.input--w80 {
    width: 80px;
}

/* Badge variável (chip clicável) */
.chip-variavel {
    cursor: pointer;
    font-size: var(--fonte-tamanho-md);
}

/* Tabela campo largura fixa */
.td--label {
    width: 140px;
}