Comunicación

Nuestra oficina central

Valle de la Informática de la Tecnociudad
Muallimköy Mah. Gebze / Kocaeli

Nuestras direcciones de correo electrónico

hola@vocens.com
destek@vocens.com

Llámanos

+90 (850) 123 45 67
Días laborables: 09:00 - 18:00

/* Formulario Voc - Formulario de contacto (para espacios mínimos y estrechos) */ .voc-form-campos-contenedor { pantalla:flexible; dirección flexible: columna; brecha: 0,8rem; /* Los espacios se han reducido considerablemente */ fondo: transparente; /* Se elimina el fondo y el relleno grueso */ borde: ninguno; relleno: 0; ancho: 100%; } .voc-form-grupo { pantalla:flexible; dirección flexible: columna; brecha: 0,3rem; /* El espacio entre la etiqueta y la entrada se ha reducido */ ancho: 100%; margen inferior: 0 !importante; } .voc-etiqueta { color: rgba(255, 255, 255, 0.8) !importante; peso de fuente: 600; tamaño de fuente: 13px! Importante; /* Tamaño de fuente más mínimo */ familia de fuentes: 'Inter', sans-serif; pantalla:flexible; alinear elementos: centro; brecha: 0,2rem; } .voc-required-marca { color: var(--brand-red, #f7374f) !importante; } .voc-entrada { ancho: 100%; fondo: rgba(0, 0, 0, 0.2) !importante; borde: 1px solid rgba(255, 255, 255, 0.1) !importante; color: #fff !importante; relleno: 0,7rem 1rem !importante; /* Diluido */ radio de borde: 8px! Importante; /* Esquinas ovaladas más minimalistas */ tamaño de fuente: 14px! Importante; familia de fuentes: 'Inter', sans-serif; esquema: ninguno; transición: todos los 0,3 s facilitan; filtro de fondo: desenfoque (5px); } .voc-input::marcador de posición { color: rgba(255, 255, 255, 0.3) !importante; } .voc-entrada:enfoque { color del borde: var(--brand-red, #f7374f) !importante; fondo: rgba(0, 0, 0, 0.4) !importante; sombra de cuadro: 0 0 0 2px rgba(247, 55, 79, 0.1); } /* Seleccione (menú emergente) Configuración personalizada */ .voc-seleccionar { apariencia: ninguna; imagen de fondo: url("data: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%3Cpath%20fill%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; repetición de fondo: ¡no repetir! Importante; posición de fondo: derecha 1rem arriba 50% !importante; Tamaño de fondo: 0,6 rem automático. Importante; } .voc-seleccionar opción { antecedentes: #0f172a; color: #fff; } /* Configuración del área de texto */ .voc-textarea { cambiar el tamaño: vertical; altura mínima: 80px! Importante; /* Altura reducida considerablemente */ } /* Diseño de casilla de verificación KVKK */ .voc-casilla-contenedor { margen superior: 0,2 rem; } .voc-casilla-etiqueta { pantalla:flexible; alinear elementos: inicio flexible; brecha: 0,6rem; cursor: puntero; color: rgba(255, 255, 255, 0,7); altura de línea: 1,4; tamaño de fuente: 12px! Importante; /* El texto KVKK ha sido reducido */ } .voc-casilla-entrada { apariencia: ninguna; ancho mínimo: 16px; altura: 16px; borde: 1px solid rgba(255, 255, 255, 0.2) !importante; radio de borde: 4px! Importante; fondo: rgba(0, 0, 0, 0.2) !importante; cursor: puntero; posición: relativa; transición: todo 0,2 s de facilidad; margen superior: 1px; } .voc-checkbox-input: marcado { fondo: var(--brand-red, #f7374f) !importante; color del borde: var(--brand-red, #f7374f) !importante; } .voc-checkbox-input:marcado::después { contenido: ''; posición: absoluta; izquierda: 4px; bola: 2px; ancho: 4px; altura: 8px; borde: blanco sólido; ancho de borde: 0 2px 2px 0; transformar: rotar (45 grados); } .voc-checkbox-content a { color: var(--brand-red, #f7374f) !importante; decoración de texto: subrayado; tamaño de fuente: 12px! Importante; } /* Botón Enviar (Mínimo) */ .voc-enviar-btn { margen superior: 0,5 rem; fondo: var(--brand-red, #f7374f) !importante; color: #fff !importante; borde: ninguno !importante; relleno: 0,8rem 1,5rem !importante; /* Diluido */ radio de borde: 8px! Importante; /* Bordes compatibles */ peso de fuente: 600; tamaño de fuente: 14px! Importante; familia de fuentes: 'Inter', sans-serif; cursor: puntero; pantalla:flexible; alinear elementos: centro; justificar-contenido: centro; brecha: 0,5rem; transición: todos los 0,3 s facilitan; ancho: 100%; } .voc-submit-btn: flotar { antecedentes: #e02040 !importante; transformar: traducirY(-1px); } /* Cargando Spinner */ .voc-spinner { pantalla: bloque en línea; ancho: 14px; altura: 14px; borde: 2px rgba sólido (255,255,255,0.3); radio fronterizo: 50%; color-borde-superior: #fff; animación: vocSpin 1s entra y sale infinitamente; } @keyframes vocSpin { a { transformar: rotar (360 grados); } }