Comunicação

Nossa Sede

Vale da Informática da Technocity
Muallimköy Mah. Gebze/Kocaeli

Nossos endereços de e-mail

hello@vocens.com
destek@vocens.com

Ligue para nós

+90 (850) 123 45 67
Dias úteis: 09h00 - 18h00

/* Voc Form - Formulário de contato (para espaços mínimos e estreitos) */ .voc-form-fields-container { exibição:flexível; direção flexível: coluna; lacuna: 0,8rem; /* Os espaços foram bastante reduzidos */ fundo: transparente; /* Fundo e preenchimento grosso removidos */ fronteira:nenhuma; preenchimento: 0; largura: 100%; } .voc-form-grupo { exibição:flexível; direção flexível: coluna; lacuna: 0,3rem; /* O espaço entre a tag e a entrada foi reduzido */ largura: 100%; margem inferior: 0! importante; } .voc-label { cor: rgba (255, 255, 255, 0,8) !importante; peso da fonte: 600; tamanho da fonte: 13px !importante; /* Tamanho de fonte mínimo maior */ família de fontes: 'Inter', sem serifa; exibição:flexível; alinhar itens: centro; lacuna: 0,2rem; } .voc-marca obrigatória { cor: var(--brand-red, #f7374f) !importante; } .voc-input { largura: 100%; plano de fundo: rgba (0, 0, 0, 0,2) !importante; borda: 1px sólido rgba (255, 255, 255, 0,1) !importante; cor: #fff !importante; preenchimento: 0,7rem 1rem !importante; /* Diluído */ raio da borda: 8px! Importante; /* Mais cantos ovais mínimos */ tamanho da fonte: 14px !importante; família de fontes: 'Inter', sem serifa; esboço: nenhum; transição: todos os 0,3s facilitam; filtro de pano de fundo: desfoque (5px); } .voc-input::placeholder { cor: rgba (255, 255, 255, 0,3) !importante; } .voc-input: foco { cor da borda: var(--brand-red, #f7374f) !importante; plano de fundo: rgba (0, 0, 0, 0,4) !importante; sombra da caixa: 0 0 0 2px rgba (247, 55, 79, 0,1); } /* Selecione (menu pop-up) Configurações personalizadas */ .voc-select { aparência: nenhuma; imagem de fundo: url("dados:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4% 22%20altura%3D%22292,4%22%3E%3Ccaminho%20preenchimento%3D%22%23ffffff%22%20d%3D%22M287%2069.4a17,6%2017,6%200%200%200-13-5.4H18.4c-5% 200-9,3%201,8-12,9%205,4A17,6%2017,6%200%200%200%200%2082,2c 0%205%201,8%209,3%205,4%2012,9l128%20127,9c3,6%203,6%207,8%2 05,4%2012,8%205,4s9,2-1,8%2012,8-5,4L287%2095c3,5-3,5%205,4- 7,8%205,4-12,8%200-5-1,9-9,2-5,5-12,8z%22%2F%3E%3C%2Fsvg%3E”) !importante; repetição em segundo plano: sem repetição! Importante; posição de fundo: direita 1rem top 50% !importante; tamanho do fundo: 0,6rem automático! Importante; } Opção .voc-selecionar { plano de fundo: #0f172a; cor: #fff; } /* Configurações da área de texto */ .voc-textarea { redimensionar: vertical; altura mínima: 80px !importante; /* Altura reduzida consideravelmente */ } /* Design da caixa de seleção KVKK */ .voc-checkbox-wrapper { margem superior: 0,2rem; } .voc-checkbox-label { exibição:flexível; alinhar itens: flex-start; lacuna: 0,6rem; cursor: ponteiro; cor: rgba (255, 255, 255, 0,7); altura da linha: 1,4; tamanho da fonte: 12px !importante; /* O texto KVKK foi reduzido */ } .voc-checkbox-input { aparência: nenhuma; largura mínima: 16px; altura: 16px; borda: 1px sólido rgba (255, 255, 255, 0,2) !importante; raio da borda: 4px! Importante; plano de fundo: rgba (0, 0, 0, 0,2) !importante; cursor: ponteiro; posição: relativa; transição: todos os 0,2s facilitam; margem superior: 1px; } .voc-checkbox-input: verificado { plano de fundo: var(--brand-red, #f7374f) !importante; cor da borda: var(--brand-red, #f7374f) !importante; } .voc-checkbox-input:checked::after { conteúdo: ''; posição: absoluta; esquerda: 4px; bola: 2px; largura: 4px; altura: 8px; borda: branco sólido; largura da borda: 0 2px 2px 0; transformar: girar (45 graus); } .voc-checkbox-content a { cor: var(--brand-red, #f7374f) !importante; decoração de texto: sublinhado; tamanho da fonte: 12px !importante; } /* Botão Enviar (mínimo) */ .voc-enviar-btn { margem superior: 0,5rem; plano de fundo: var(--brand-red, #f7374f) !importante; cor: #fff !importante; borda: nenhuma !importante; preenchimento: 0,8rem 1,5rem !importante; /* Diluído */ raio da borda: 8px! Importante; /* Bordas compatíveis */ peso da fonte: 600; tamanho da fonte: 14px !importante; família de fontes: 'Inter', sem serifa; cursor: ponteiro; exibição:flexível; alinhar itens: centro; justificar-conteúdo: centro; lacuna: 0,5rem; transição: todos os 0,3s facilitam; largura: 100%; } .voc-submit-btn:hover { plano de fundo: #e02040 !importante; transformar: traduzirY(-1px); } /* Carregando Spinner */ .voc-spinner { display: bloco embutido; largura: 14px; altura: 14px; borda: 2px rgba sólido (255.255.255.0,3); raio da fronteira: 50%; cor da borda superior: #fff; animação: vocSpin 1s easy-in-out infinito; } @keyframes vocSpin { para {transformar: girar (360 graus); } }