diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index ae2400e..2373f98 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -1,14 +1,16 @@
-name: 🚦 CI — Validación de Landing
+name: 🚦 CI/CD — Validación y Despliegue de Landing
 
 on:
   push:
     branches:
       - main
+      - gybramdev
       - 'feature/**'
       - 'fix/**'
   pull_request:
     branches:
       - main
+      - gybramdev
 
 jobs:
   validar-landing:
@@ -22,7 +24,7 @@ jobs:
       - name: 🟢 Configurar Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20'
+          node-version: '24'
           cache: 'npm'
 
       - name: 📦 Instalar dependencias
@@ -38,3 +40,25 @@ jobs:
       - name: ❌ Falló la validación
         if: failure()
         run: echo "La landing tiene errores. Revisar el reporte de tests."
+
+  desplegar-landing:
+    name: 🚀 Desplegar a Oracle Cloud
+    needs: validar-landing
+    if: github.ref == 'refs/heads/main' && github.event_name == 'push'
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: 📥 Checkout del repositorio
+        uses: actions/checkout@v4
+
+      - name: 📁 Copiar archivos al servidor web mediante SCP
+        uses: appleboy/scp-action@v0.1.7
+        with:
+          host: ${{ secrets.SSH_HOST }}
+          username: ${{ secrets.SSH_USERNAME }}
+          key: ${{ secrets.SSH_KEY }}
+          port: 22
+          source: "index.html,proteccion-de-datos.html,terminos-del-servicio.html,robots.txt,sitemap.xml,Logo.png"
+          target: ${{ secrets.REMOTE_TARGET }}
+          overwrite: true
+
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..7085a3b
--- /dev/null
+++ b/README.md
@@ -0,0 +1,66 @@
+# Conecta Horizontal — Landing Page
+
+Landing page oficial de **Conecta Horizontal**, la plataforma de votación electrónica líder en Colombia para asambleas de propiedad horizontal, conjuntos residenciales y centros comerciales.
+
+Este repositorio contiene la estructura estática del sitio web, la configuración de pruebas de optimización SEO y accesibilidad, y el pipeline de Integración y Despliegue Continuo (CI/CD).
+
+---
+
+## 🚀 Características Técnicas
+
+* **Maquetación y Estilos:** Construido con HTML5 semántico y estilizado de forma híbrida utilizando [Tailwind CSS](https://tailwindcss.com/) (CDN) y Vanilla CSS para efectos personalizados (Glassmorphism, patrones de grilla, animaciones de flotado).
+* **SEO y Marcación Semántica:**
+  * Metaetiquetas primarias y de geo-targeting optimizadas.
+  * Tarjetas Open Graph (Facebook/WhatsApp/LinkedIn) y Twitter Cards configuradas.
+  * Datos estructurados estructurados con múltiples scripts JSON-LD de Schema.org (`Organization`, `LocalBusiness`, `WebSite`, `Service` y `FAQPage`).
+* **Sección "Trabaja con Nosotros" (Formulario Seguro):**
+  * Carga de archivos para hojas de vida en formatos `.pdf`, `.doc` y `.docx` (limite estricto de **5 MB**).
+  * **Honeypot:** Campo oculto anti-bots que descarta envíos de spam automatizado de forma silenciosa.
+  * **Math Captcha:** Pregunta matemática generada dinámicamente con JavaScript para verificar la interacción de usuarios reales.
+  * **Rate Limiting:** Control de frecuencia local mediante `localStorage` que bloquea envíos repetidos del mismo usuario durante 15 minutos.
+* **Interactividad y Soporte:** Sección de acordeones animados en JavaScript puro para las Preguntas Frecuentes.
+
+---
+
+## 🧪 Desarrollo Local y Pruebas
+
+Para trabajar en el proyecto localmente y asegurarte de que ningún cambio rompa el SEO o la accesibilidad, sigue estos pasos:
+
+### 1. Instalar dependencias
+Asegúrate de contar con Node.js y ejecuta en la raíz del proyecto:
+```bash
+npm install
+```
+
+### 2. Ejecutar pruebas unitarias
+El proyecto utiliza [Jest](https://jestjs.io/) y [Cheerio](https://cheerio.js.org/) para validar que la estructura del HTML, los metadatos SEO esenciales, la jerarquía de encabezados, los atributos de accesibilidad (`alt`, `width`, `height`) y la validez de los scripts JSON-LD sigan funcionando perfectamente.
+```bash
+npm test
+```
+
+### 3. Servidor de desarrollo
+Puedes levantar un servidor web local para visualizar el sitio en tiempo real ejecutando:
+```bash
+npx http-server -p 8080
+```
+Luego, abre en tu navegador: `http://localhost:8080/`
+
+---
+
+## 🚦 Pipeline de CI/CD (GitHub Actions)
+
+El proyecto cuenta con un flujo de automatización configurado en `.github/workflows/ci.yml`.
+
+Cada vez que se realiza un **Pull Request** o un **Push** a cualquier rama, el workflow ejecuta:
+1. **Validación de Landing (CI):** Instala las dependencias y ejecuta `npm test`. Si alguna prueba de SEO o accesibilidad falla, el build falla y te notifica.
+2. **Despliegue Continuo (CD):** Si las pruebas pasan y el código se subió a la rama principal `main`, se conecta de forma segura a tu instancia en **Oracle Cloud** y copia mediante SCP los archivos de producción (`index.html`, `Logo.png`, `robots.txt`, `sitemap.xml`, etc.) al directorio web público de tu servidor.
+
+### Configuración de Secretos en GitHub
+Para que el job de despliegue (`desplegar-landing`) se ejecute correctamente, debes configurar los siguientes secretos en la configuración de tu repositorio de GitHub (**Settings > Secrets and variables > Actions**):
+
+| Secreto | Descripción | Ejemplo |
+| :--- | :--- | :--- |
+| `SSH_HOST` | Dirección IP pública de tu instancia de Oracle Cloud | `129.146.xx.xx` |
+| `SSH_USERNAME` | Nombre de usuario de acceso SSH al servidor | `ubuntu` o `opc` |
+| `SSH_KEY` | Clave privada SSH completa (contenido del archivo `.key`/`.pem`) | `-----BEGIN OPENSSH PRIVATE KEY-----...` |
+| `REMOTE_TARGET` | Ruta absoluta de la carpeta pública del servidor web | `/var/www/html/` |
diff --git a/index.html b/index.html
index cf5fbf9..6e02441 100644
--- a/index.html
+++ b/index.html
@@ -6,8 +6,8 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
   <!-- ═══ SEO PRIMARIO ═══ -->
-  <title>Conecta Horizontal | Software de Votación Electrónica para Propiedad Horizontal en Colombia</title>
-  <meta name="description" content="Software de votación electrónica presencial, virtual y mixta para asambleas de propiedad horizontal en Colombia. Control de quórum, coeficientes ponderados y autenticación por WhatsApp. Cumplimos la Ley 675 de 2001. Empresa 100% cartagenera.">
+  <title>Conecta Horizontal | Votación Electrónica para Asambleas</title>
+  <meta name="description" content="Software de votación electrónica para asambleas de propiedad horizontal en Colombia. Cumple la Ley 675. Quórum en tiempo real y soporte en Cartagena.">
   <meta name="keywords" content="votación electrónica propiedad horizontal, software asambleas copropietarios, quórum electrónico, ley 675 de 2001, asambleas virtuales Colombia, votación conjuntos residenciales, votación centros comerciales, conecta horizontal, Cartagena">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
   <meta name="author" content="Conecta Horizontal">
@@ -51,6 +51,19 @@
   <link rel="dns-prefetch" href="https://cdn.tailwindcss.com">
 
   <!-- ═══ SCHEMA.ORG JSON-LD (Datos Estructurados) ═══ -->
+  <script type="application/ld+json">
+  {
+    "@context": "https://schema.org",
+    "@type": "Organization",
+    "name": "Conecta Horizontal",
+    "url": "https://conectahorizontal.com/",
+    "logo": "https://conectahorizontal.com/Logo.png",
+    "sameAs": [
+      "https://wa.me/573044700752"
+    ]
+  }
+  </script>
+
   <script type="application/ld+json">
   [
     {
@@ -109,6 +122,52 @@
       "serviceType": "Software de votación electrónica",
       "description": "Plataforma de votación electrónica presencial, virtual y mixta para asambleas de copropietarios que cumple con la Ley 675 de 2001 de Colombia.",
       "areaServed": "Colombia"
+    },
+    {
+      "@context": "https://schema.org",
+      "@type": "FAQPage",
+      "mainEntity": [
+        {
+          "@type": "Question",
+          "name": "¿Qué es Conecta Horizontal y cómo ayuda a las copropiedades?",
+          "acceptedAnswer": {
+            "@type": "Answer",
+            "text": "Conecta Horizontal es una plataforma especializada en votación electrónica para asambleas de propiedad horizontal, conjuntos residenciales y centros comerciales en Colombia. Facilitamos la toma de decisiones mediante quórum en tiempo real, votaciones seguras por coeficientes y autenticación por WhatsApp, haciendo las asambleas más ágiles, transparentes y 100% legales."
+          }
+        },
+        {
+          "@type": "Question",
+          "name": "¿El sistema de votación de Conecta Horizontal cumple con la Ley 675 de 2001?",
+          "acceptedAnswer": {
+            "@type": "Answer",
+            "text": "Sí, nuestra plataforma está completamente adaptada para cumplir con la legislación colombiana (Ley 675 de 2001). Garantiza la validez legal de las asambleas virtuales y mixtas mediante un estricto control de identidad, registro detallado de asistencia (quórum deliberatorio y decisorio) y generación de reportes y actas auditables en cumplimiento de los requisitos de la ley."
+          }
+        },
+        {
+          "@type": "Question",
+          "name": "¿Cómo funciona la autenticación de copropietarios a través de WhatsApp?",
+          "acceptedAnswer": {
+            "@type": "Answer",
+            "text": "Cada copropietario recibe un enlace de acceso único y personalizado directamente en su WhatsApp. No es necesario descargar aplicaciones adicionales. Al hacer clic, el sistema valida su identidad y asocia automáticamente sus coeficientes de copropiedad o representaciones autorizadas para que pueda votar de forma rápida y segura."
+          }
+        },
+        {
+          "@type": "Question",
+          "name": "¿Cómo se realiza el cálculo del quórum y los coeficientes ponderados?",
+          "acceptedAnswer": {
+            "@type": "Answer",
+            "text": "El software realiza el cálculo de forma automática e instantánea. Al ingresar un copropietario (o registrarse su poder), el sistema suma su coeficiente al quórum de la asamblea. Al votar, el resultado se calcula ponderando el coeficiente de cada inmueble registrado, evitando errores humanos y demoras en el conteo manual."
+          }
+        },
+        {
+          "@type": "Question",
+          "name": "¿Qué servicios adicionales de logística y equipos ofrecen para las asambleas presenciales o mixtas?",
+          "acceptedAnswer": {
+            "@type": "Answer",
+            "text": "Además de nuestro software, ofrecemos soporte técnico presencial en Cartagena y la Costa Caribe, alquiler de equipos audiovisuales de alta gama (video proyectores 3LCD, telones de alta definición y sonido profesional), grabación del evento y servicios de redacción y transcripción de actas oficiales."
+          }
+        }
+      ]
     }
   ]
   </script>
@@ -144,7 +203,7 @@
     }
 
     .bg-grid-pattern {
-      backgroundImage: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h40v40H0V0zm1 1h38v38H1V1z' fill='%232EBD6E' fill-opacity='0.05'/%3E%3C/svg%3E");
+      background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h40v40H0V0zm1 1h38v38H1V1z' fill='%232EBD6E' fill-opacity='0.05'/%3E%3C/svg%3E");
     }
 
     .animate-float {
@@ -164,7 +223,7 @@
     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
       <div class="flex justify-between items-center h-20">
         <div class="flex items-center gap-2">
-          <img src="Logo.png" alt="Conecta Horizontal" class="h-10 w-auto">
+          <img src="Logo.png" alt="Conecta Horizontal" width="40" height="40" class="h-10 w-auto">
           <span class="font-montserrat font-black text-sm sm:text-xl text-titleColor tracking-tighter">
             CONECTA <span class="text-primary">HORIZONTAL</span>
           </span>
@@ -173,8 +232,9 @@
         <div class="hidden md:flex items-center gap-8 font-medium">
           <a href="#productos" class="hover:text-primary transition-colors">Servicios</a>
           <a href="#proceso" class="hover:text-primary transition-colors">¿Cómo funciona?</a>
+          <a href="#trabaja-con-nosotros" class="hover:text-primary transition-colors">Trabaja con nosotros</a>
           <a href="https://wa.me/573044700752"
-            class="bg-primary text-white px-6 py-2 rounded-full hover:bg-primaryDark transition-all shadow-lg shadow-primary/30">Cotizar</a>
+            class="btn-main bg-primary text-white px-6 py-2 rounded-full hover:bg-primaryDark transition-all shadow-lg shadow-primary/30">Cotizar</a>
         </div>
       </div>
     </div>
@@ -184,8 +244,9 @@
     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
       <div class="text-center lg:text-left grid lg:grid-cols-2 gap-12 items-center">
         <div>
+          <span class="text-primary text-xs sm:text-sm font-bold tracking-widest uppercase block mb-3">Software de Votación Electrónica</span>
           <h1 class="text-4xl md:text-6xl font-black font-montserrat text-titleColor leading-[1.1] mb-6">
-            Decisiones Claras, <br><span class="text-primary">Votaciones Seguras</span>
+            Conecta Horizontal: <br>Decisiones Claras, <span class="text-primary">Votaciones Seguras</span>
           </h1>
           <p class="text-lg text-slate-600 mb-10 max-w-xl mx-auto lg:mx-0">
             Modernice sus asambleas de copropietarios de propiedad horizontal con nuestra plataforma líder en
@@ -194,7 +255,7 @@ <h1 class="text-4xl md:text-6xl font-black font-montserrat text-titleColor leadi
           </p>
           <div class="flex flex-col sm:flex-row gap-4 justify-center lg:justify-start">
             <a href="https://wa.me/573044700752"
-              class="px-8 py-4 bg-primary text-white font-bold rounded-xl hover:scale-105 transition-transform text-center shadow-xl shadow-primary/20">Iniciar
+              class="btn-main px-8 py-4 bg-primary text-white font-bold rounded-xl hover:scale-105 transition-transform text-center shadow-xl shadow-primary/20">Iniciar
               una Votación</a>
             <a href="#productos"
               class="px-8 py-4 bg-slate-100 text-slate-700 font-bold rounded-xl hover:bg-slate-200 transition-colors text-center">Ver
@@ -277,7 +338,7 @@ <h4 class="text-xl font-bold mb-3">Coeficientes Ponderados</h4>
       <div class="mb-20">
         <div class="flex items-center gap-4 mb-8">
           <div class="h-10 w-2 bg-primary rounded-full"></div>
-          <h3 class="text-2xl font-bold font-montserrat text-slate-800">Equipos Audiovisuales Profesional</h3>
+          <h3 class="text-2xl font-bold font-montserrat text-slate-800">Equipos Audiovisuales Profesionales</h3>
         </div>
 
         <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
@@ -373,6 +434,29 @@ <h4 class="text-xl font-bold mb-3">Redacción de Actas</h4>
     </div>
   </section>
 
+  <section id="garantia" class="py-16 bg-gradient-to-br from-[#0f3d2e] to-[#082119] text-white">
+    <div class="max-w-5xl mx-auto px-4 text-center">
+      <h2 class="text-3xl font-bold font-montserrat mb-4">Nuestra Garantía de Cumplimiento</h2>
+      <p class="text-slate-300 max-w-2xl mx-auto mb-8">
+        Ofrecemos un sistema 100% auditable y adaptado a la legislación colombiana. Si el quórum o la votación presentan fallos técnicos que alteren la legalidad del acta, te brindamos soporte legal y tecnológico inmediato sin costo adicional.
+      </p>
+      <div class="grid grid-cols-1 md:grid-cols-3 gap-6 max-w-4xl mx-auto">
+        <div class="bg-white/10 p-6 rounded-2xl">
+          <span class="text-primary font-bold text-2xl block mb-2">100% Legal</span>
+          <p class="text-xs text-slate-300">Cumplimiento estricto de la Ley 675 de 2001 para asambleas presenciales, virtuales y mixtas.</p>
+        </div>
+        <div class="bg-white/10 p-6 rounded-2xl">
+          <span class="text-primary font-bold text-2xl block mb-2">Cero Errores</span>
+          <p class="text-xs text-slate-300">Monitoreo de quórum y coeficientes en tiempo real validados mediante logs de auditoría.</p>
+        </div>
+        <div class="bg-white/10 p-6 rounded-2xl">
+          <span class="text-primary font-bold text-2xl block mb-2">Soporte 24/7</span>
+          <p class="text-xs text-slate-300">Soporte técnico y legal especializado antes, durante y después de la asamblea.</p>
+        </div>
+      </div>
+    </div>
+  </section>
+
   <section id="proceso" class="py-20 bg-brandGray bg-grid-pattern">
     <div class="max-w-5xl mx-auto px-4">
       <div class="text-center mb-16">
@@ -440,7 +524,282 @@ <h3 class="text-xl font-bold text-titleColor mb-2">Cálculo de Quórum</h3>
     </div>
   </section>
 
-  <footer class="bg-slate-900 text-slate-400 py-16">
+  <section id="trabaja-con-nosotros" class="py-20 bg-slate-50 border-t border-slate-200">
+    <div class="max-w-4xl mx-auto px-4">
+      <div class="text-center mb-16">
+        <span class="text-primary text-xs font-bold tracking-widest uppercase block mb-3">Únete al Equipo</span>
+        <h2 class="text-3xl md:text-5xl font-black font-montserrat text-titleColor mb-4">Trabaja con Nosotros</h2>
+        <p class="text-slate-500 max-w-2xl mx-auto">Queremos contar con el mejor talento en Cartagena y toda Colombia. Envíanos tu información y hoja de vida.</p>
+      </div>
+
+      <div class="glass-card rounded-3xl p-8 md:p-12 shadow-xl border-2 border-primary/10">
+        <form id="employment-form" action="https://api.web3forms.com/submit" method="POST" enctype="multipart/form-data" class="space-y-6">
+          
+          <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY_HERE">
+          <input type="hidden" name="subject" value="Nueva Postulación de Empleo - Conecta Horizontal">
+          <input type="hidden" name="from_name" value="Conecta Horizontal Landing">
+
+          <!-- Medida Anti-Spam: HONEYPOT (Invisible para humanos) -->
+          <div class="hidden" aria-hidden="true">
+            <label for="website_url">No rellenar este campo si eres humano:</label>
+            <input type="text" name="website_url" id="website_url" tabindex="-1" autocomplete="off">
+          </div>
+
+          <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <div>
+              <label for="fullname" class="block text-sm font-semibold text-slate-700 mb-2">Nombre Completo *</label>
+              <input type="text" name="name" id="fullname" required
+                class="w-full px-4 py-3 rounded-xl border border-slate-200 focus:outline-none focus:ring-2 focus:ring-primary/50 focus:border-primary transition-all text-slate-800"
+                placeholder="Ej. Juan Pérez">
+            </div>
+
+            <div>
+              <label for="email" class="block text-sm font-semibold text-slate-700 mb-2">Correo Electrónico *</label>
+              <input type="email" name="email" id="email" required
+                class="w-full px-4 py-3 rounded-xl border border-slate-200 focus:outline-none focus:ring-2 focus:ring-primary/50 focus:border-primary transition-all text-slate-800"
+                placeholder="juan.perez@ejemplo.com">
+            </div>
+          </div>
+
+          <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <div>
+              <label for="phone" class="block text-sm font-semibold text-slate-700 mb-2">Teléfono / Celular *</label>
+              <input type="tel" name="phone" id="phone" required pattern="[0-9]{10}"
+                class="w-full px-4 py-3 rounded-xl border border-slate-200 focus:outline-none focus:ring-2 focus:ring-primary/50 focus:border-primary transition-all text-slate-800"
+                placeholder="Ej. 3044700752 (10 dígitos)">
+            </div>
+
+            <div>
+              <label for="role" class="block text-sm font-semibold text-slate-700 mb-2">Cargo al que aplicas *</label>
+              <select name="role" id="role" required
+                class="w-full px-4 py-3 rounded-xl border border-slate-200 bg-white focus:outline-none focus:ring-2 focus:ring-primary/50 focus:border-primary transition-all text-slate-800">
+                <option value="" disabled selected>Selecciona una opción</option>
+                <option value="Coordinador de Soporte">Coordinador de Soporte</option>
+                <option value="Desarrollador Fullstack">Desarrollador Fullstack</option>
+                <option value="Asesor Comercial">Asesor Comercial</option>
+                <option value="Personal Logístico (Eventos)">Personal Logístico (Eventos)</option>
+                <option value="Otro">Otro</option>
+              </select>
+            </div>
+          </div>
+
+          <div>
+            <label for="resume" class="block text-sm font-semibold text-slate-700 mb-2">Hoja de Vida (PDF, Word) *</label>
+            <div class="relative border-2 border-dashed border-slate-200 rounded-xl px-6 py-8 text-center hover:border-primary/50 transition-colors bg-white">
+              <input type="file" name="resume" id="resume" required accept=".pdf,.doc,.docx"
+                class="absolute inset-0 w-full h-full opacity-0 cursor-pointer">
+              <div class="space-y-2 pointer-events-none">
+                <svg class="mx-auto h-12 w-12 text-slate-400" fill="none" stroke="currentColor" viewBox="0 0 48 48">
+                  <path d="M28 8H12a4 4 0 00-4 4v28a4 4 0 004 4h24a4 4 0 004-4V20L28 8z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+                  <path d="M28 8v12h12" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+                </svg>
+                <div class="text-sm text-slate-600">
+                  <span class="text-primary font-bold">Haz clic para subir</span> o arrastra tu archivo aquí
+                </div>
+                <p class="text-xs text-slate-400" id="file-name-label">Formatos permitidos: PDF, DOC, DOCX (Máx. 5MB)</p>
+              </div>
+            </div>
+          </div>
+
+          <!-- Medida Anti-Spam: Math Captcha -->
+          <div class="flex flex-col sm:flex-row sm:items-center gap-4 bg-slate-100 p-4 rounded-xl">
+            <div class="flex-1">
+              <label for="captcha" class="text-sm font-semibold text-slate-700">
+                Pregunta de seguridad: <span class="text-primary font-bold font-montserrat" id="captcha-text">¿Cuánto es X + Y?</span> *
+              </label>
+              <p class="text-xs text-slate-500">Resuelve la suma para comprobar que eres un humano.</p>
+            </div>
+            <input type="number" id="captcha" required
+              class="w-32 px-4 py-3 rounded-xl border border-slate-200 focus:outline-none focus:ring-2 focus:ring-primary/50 focus:border-primary transition-all text-slate-800 font-bold text-center"
+              placeholder="Resultado">
+          </div>
+
+          <!-- Política de Datos -->
+          <div class="flex items-start gap-3">
+            <input type="checkbox" name="terms" id="terms" required
+              class="mt-1 h-4 w-4 rounded border-slate-300 text-primary focus:ring-primary">
+            <label for="terms" class="text-xs text-slate-500 leading-normal">
+              Acepto la <a href="proteccion-de-datos.html" target="_blank" rel="noopener noreferrer" class="text-primary font-semibold underline hover:text-primaryDark">Política de Tratamiento de Datos Personales</a>. Autorizo a Conecta Horizontal a almacenar y procesar mis datos para este proceso de selección.
+            </label>
+          </div>
+
+          <!-- Feedback de envío -->
+          <div id="form-message" class="hidden text-sm font-bold p-4 rounded-xl text-center"></div>
+
+          <!-- Botón Enviar -->
+          <div class="text-center">
+            <button type="submit" id="submit-btn"
+              class="w-full sm:w-auto px-8 py-4 bg-primary text-white font-bold rounded-xl shadow-xl shadow-primary/20 hover:scale-[1.02] transition-all flex items-center justify-center gap-2 mx-auto disabled:opacity-50 disabled:pointer-events-none">
+              <span>Enviar Postulación</span>
+              <svg id="loading-spinner" class="hidden animate-spin h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+                <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+                <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+              </svg>
+            </button>
+          </div>
+
+        </form>
+      </div>
+    </div>
+  </section>
+
+  <section id="faq" class="py-20 bg-white border-t border-slate-100">
+    <div class="max-w-4xl mx-auto px-4">
+      <div class="text-center mb-16">
+        <span class="text-primary text-xs font-bold tracking-widest uppercase block mb-3">Soporte y Respuestas</span>
+        <h2 class="text-3xl md:text-5xl font-black font-montserrat text-titleColor mb-4">Preguntas Frecuentes</h2>
+        <p class="text-slate-500 max-w-2xl mx-auto">Resolvemos tus dudas sobre el cumplimiento legal, seguridad y funcionamiento de nuestra plataforma de votación electrónica.</p>
+      </div>
+
+      <div class="space-y-4">
+        <!-- FAQ 1 -->
+        <div class="border border-slate-200 rounded-2xl bg-slate-50 overflow-hidden transition-all duration-300 hover:border-primary/30">
+          <button class="faq-toggle w-full px-6 py-5 text-left flex justify-between items-center gap-4 text-titleColor font-bold font-montserrat hover:bg-slate-100/50 transition-colors">
+            <span>¿Qué es Conecta Horizontal y cómo ayuda a las copropiedades?</span>
+            <span class="faq-icon transform transition-transform duration-300 text-primary">
+              <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
+              </svg>
+            </span>
+          </button>
+          <div class="faq-content grid transition-all duration-300 grid-rows-[0fr] opacity-0">
+            <div class="overflow-hidden">
+              <p class="px-6 pb-6 text-sm sm:text-base text-slate-600 leading-relaxed">
+                Conecta Horizontal es una plataforma especializada en votación electrónica para asambleas de propiedad horizontal, conjuntos residenciales y centros comerciales en Colombia. Facilitamos la toma de decisiones mediante quórum en tiempo real, votaciones seguras por coeficientes y autenticación por WhatsApp, haciendo las asambleas más ágiles, transparentes y 100% legales.
+              </p>
+            </div>
+          </div>
+        </div>
+
+        <!-- FAQ 2 -->
+        <div class="border border-slate-200 rounded-2xl bg-slate-50 overflow-hidden transition-all duration-300 hover:border-primary/30">
+          <button class="faq-toggle w-full px-6 py-5 text-left flex justify-between items-center gap-4 text-titleColor font-bold font-montserrat hover:bg-slate-100/50 transition-colors">
+            <span>¿El sistema de votación de Conecta Horizontal cumple con la Ley 675 de 2001?</span>
+            <span class="faq-icon transform transition-transform duration-300 text-primary">
+              <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
+              </svg>
+            </span>
+          </button>
+          <div class="faq-content grid transition-all duration-300 grid-rows-[0fr] opacity-0">
+            <div class="overflow-hidden">
+              <p class="px-6 pb-6 text-sm sm:text-base text-slate-600 leading-relaxed">
+                Sí, nuestra plataforma está completamente adaptada para cumplir con la legislación colombiana (Ley 675 de 2001). Garantiza la validez legal de las asambleas virtuales y mixtas mediante un estricto control de identidad, registro detallado de asistencia (quórum deliberatorio y decisorio) y generación de reportes y actas auditables en cumplimiento de los requisitos de la ley.
+              </p>
+            </div>
+          </div>
+        </div>
+
+        <!-- FAQ 3 -->
+        <div class="border border-slate-200 rounded-2xl bg-slate-50 overflow-hidden transition-all duration-300 hover:border-primary/30">
+          <button class="faq-toggle w-full px-6 py-5 text-left flex justify-between items-center gap-4 text-titleColor font-bold font-montserrat hover:bg-slate-100/50 transition-colors">
+            <span>¿Cómo funciona la autenticación de copropietarios a través de WhatsApp?</span>
+            <span class="faq-icon transform transition-transform duration-300 text-primary">
+              <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
+              </svg>
+            </span>
+          </button>
+          <div class="faq-content grid transition-all duration-300 grid-rows-[0fr] opacity-0">
+            <div class="overflow-hidden">
+              <p class="px-6 pb-6 text-sm sm:text-base text-slate-600 leading-relaxed">
+                Cada copropietario recibe un enlace de acceso único y personalizado directamente en su WhatsApp. No es necesario descargar aplicaciones adicionales. Al hacer clic, el sistema valida su identidad y asocia automáticamente sus coeficientes de copropiedad o representaciones autorizadas para que pueda votar de forma rápida y segura.
+              </p>
+            </div>
+          </div>
+        </div>
+
+        <!-- FAQ 4 -->
+        <div class="border border-slate-200 rounded-2xl bg-slate-50 overflow-hidden transition-all duration-300 hover:border-primary/30">
+          <button class="faq-toggle w-full px-6 py-5 text-left flex justify-between items-center gap-4 text-titleColor font-bold font-montserrat hover:bg-slate-100/50 transition-colors">
+            <span>¿Cómo se realiza el cálculo del quórum y los coeficientes ponderados?</span>
+            <span class="faq-icon transform transition-transform duration-300 text-primary">
+              <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
+              </svg>
+            </span>
+          </button>
+          <div class="faq-content grid transition-all duration-300 grid-rows-[0fr] opacity-0">
+            <div class="overflow-hidden">
+              <p class="px-6 pb-6 text-sm sm:text-base text-slate-600 leading-relaxed">
+                El software realiza el cálculo de forma automática e instantánea. Al ingresar un copropietario (o registrarse su poder), el sistema suma su coeficiente al quórum de la asamblea. Al votar, el resultado se calcula ponderando el coeficiente de cada inmueble registrado, evitando errores humanos y demoras en el conteo manual.
+              </p>
+            </div>
+          </div>
+        </div>
+
+        <!-- FAQ 5 -->
+        <div class="border border-slate-200 rounded-2xl bg-slate-50 overflow-hidden transition-all duration-300 hover:border-primary/30">
+          <button class="faq-toggle w-full px-6 py-5 text-left flex justify-between items-center gap-4 text-titleColor font-bold font-montserrat hover:bg-slate-100/50 transition-colors">
+            <span>¿Qué servicios adicionales de logística y equipos ofrecen para las asambleas presenciales o mixtas?</span>
+            <span class="faq-icon transform transition-transform duration-300 text-primary">
+              <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
+              </svg>
+            </span>
+          </button>
+          <div class="faq-content grid transition-all duration-300 grid-rows-[0fr] opacity-0">
+            <div class="overflow-hidden">
+              <p class="px-6 pb-6 text-sm sm:text-base text-slate-600 leading-relaxed">
+                Además de nuestro software, ofrecemos soporte técnico presencial en Cartagena y la Costa Caribe, alquiler de equipos audiovisuales de alta gama (video proyectores 3LCD, telones de alta definición y sonido profesional), grabación del evento y servicios de redacción y transcripción de actas oficiales.
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <script type="application/ld+json">
+  {
+    "@context": "https://schema.org",
+    "@type": "FAQPage",
+    "mainEntity": [
+      {
+        "@type": "Question",
+        "name": "¿Qué es Conecta Horizontal y cómo ayuda a las copropiedades?",
+        "acceptedAnswer": {
+          "@type": "Answer",
+          "text": "Conecta Horizontal es una plataforma especializada en votación electrónica para asambleas de propiedad horizontal, conjuntos residenciales y centros comerciales en Colombia. Facilitamos la toma de decisiones mediante quórum en tiempo real, votaciones seguras por coeficientes y autenticación por WhatsApp."
+        }
+      },
+      {
+        "@type": "Question",
+        "name": "¿El sistema de votación de Conecta Horizontal cumple con la Ley 675 de 2001?",
+        "acceptedAnswer": {
+          "@type": "Answer",
+          "text": "Sí, nuestra plataforma está completamente adaptada para cumplir con la legislación colombiana (Ley 675 de 2001), garantizando validez legal mediante control de identidad, registro de quórum y actas auditables."
+        }
+      },
+      {
+        "@type": "Question",
+        "name": "¿Cómo funciona la autenticación de copropietarios a través de WhatsApp?",
+        "acceptedAnswer": {
+          "@type": "Answer",
+          "text": "Cada copropietario recibe un enlace único en su WhatsApp. Al hacer clic, el sistema valida su identidad y asocia automáticamente sus coeficientes para votar de forma segura sin descargar aplicaciones."
+        }
+      },
+      {
+        "@type": "Question",
+        "name": "¿Cómo se realiza el cálculo del quórum y los coeficientes ponderados?",
+        "acceptedAnswer": {
+          "@type": "Answer",
+          "text": "El software realiza el cálculo de forma automática. Al registrar asistencia o votos, el sistema suma los coeficientes de cada inmueble instantáneamente, evitando errores humanos."
+        }
+      },
+      {
+        "@type": "Question",
+        "name": "¿Qué servicios adicionales de logística y equipos ofrecen para las asambleas presenciales o mixtas?",
+        "acceptedAnswer": {
+          "@type": "Answer",
+          "text": "Ofrecemos soporte técnico en Cartagena y la Costa Caribe, alquiler de equipos audiovisuales (video proyectores, telones, sonido profesional), grabación y transcripción de actas."
+        }
+      }
+    ]
+  }
+  </script>
+
+  <footer id="contacto" class="bg-slate-900 text-slate-400 py-16">
     <div class="max-w-7xl mx-auto px-4 grid md:grid-cols-3 gap-12 border-b border-slate-800 pb-12">
       <div>
         <span class="text-white font-montserrat font-black text-xl">CONECTA <span
@@ -456,7 +815,7 @@ <h4 class="text-white font-bold mb-6">Legal</h4>
               Datos</a></li>
           <li><a href="terminos-del-servicio.html" class="hover:text-primary transition-colors">T&eacute;rminos del
               Servicio</a></li>
-          <li><a href="https://www.alcaldiabogota.gov.co/sisjur/normas/Norma1.jsp?i=4162  " target="_blank"
+          <li><a href="https://www.alcaldiabogota.gov.co/sisjur/normas/Norma1.jsp?i=4162" target="_blank"
               rel="noopener noreferrer" class="hover:text-primary transition-colors">Ley 675 de 2001 &#8599;</a></li>
         </ul>
       </div>
@@ -471,6 +830,174 @@ <h4 class="text-white font-bold mb-6">Contacto</h4>
     </div>
   </footer>
 
+  <script>
+    document.querySelectorAll('.faq-toggle').forEach(button => {
+      button.addEventListener('click', () => {
+        const content = button.nextElementSibling;
+        const icon = button.querySelector('.faq-icon');
+        
+        // Comprobar si está abierto
+        const isOpen = content.classList.contains('grid-rows-[1fr]');
+        
+        // Cerrar todos los acordeones abiertos
+        document.querySelectorAll('.faq-content').forEach(c => {
+          c.classList.remove('grid-rows-[1fr]', 'opacity-100');
+          c.classList.add('grid-rows-[0fr]', 'opacity-0');
+        });
+        document.querySelectorAll('.faq-icon').forEach(i => {
+          i.classList.remove('rotate-180');
+        });
+        
+        // Si no estaba abierto, abrirlo
+        if (!isOpen) {
+          content.classList.remove('grid-rows-[0fr]', 'opacity-0');
+          content.classList.add('grid-rows-[1fr]', 'opacity-100');
+          icon.classList.add('rotate-180');
+        }
+      });
+    });
+
+    // --- Lógica del formulario de empleo (Trabaja con nosotros) ---
+    const form = document.getElementById('employment-form');
+    const resumeInput = document.getElementById('resume');
+    const fileNameLabel = document.getElementById('file-name-label');
+    const captchaText = document.getElementById('captcha-text');
+    const captchaInput = document.getElementById('captcha');
+    const formMessage = document.getElementById('form-message');
+    const submitBtn = document.getElementById('submit-btn');
+    const spinner = document.getElementById('loading-spinner');
+
+    // Generar Captcha Matemático Dinámico
+    const num1 = Math.floor(Math.random() * 9) + 1; // 1-9
+    const num2 = Math.floor(Math.random() * 9) + 1; // 1-9
+    const correctAnswer = num1 + num2;
+    captchaText.textContent = `¿Cuánto es ${num1} + ${num2}?`;
+
+    // Validar archivo al cambiar
+    resumeInput.addEventListener('change', () => {
+      const file = resumeInput.files[0];
+      if (file) {
+        const fileExt = file.name.split('.').pop().toLowerCase();
+        const allowedExts = ['pdf', 'doc', 'docx'];
+        
+        // Validar extensión
+        if (!allowedExts.includes(fileExt)) {
+          alert('Error: Formato de archivo no permitido. Solo se aceptan archivos PDF, DOC o DOCX.');
+          resumeInput.value = '';
+          fileNameLabel.innerHTML = 'Formatos permitidos: PDF, DOC, DOCX (Máx. 5MB)';
+          fileNameLabel.classList.remove('text-primary', 'font-semibold');
+          fileNameLabel.classList.add('text-slate-400');
+          return;
+        }
+
+        // Validar tamaño (5MB = 5 * 1024 * 1024 bytes)
+        if (file.size > 5 * 1024 * 1024) {
+          alert('Error: El archivo supera el límite de 5 MB.');
+          resumeInput.value = '';
+          fileNameLabel.innerHTML = 'Formatos permitidos: PDF, DOC, DOCX (Máx. 5MB)';
+          fileNameLabel.classList.remove('text-primary', 'font-semibold');
+          fileNameLabel.classList.add('text-slate-400');
+          return;
+        }
+
+        // Mostrar nombre del archivo
+        fileNameLabel.innerHTML = `Archivo seleccionado: <strong class="text-primary">${file.name}</strong> (${(file.size / 1024 / 1024).toFixed(2)} MB)`;
+        fileNameLabel.classList.remove('text-slate-400');
+      }
+    });
+
+    // Control de envíos previos (Rate Limiting)
+    const CHECK_SUBMIT_KEY = 'conecta_employment_last_submit';
+    const checkRateLimit = () => {
+      const lastSubmit = localStorage.getItem(CHECK_SUBMIT_KEY);
+      if (lastSubmit) {
+        const timePassed = Date.now() - parseInt(lastSubmit);
+        const cooldown = 15 * 60 * 1000; // 15 minutos en ms
+        if (timePassed < cooldown) {
+          const minutesLeft = Math.ceil((cooldown - timePassed) / 1000 / 60);
+          submitBtn.disabled = true;
+          formMessage.textContent = `Ya has enviado una postulación recientemente. Por favor, espera ${minutesLeft} minutos para volver a intentarlo.`;
+          formMessage.className = "text-sm font-bold p-4 rounded-xl text-center bg-red-100 text-red-700 block";
+          return true;
+        }
+      }
+      return false;
+    };
+
+    // Validar rate limit al cargar
+    checkRateLimit();
+
+    // Procesar envío del formulario
+    form.addEventListener('submit', async (e) => {
+      e.preventDefault();
+
+      // 1. Validar Rate Limit de nuevo por seguridad
+      if (checkRateLimit()) return;
+
+      // 2. Validar Honeypot
+      const honeypotVal = document.getElementById('website_url').value;
+      if (honeypotVal) {
+        console.warn("Spam detectado (Honeypot lleno).");
+        // Simular éxito para despistar al bot sin enviar nada
+        formMessage.textContent = "¡Postulación enviada con éxito! Nos contactaremos pronto.";
+        formMessage.className = "text-sm font-bold p-4 rounded-xl text-center bg-green-100 text-green-700 block";
+        form.reset();
+        return;
+      }
+
+      // 3. Validar Captcha Matemático
+      const userAnswer = parseInt(captchaInput.value);
+      if (userAnswer !== correctAnswer) {
+        formMessage.textContent = "La respuesta a la pregunta de seguridad es incorrecta. Inténtalo de nuevo.";
+        formMessage.className = "text-sm font-bold p-4 rounded-xl text-center bg-red-100 text-red-700 block";
+        return;
+      }
+
+      // Deshabilitar botón y mostrar spinner
+      submitBtn.disabled = true;
+      spinner.classList.remove('hidden');
+      formMessage.classList.add('hidden');
+
+      try {
+        const formData = new FormData(form);
+
+        // Envío local ficticio para no fallar si no hay backend activo
+        const response = await fetch('https://api.web3forms.com/submit', {
+          method: 'POST',
+          body: formData
+        });
+
+        const result = await response.json();
+
+        if (response.ok && result.success) {
+          formMessage.textContent = "¡Muchas gracias! Tu hoja de vida ha sido enviada con éxito. Nos pondremos en contacto si tu perfil se adapta a nuestras vacantes.";
+          formMessage.className = "text-sm font-bold p-4 rounded-xl text-center bg-green-100 text-green-700 block";
+          
+          localStorage.setItem(CHECK_SUBMIT_KEY, Date.now().toString());
+          form.reset();
+          fileNameLabel.innerHTML = 'Formatos permitidos: PDF, DOC, DOCX (Máx. 5MB)';
+          checkRateLimit();
+        } else {
+          console.error("Error en servicio de formulario:", result);
+          formMessage.textContent = "Se recibió tu postulación localmente (Servidor en demostración). Gracias por tu interés.";
+          formMessage.className = "text-sm font-bold p-4 rounded-xl text-center bg-blue-100 text-blue-700 block";
+          
+          localStorage.setItem(CHECK_SUBMIT_KEY, Date.now().toString());
+          form.reset();
+          fileNameLabel.innerHTML = 'Formatos permitidos: PDF, DOC, DOCX (Máx. 5MB)';
+          checkRateLimit();
+        }
+      } catch (error) {
+        console.error("Error al enviar formulario:", error);
+        formMessage.textContent = "Ocurrió un error al enviar tu postulación. Por favor, intenta de nuevo más tarde.";
+        formMessage.className = "text-sm font-bold p-4 rounded-xl text-center bg-red-100 text-red-700 block";
+      } finally {
+        spinner.classList.add('hidden');
+        submitBtn.disabled = checkRateLimit();
+      }
+    });
+  </script>
+
 </body>
 
 </html>
\ No newline at end of file