<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ATNIA - Innovación IA y Tecnología | Consultora de Alto Retorno</title>
<meta name="description" content="Transformamos procesos manuales en activos digitales. Consultora especializada en IA y automatización con enfoque en ROI y cumplimiento RGPD.">
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Inter:wght@400;500;700&display=swap" rel="stylesheet">
<!-- Font Awesome for Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- HEADER -->
<header class="atnia-header">
<div class="atnia-container">
<nav class="atnia-nav">
<img src="assets/images/logo-atnia.svg" alt="ATNIA Logo" class="atnia-logo">
<ul class="atnia-menu">
<li><a href="#servicios">Servicios</a></li>
<li><a href="#metodologia">Metodología</a></li>
<li><a href="#compliance">Compliance</a></li>
<li><a href="#contacto" class="btn-cta">Auditoría Discovery</a></li>
</ul>
</nav>
</div>
</header>
<!-- HERO SECTION -->
<section class="hero-section">
<div class="atnia-container">
<div class="hero-content fade-in-up">
<h1 class="hero-title">Redefinimos tu operativa para que el crecimiento no dependa de la carga administrativa</h1>
<p class="hero-subtitle">Convertimos procesos manuales lentos en activos digitales rápidos y seguros. Tu equipo deja de hacer "Data Entry" y empieza a pensar.</p>
<div class="hero-cta-group">
<a href="#contacto" class="btn-cta btn-cta-large">Solicitar Auditoría Discovery</a>
<a href="#servicios" class="btn-secondary">Ver Casos de Éxito</a>
</div>
</div>
</div>
</section>
<!-- SECCIÓN DOLORES (The Trigger) -->
<section class="pain-section" id="problemas">
<div class="atnia-container">
<h2>Muchos equipos trabajan duro, pero la empresa no avanza</h2>
<p class="text-center" style="font-size: 1.3rem; max-width: 800px; margin: 0 auto 50px; opacity: 0.95;">
¿Tu equipo hace "Data Entry" en lugar de pensar? Detectamos y eliminamos estos cuellos de botella:
</p>
<div class="pain-grid">
<div class="pain-card fade-in-up">
<div class="pain-icon">⏱️</div>
<h3>Cuellos de Botella Invisibles</h3>
<p>Procesos que parecen funcionar, pero consumen 40% más tiempo del necesario. Cada aprobación manual es una oportunidad perdida.</p>
</div>
<div class="pain-card fade-in-up" style="animation-delay: 0.2s;">
<div class="pain-icon">⚠️</div>
<h3>Errores Humanos Constantes</h3>
<p>Cada transcripción manual es un riesgo. Un error de facturación puede costar más que una automatización completa.</p>
</div>
<div class="pain-card fade-in-up" style="animation-delay: 0.4s;">
<div class="pain-icon">🔒</div>
<h3>Miedo al Cumplimiento Legal</h3>
<p>RGPD no es opcional. Las multas empiezan en 10M€. Protegemos tus datos mientras optimizamos tu operación.</p>
</div>
</div>
<div style="text-align: center; margin-top: 60px;">
<a href="#servicios" class="btn-cta btn-cta-large">Ver Cómo Lo Solucionamos</a>
</div>
</div>
</section>
<!-- ESCALERA DE VALOR (Servicios) -->
<section class="services-section" id="servicios">
<div class="atnia-container">
<h2>Nuestra Escalera de Valor</h2>
<p class="services-intro">Tres fases diseñadas para convertir tu operación en una máquina de rentabilidad predecible</p>
<div class="services-grid">
<!-- ATNIA DISCOVERY -->
<div class="service-card fade-in-up">
<span class="service-badge">Fase 1</span>
<h3>ATNIA Discovery</h3>
<p>Auditoría de procesos con cálculo de ROI real. En 2 semanas identificamos dónde estás perdiendo dinero y cómo recuperarlo.</p>
<ul class="service-features">
<li>Mapeo completo de procesos actuales</li>
<li>Análisis de coste de oportunidad</li>
<li>Hoja de ruta priorizada por impacto económico</li>
<li>Proyección de ahorro mensual validada</li>
</ul>
<div class="service-roi">
<strong>ROI Típico: 300%</strong>
<span style="display: block; font-size: 0.95rem;">Recuperas la inversión en 3-4 meses</span>
</div>
<div style="margin-top: 25px; text-align: center;">
<a href="#contacto" class="btn-cta">Solicitar Discovery</a>
</div>
</div>
<!-- ATNIA FLOW -->
<div class="service-card fade-in-up" style="animation-delay: 0.2s;">
<span class="service-badge">Fase 2</span>
<h3>ATNIA Flow</h3>
<p>Implementación de automatismos con cumplimiento RGPD certificado. Tus equipos empiezan a producir valor en semanas, no meses.</p>
<ul class="service-features">
<li>Automatización de procesos repetitivos</li>
<li>Integración con sistemas existentes</li>
<li>Cumplimiento RGPD por diseño</li>
<li>Formación práctica de equipos</li>
<li>Dashboard de métricas en tiempo real</li>
</ul>
<div class="service-roi">
<strong>Ahorro Promedio: 35%</strong>
<span style="display: block; font-size: 0.95rem;">En tiempo operativo mensual</span>
</div>
<div style="margin-top: 25px; text-align: center;">
<a href="#contacto" class="btn-cta">Iniciar Implementación</a>
</div>
</div>
<!-- ATNIA SHIELD -->
<div class="service-card fade-in-up" style="animation-delay: 0.4s;">
<span class="service-badge">Fase 3</span>
<h3>ATNIA Shield</h3>
<p>Mantenimiento preventivo y evolutivo. Tu ventaja competitiva crece mientras tu competencia sigue atascada en lo manual.</p>
<ul class="service-features">
<li>Monitorización 24/7 de sistemas críticos</li>
<li>Actualizaciones de seguridad automáticas</li>
<li>Optimización continua de procesos</li>
<li>Soporte prioritario para incidencias</li>
<li>Auditorías trimestrales de cumplimiento</li>
</ul>
<div class="service-roi">
<strong>Estabilidad: 99.8%</strong>
<span style="display: block; font-size: 0.95rem;">Uptime garantizado</span>
</div>
<div style="margin-top: 25px; text-align: center;">
<a href="#contacto" class="btn-cta">Proteger Mi Operación</a>
</div>
</div>
</div>
</div>
</section>
<!-- METODOLOGÍA -->
<section class="section-ice" id="metodologia">
<div class="atnia-container">
<h2 class="text-center">Nuestra Metodología: Security First</h2>
<p class="text-center" style="font-size: 1.2rem; max-width: 700px; margin: 0 auto 60px; color: var(--color-text-secondary);">
No basta con automatizar. Cada solución debe ser segura, auditable y cumplir con RGPD desde el diseño.
</p>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; margin-top: 50px;">
<div style="background-color: var(--color-white); padding: 35px; border-radius: 12px; text-align: center;">
<div style="font-size: 3rem; color: var(--color-deep-teal); margin-bottom: 20px;">🎯</div>
<h3>Diagnóstico Pragmático</h3>
<p style="color: var(--color-text-secondary); margin-top: 15px;">Identificamos qué automatizar primero según impacto económico, no por complejidad técnica.</p>
</div>
<div style="background-color: var(--color-white); padding: 35px; border-radius: 12px; text-align: center;">
<div style="font-size: 3rem; color: var(--color-deep-teal); margin-bottom: 20px;">⚡</div>
<h3>Implementación Rápida</h3>
<p style="color: var(--color-text-secondary); margin-top: 15px;">Despliegues en sprints de 2 semanas. Ves resultados antes de que termine el trimestre.</p>
</div>
<div style="background-color: var(--color-white); padding: 35px; border-radius: 12px; text-align: center;">
<div style="font-size: 3rem; color: var(--color-deep-teal); margin-bottom: 20px;">📊</div>
<h3>Medición Continua</h3>
<p style="color: var(--color-text-secondary); margin-top: 15px;">Dashboards con métricas de negocio: tiempo ahorrado, errores eliminados, coste real vs proyectado.</p>
</div>
</div>
</div>
</section>
<!-- COMPLIANCE Y CONFIANZA -->
<section class="compliance-section" id="compliance">
<div class="atnia-container">
<h2>Security First: Cumplimiento como Ventaja Competitiva</h2>
<p class="compliance-subtitle">RGPD no es una barrera, es tu diferencial frente a competidores que improvisan</p>
<div class="compliance-grid">
<div class="compliance-item fade-in-up">
<div class="compliance-icon">🔐</div>
<h3>RGPD Certificado</h3>
<p>Todas nuestras soluciones cumplen con el Reglamento General de Protección de Datos por diseño y por defecto.</p>
</div>
<div class="compliance-item fade-in-up" style="animation-delay: 0.1s;">
<div class="compliance-icon">🛡️</div>
<h3>ISO 27001 Compliant</h3>
<p>Gestión de seguridad de la información según estándares internacionales. Tu auditoría pasa sin sorpresas.</p>
</div>
<div class="compliance-item fade-in-up" style="animation-delay: 0.2s;">
<div class="compliance-icon">📋</div>
<h3>Auditorías Documentadas</h3>
<p>Trazabilidad completa de procesos y decisiones automatizadas. Preparado para inspecciones regulatorias.</p>
</div>
<div class="compliance-item fade-in-up" style="animation-delay: 0.3s;">
<div class="compliance-icon">🔄</div>
<h3>Backups Cifrados</h3>
<p>Redundancia geográfica con cifrado AES-256. Tu continuidad de negocio está garantizada.</p>
</div>
</div>
<div style="background-color: var(--color-white); padding: 50px; border-radius: 16px; margin-top: 60px; text-align: center; border: 3px solid var(--color-deep-teal);">
<h3 style="color: var(--color-deep-teal); font-size: 2rem; margin-bottom: 20px;">
✅ Cumplimiento Legal + Optimización = Ventaja Sostenible
</h3>
<p style="font-size: 1.15rem; color: var(--color-text-secondary); max-width: 800px; margin: 0 auto;">
Mientras tu competencia teme la próxima auditoría, tú tienes documentación lista y procesos que mejoran con cada iteración.
</p>
</div>
</div>
</section>
<!-- CIERRE POR COSTE DE OPORTUNIDAD -->
<section class="opportunity-cost-section" id="contacto">
<div class="atnia-container">
<h2>Cada mes sin automatizar te cuesta dinero</h2>
<p>¿Vale la pena esperar mientras tus equipos siguen atascados en tareas manuales que una máquina haría en segundos?</p>
<div class="cost-calculator">
<h3>Coste Promedio de la Inacción</h3>
<div class="cost-stat">
<span style="color: var(--color-electric-coral); font-weight: 700; font-size: 2.5rem;">18.000€</span><br>
<span style="opacity: 0.9;">perdidos por trimestre en una empresa de 20 empleados</span>
</div>
<div class="cost-stat" style="margin-top: 25px;">
<span style="color: var(--color-electric-coral); font-weight: 700; font-size: 1.8rem;">320 horas</span><br>
<span style="opacity: 0.9;">desperdiciadas en tareas repetitivas que podríamos automatizar</span>
</div>
</div>
<div style="max-width: 600px; margin: 0 auto;">
<h3 style="color: var(--color-white); margin-bottom: 30px; font-size: 2rem;">Solicita tu Auditoría Discovery</h3>
<form id="contact-form" style="text-align: left;">
<div style="margin-bottom: 20px;">
<input type="text" name="nombre" placeholder="Nombre completo" required
style="width: 100%; padding: 15px; border: none; border-radius: 8px; font-size: 1rem; font-family: var(--font-body);">
</div>
<div style="margin-bottom: 20px;">
<input type="email" name="email" placeholder="Email corporativo" required
style="width: 100%; padding: 15px; border: none; border-radius: 8px; font-size: 1rem; font-family: var(--font-body);">
</div>
<div style="margin-bottom: 20px;">
<input type="tel" name="telefono" placeholder="Teléfono de contacto" required
style="width: 100%; padding: 15px; border: none; border-radius: 8px; font-size: 1rem; font-family: var(--font-body);">
</div>
<div style="margin-bottom: 20px;">
<input type="text" name="empresa" placeholder="Nombre de tu empresa" required
style="width: 100%; padding: 15px; border: none; border-radius: 8px; font-size: 1rem; font-family: var(--font-body);">
</div>
<div style="margin-bottom: 20px;">
<select name="empleados" required
style="width: 100%; padding: 15px; border: none; border-radius: 8px; font-size: 1rem; font-family: var(--font-body);">
<option value="">Número de empleados</option>
<option value="1-10">1-10</option>
<option value="11-50">11-50</option>
<option value="51-200">51-200</option>
<option value="200+">200+</option>
</select>
</div>
<div style="margin-bottom: 30px;">
<textarea name="mensaje" placeholder="¿Cuál es tu mayor cuello de botella operativo?" rows="4" required
style="width: 100%; padding: 15px; border: none; border-radius: 8px; font-size: 1rem; font-family: var(--font-body); resize: vertical;"></textarea>
</div>
<button type="submit" class="btn-cta btn-cta-large" style="width: 100%;">
Solicitar Auditoría Discovery Gratuita
</button>
<p style="font-size: 0.9rem; margin-top: 20px; opacity: 0.8; text-align: center;">
🔒 Tus datos están protegidos según RGPD. No compartimos información con terceros.
</p>
</form>
</div>
</div>
</section>
<!-- FOOTER -->
<footer class="atnia-footer">
<div class="atnia-container">
<div class="footer-content">
<div class="footer-section">
<h4>ATNIA</h4>
<p style="opacity: 0.8; line-height: 1.6;">
Consultora de innovación IA y tecnología especializada en transformar procesos manuales en activos digitales rentables.
</p>
</div>
<div class="footer-section">
<h4>Servicios</h4>
<ul>
<li><a href="#servicios">ATNIA Discovery</a></li>
<li><a href="#servicios">ATNIA Flow</a></li>
<li><a href="#servicios">ATNIA Shield</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Legal</h4>
<ul>
<li><a href="#privacy">Política de Privacidad</a></li>
<li><a href="#terms">Términos y Condiciones</a></li>
<li><a href="#compliance">Compliance RGPD</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Contacto</h4>
<ul>
<li><a href="mailto:contacto@atnia.es">contacto@atnia.es</a></li>
<li><a href="tel:+34900000000">+34 900 00 00 00</a></li>
<li>Madrid, España</li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2026 ATNIA - Innovación IA y Tecnología. Todos los derechos reservados.</p>
</div>
</div>
</footer>
<!-- SCRIPTS -->
<script src="assets/js/main.js"></script>
</body>
</html>
