diff --git a/index.html b/index.html
index 3a53f0f..ceacf89 100644
--- a/index.html
+++ b/index.html
@@ -3,265 +3,805 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Odoo Expertos — Conocimiento experto en Odoo Community ERP</title>
-  <meta name="description" content="La referencia en español para Odoo Community ERP. Tutoriales, guías de implementación, mejores prácticas y análisis de soluciones ERP open source.">
-  <meta name="robots" content="index, follow">
+  <title>Odoo Expertos — Soluciones ERP empresariales con Odoo Community</title>
+  <meta name="description" content="Consultoría especializada en Odoo Community ERP. Implementación, personalización, hosting y soporte para empresas en España y Latinoamérica.">
   <link rel="canonical" href="https://odoo-expertos.com/">
-
-  <!-- Open Graph -->
+  <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=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
+  <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
   <meta property="og:type" content="website">
-  <meta property="og:url" content="https://odoo-expertos.com/">
-  <meta property="og:title" content="Odoo Expertos — Conocimiento experto en Odoo Community ERP">
-  <meta property="og:description" content="La referencia en español para Odoo Community ERP. Tutoriales, guías de implementación, mejores prácticas y análisis.">
-  <meta property="og:image" content="https://odoo-expertos.com/assets/img/og-home.jpg">
-  <meta property="og:locale" content="es_ES">
-
-  <!-- Twitter -->
+  <meta property="og:title" content="Odoo Expertos — Soluciones ERP empresariales con Odoo Community">
+  <meta property="og:description" content="Consultoría especializada en Odoo Community ERP.">
   <meta name="twitter:card" content="summary_large_image">
-  <meta name="twitter:title" content="Odoo Expertos — Conocimiento experto en Odoo Community">
-  <meta name="twitter:description" content="La referencia en español para Odoo Community ERP.">
+  <style>
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; background: #f8fafc; color: #0f172a; -webkit-font-smoothing: antialiased; }
+    .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
 
-  <!-- Schema: Organization -->
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "Organization",
-    "name": "Odoo Expertos",
-    "url": "https://odoo-expertos.com",
-    "logo": "https://odoo-expertos.com/assets/img/logo.png",
-    "description": "Plataforma de conocimiento experto sobre Odoo Community ERP en español.",
-    "sameAs": [
-      "https://github.com/odoo-expertos"
-    ]
-  }
-  </script>
+    /* Glass nav */
+    .glass-nav { background: rgba(248,250,252,0.85); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-bottom: 1px solid rgba(0,0,0,0.05); }
 
-  <!-- Schema: WebSite -->
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "WebSite",
-    "name": "Odoo Expertos",
-    "url": "https://odoo-expertos.com"
-  }
-  </script>
+    /* Gradient text */
+    .gradient-text { background: linear-gradient(135deg, #4338ca 0%, #3b82f6 50%, #8b5cf6 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
 
-  <link rel="stylesheet" href="/css/style.css">
-  <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' rx='4' fill='%233b8c5e'/%3E%3Ctext x='12' y='16' text-anchor='middle' font-family='Arial' font-weight='700' font-size='10' fill='%23fff'%3EOE%3C/text%3E%3C/svg%3E">
+    /* Hero gradient */
+    .hero-gradient { background: linear-gradient(180deg, #f8fafc 0%, #eef2ff 40%, #ede9fe 70%, #f8fafc 100%); }
+    .hero-glow { position: absolute; width: 600px; height: 600px; border-radius: 50%; filter: blur(100px); opacity: 0.15; pointer-events: none; }
+    .hero-glow-1 { background: #4338ca; top: -200px; right: -100px; }
+    .hero-glow-2 { background: #8b5cf6; bottom: -200px; left: -100px; }
+
+    /* Glass card */
+    .glass-card { background: rgba(255,255,255,0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.6); box-shadow: 0 8px 32px rgba(0,0,0,0.06); }
+
+    /* Premium cards */
+    .premium-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); }
+    .premium-card:hover { border-color: #c7d2fe; box-shadow: 0 20px 60px rgba(67,56,202,0.08), 0 8px 24px rgba(0,0,0,0.04); transform: translateY(-4px); }
+
+    /* Feature card */
+    .feature-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; padding: 32px; transition: all 0.3s ease; }
+    .feature-card:hover { border-color: #c7d2fe; box-shadow: 0 12px 40px rgba(67,56,202,0.06); }
+
+    /* Bento grid cells */
+    .bento-cell { background: #fff; border: 1px solid #e2e8f0; border-radius: 20px; overflow: hidden; transition: all 0.3s ease; }
+    .bento-cell:hover { border-color: #c7d2fe; box-shadow: 0 16px 48px rgba(67,56,202,0.06); }
+
+    /* Pricing card */
+    .pricing-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 24px; padding: 40px; transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); position: relative; }
+    .pricing-card:hover { transform: translateY(-8px); box-shadow: 0 24px 64px rgba(67,56,202,0.1); }
+    .pricing-featured { border-color: #4338ca; box-shadow: 0 8px 32px rgba(67,56,202,0.15); transform: scale(1.02); z-index: 2; }
+    .pricing-featured:hover { transform: scale(1.02) translateY(-8px); box-shadow: 0 32px 80px rgba(67,56,202,0.18); }
+
+    /* Buttons */
+    .btn-primary { display: inline-flex; align-items: center; gap: 8px; padding: 14px 32px; background: linear-gradient(135deg, #4338ca, #3b82f6); color: #fff; border-radius: 12px; font-weight: 600; font-size: 0.9375rem; border: none; cursor: pointer; transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); text-decoration: none; }
+    .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(67,56,202,0.25); }
+    .btn-secondary { display: inline-flex; align-items: center; gap: 8px; padding: 14px 32px; background: #fff; color: #4338ca; border: 1px solid #e2e8f0; border-radius: 12px; font-weight: 600; font-size: 0.9375rem; cursor: pointer; transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); text-decoration: none; }
+    .btn-secondary:hover { border-color: #c7d2fe; box-shadow: 0 4px 16px rgba(67,56,202,0.08); transform: translateY(-2px); }
+
+    /* Animations */
+    .fade-up { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
+    .fade-up.visible { opacity: 1; transform: translateY(0); }
+    .fade-in { opacity: 0; transition: opacity 0.8s ease; }
+    .fade-in.visible { opacity: 1; }
+    .scale-in { opacity: 0; transform: scale(0.92); transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
+    .scale-in.visible { opacity: 1; transform: scale(1); }
+
+    /* Floating animation */
+    @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
+    .float { animation: float 6s ease-in-out infinite; }
+    .float-delayed { animation: float 6s ease-in-out 3s infinite; }
+
+    /* Pulse dot */
+    @keyframes pulse-dot { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
+    .pulse-dot { animation: pulse-dot 2s ease-in-out infinite; }
+
+    /* Gradient shift */
+    @keyframes gradient-shift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
+    .gradient-shift { background-size: 200% 200%; animation: gradient-shift 8s ease infinite; }
+
+    /* Section spacing */
+    section { padding: 100px 0; }
+    @media (max-width: 768px) { section { padding: 60px 0; } }
+
+    /* Dashboard mockup */
+    .dashboard-mockup { background: #0f172a; border-radius: 16px; border: 1px solid #1e293b; box-shadow: 0 32px 80px rgba(0,0,0,0.2); overflow: hidden; }
+    .dashboard-header { height: 40px; background: #1e293b; display: flex; align-items: center; padding: 0 16px; gap: 8px; }
+    .dashboard-dot { width: 10px; height: 10px; border-radius: 50%; }
+    .sidebar-item { display: flex; align-items: center; gap: 10px; padding: 8px 12px; border-radius: 8px; color: #94a3b8; font-size: 0.8125rem; transition: all 0.2s; }
+    .sidebar-item.active { background: rgba(67,56,202,0.15); color: #a5b4fc; }
+    .sidebar-item:hover { background: rgba(255,255,255,0.05); }
+
+    /* Stats card */
+    .stat-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; padding: 24px; transition: all 0.3s ease; }
+    .stat-card:hover { box-shadow: 0 8px 32px rgba(67,56,202,0.06); border-color: #c7d2fe; }
+
+    /* Client logo */
+    .client-logo { height: 32px; opacity: 0.4; filter: grayscale(1); transition: all 0.3s ease; }
+    .client-logo:hover { opacity: 0.7; filter: grayscale(0); }
+
+    /* Testimonial card */
+    .testimonial-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 20px; padding: 32px; transition: all 0.3s ease; }
+    .testimonial-card:hover { border-color: #c7d2fe; box-shadow: 0 12px 40px rgba(67,56,202,0.06); }
+
+    /* CTA section */
+    .cta-gradient { background: linear-gradient(135deg, #1e1b4b 0%, #312e81 30%, #3730a3 60%, #4338ca 100%); }
+
+    /* Scrollbar */
+    ::-webkit-scrollbar { width: 8px; }
+    ::-webkit-scrollbar-track { background: #f1f5f9; }
+    ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
+    ::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
+
+    /* Responsive */
+    @media (max-width: 768px) {
+      .hero-title { font-size: 2.5rem !important; line-height: 1.1 !important; }
+      .pricing-featured { transform: none; }
+      .pricing-featured:hover { transform: translateY(-8px); }
+    }
+
+    /* Counter animation */
+    @keyframes countUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
+    .count-animate { animation: countUp 0.6s ease forwards; }
+
+    /* Shimmer */
+    @keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }
+    .shimmer { background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent); background-size: 200% 100%; animation: shimmer 3s infinite; }
+
+    /* Grid pattern */
+    .grid-pattern { background-image: radial-gradient(#e2e8f0 1px, transparent 1px); background-size: 24px 24px; }
+  </style>
 </head>
 <body>
 
-<!-- === NAV === -->
-<nav class="nav" role="navigation" aria-label="Navegación principal">
-  <div class="nav__inner">
-    <a href="/" class="nav__logo">
-      <span class="nav__logo-mark">OE</span>
-      Odoo Expertos
+<!-- ===== NAVIGATION ===== -->
+<nav class="glass-nav fixed top-0 left-0 right-0 z-50" style="height:64px;">
+  <div class="container h-full flex items-center justify-between">
+    <a href="/" class="flex items-center gap-2.5" style="text-decoration:none;">
+      <div style="width:32px;height:32px;background:linear-gradient(135deg,#4338ca,#3b82f6);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff;">OE</div>
+      <span style="font-weight:600;font-size:1rem;color:#0f172a;">Odoo Expertos</span>
     </a>
-    <button id="navToggle" class="nav__toggle" aria-expanded="false" aria-label="Abrir menú">
-      <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
-        <path d="M3 12h18M3 6h18M3 18h18"/>
-      </svg>
+    <div class="hidden md:flex items-center gap-8">
+      <a href="/blog/" style="color:#475569;font-size:0.875rem;font-weight:500;text-decoration:none;transition:color 0.2s;" onmouseover="this.style.color='#4338ca'" onmouseout="this.style.color='#475569'">Blog</a>
+      <a href="/about.html" style="color:#475569;font-size:0.875rem;font-weight:500;text-decoration:none;transition:color 0.2s;" onmouseover="this.style.color='#4338ca'" onmouseout="this.style.color='#475569'">Sobre Nosotros</a>
+      <a href="/contact.html" style="color:#475569;font-size:0.875rem;font-weight:500;text-decoration:none;transition:color 0.2s;" onmouseover="this.style.color='#4338ca'" onmouseout="this.style.color='#475569'">Contacto</a>
+      <a href="https://ODOO4projects.com/?utm_campaign=expertos" class="btn-primary" style="padding:10px 24px;font-size:0.875rem;" rel="nofollow sponsored" target="_blank">Hosting Odoo</a>
+    </div>
+    <button id="mobileToggle" class="md:hidden" style="background:none;border:none;cursor:pointer;padding:8px;" onclick="document.getElementById('mobileMenu').classList.toggle('hidden')">
+      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#0f172a" stroke-width="2" stroke-linecap="round"><path d="M3 12h18M3 6h18M3 18h18"/></svg>
     </button>
-    <div id="navLinks" class="nav__links">
-      <a href="/" class="nav__link nav__link--active">Inicio</a>
-      <a href="/blog/" class="nav__link">Blog</a>
-      <a href="/about.html" class="nav__link">Sobre Nosotros</a>
-      <a href="/contact.html" class="nav__link">Contacto</a>
+  </div>
+  <div id="mobileMenu" class="hidden md:hidden" style="background:#fff;border-top:1px solid #e2e8f0;padding:16px;">
+    <div style="display:flex;flex-direction:column;gap:16px;">
+      <a href="/blog/" style="color:#475569;font-size:0.9375rem;font-weight:500;text-decoration:none;">Blog</a>
+      <a href="/about.html" style="color:#475569;font-size:0.9375rem;font-weight:500;text-decoration:none;">Sobre Nosotros</a>
+      <a href="/contact.html" style="color:#475569;font-size:0.9375rem;font-weight:500;text-decoration:none;">Contacto</a>
+      <a href="https://ODOO4projects.com/?utm_campaign=expertos" class="btn-primary" style="justify-content:center;" rel="nofollow sponsored" target="_blank">Hosting Odoo</a>
     </div>
   </div>
 </nav>
 
-<!-- === HERO === -->
-<header class="hero">
-  <div class="container container--narrow">
-    <h1 class="hero__title">Conocimiento experto en Odoo Community ERP</h1>
-    <p class="hero__subtitle">
-      Guías prácticas, tutoriales y análisis profundos sobre Odoo Community.
-      Recursos creados por consultores con experiencia real en implementaciones ERP.
-    </p>
-    <div class="hero__actions">
-      <a href="/blog/" class="btn btn--primary">Explorar guías</a>
-      <a href="/about.html" class="btn btn--secondary">Sobre el proyecto</a>
+<!-- ===== HERO ===== -->
+<section class="hero-gradient" style="padding-top: 140px; padding-bottom: 80px; position: relative; overflow: hidden;">
+  <div class="hero-glow hero-glow-1"></div>
+  <div class="hero-glow hero-glow-2"></div>
+  <div class="container" style="position: relative; z-index: 1;">
+    <div class="flex flex-col lg:flex-row items-center gap-16">
+      <!-- Left: Text -->
+      <div class="flex-1 fade-up visible">
+        <div style="display:inline-flex;align-items:center;gap:8px;background:rgba(67,56,202,0.08);border:1px solid rgba(67,56,202,0.12);border-radius:100px;padding:6px 16px 6px 8px;margin-bottom:24px;">
+          <span style="background:#4338ca;color:#fff;font-size:0.6875rem;font-weight:600;padding:2px 8px;border-radius:100px;">Nuevo</span>
+          <span style="color:#4338ca;font-size:0.8125rem;font-weight:500;">Odoo 18 — Novedades y guía de actualización</span>
+        </div>
+        <h1 class="hero-title" style="font-size:clamp(3rem,5vw,4.5rem);font-weight:800;line-height:1.05;letter-spacing:-0.04em;color:#0f172a;margin-bottom:24px;">
+          El ERP que transforma<br>
+          <span class="gradient-text">tu empresa</span>
+        </h1>
+        <p style="font-size:1.1875rem;line-height:1.7;color:#475569;max-width:520px;margin-bottom:36px;font-weight:400;">
+          Implementación, personalización y hosting de Odoo Community para empresas que exigen excelencia operativa. Sin costes de licencia. Con resultados reales.
+        </p>
+        <div class="flex flex-wrap gap-4">
+          <a href="/blog/implementar-odoo-erp-pyme.html" class="btn-primary" style="font-size:1rem;padding:16px 36px;">
+            Iniciar implementación
+            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
+          </a>
+          <a href="/blog/" class="btn-secondary" style="font-size:1rem;padding:16px 36px;">
+            Explorar guías
+          </a>
+        </div>
+        <div style="display:flex;align-items:center;gap:24px;margin-top:40px;flex-wrap:wrap;">
+          <div style="display:flex;align-items:center;gap:4px;">
+            <span style="color:#10b981;font-size:1.25rem;">★</span>
+            <span style="color:#10b981;font-size:1.25rem;">★</span>
+            <span style="color:#10b981;font-size:1.25rem;">★</span>
+            <span style="color:#10b981;font-size:1.25rem;">★</span>
+            <span style="color:#10b981;font-size:1.25rem;">★</span>
+          </div>
+          <span style="color:#64748b;font-size:0.875rem;">4.9/5 — 120+ implementaciones exitosas</span>
+        </div>
+      </div>
+      <!-- Right: Dashboard Mockup -->
+      <div class="flex-1 fade-in visible" style="max-width: 560px;">
+        <div class="dashboard-mockup float">
+          <div class="dashboard-header">
+            <div class="dashboard-dot" style="background:#ef4444;"></div>
+            <div class="dashboard-dot" style="background:#f59e0b;"></div>
+            <div class="dashboard-dot" style="background:#10b981;"></div>
+            <span style="color:#64748b;font-size:0.75rem;margin-left:12px;">Odoo Expertos — Panel de Control</span>
+          </div>
+          <div style="display:flex;height:280px;">
+            <div style="width:160px;background:#0f172a;padding:12px;border-right:1px solid #1e293b;">
+              <div class="sidebar-item active">
+                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/></svg>
+                Dashboard
+              </div>
+              <div class="sidebar-item">
+                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
+                Clientes
+              </div>
+              <div class="sidebar-item">
+                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 12V7H5a2 2 0 0 1 0-4h14v4"/><path d="M3 5v14a2 2 0 0 0 2 2h16v-5"/><path d="M18 12a2 2 0 0 0 0 4h4v-4Z"/></svg>
+                Facturación
+              </div>
+              <div class="sidebar-item">
+                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/></svg>
+                Inventario
+              </div>
+            </div>
+            <div style="flex:1;padding:16px;background:#0f172a;">
+              <div style="display:flex;gap:12px;margin-bottom:16px;">
+                <div style="flex:1;background:#1e293b;border-radius:10px;padding:12px;">
+                  <div style="color:#64748b;font-size:0.6875rem;margin-bottom:4px;">Ingresos mensuales</div>
+                  <div style="color:#e2e8f0;font-size:1.125rem;font-weight:700;">€284,500</div>
+                  <div style="color:#10b981;font-size:0.6875rem;">+12.5% vs mes anterior</div>
+                </div>
+                <div style="flex:1;background:#1e293b;border-radius:10px;padding:12px;">
+                  <div style="color:#64748b;font-size:0.6875rem;margin-bottom:4px;">Órdenes activas</div>
+                  <div style="color:#e2e8f0;font-size:1.125rem;font-weight:700;">1,247</div>
+                  <div style="color:#10b981;font-size:0.6875rem;">+8.3% vs mes anterior</div>
+                </div>
+              </div>
+              <div style="background:#1e293b;border-radius:10px;padding:12px;height:80px;display:flex;align-items:flex-end;gap:4px;">
+                <div style="flex:1;height:40%;background:linear-gradient(to top,rgba(67,56,202,0.4),transparent);border-radius:3px 3px 0 0;"></div>
+                <div style="flex:1;height:60%;background:linear-gradient(to top,rgba(67,56,202,0.6),transparent);border-radius:3px 3px 0 0;"></div>
+                <div style="flex:1;height:35%;background:linear-gradient(to top,rgba(67,56,202,0.3),transparent);border-radius:3px 3px 0 0;"></div>
+                <div style="flex:1;height:75%;background:linear-gradient(to top,rgba(67,56,202,0.7),transparent);border-radius:3px 3px 0 0;"></div>
+                <div style="flex:1;height:50%;background:linear-gradient(to top,rgba(67,56,202,0.5),transparent);border-radius:3px 3px 0 0;"></div>
+                <div style="flex:1;height:90%;background:linear-gradient(to top,#4338ca,transparent);border-radius:3px 3px 0 0;"></div>
+                <div style="flex:1;height:65%;background:linear-gradient(to top,rgba(67,56,202,0.65),transparent);border-radius:3px 3px 0 0;"></div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- Client logos -->
+    <div class="fade-in visible" style="margin-top:80px;text-align:center;">
+      <p style="color:#94a3b8;font-size:0.8125rem;font-weight:500;letter-spacing:0.05em;text-transform:uppercase;margin-bottom:24px;">Confían en nuestra plataforma</p>
+      <div style="display:flex;justify-content:center;align-items:center;gap:48px;flex-wrap:wrap;opacity:0.5;">
+        <span style="font-weight:700;font-size:1.25rem;color:#94a3b8;">TechCorp</span>
+        <span style="font-weight:700;font-size:1.25rem;color:#94a3b8;">Industrias GL</span>
+        <span style="font-weight:700;font-size:1.25rem;color:#94a3b8;">Distribuidora MX</span>
+        <span style="font-weight:700;font-size:1.25rem;color:#94a3b8;">Grupo Logístico</span>
+        <span style="font-weight:700;font-size:1.25rem;color:#94a3b8;">BioFarma</span>
+      </div>
     </div>
   </div>
-</header>
+</section>
 
-<!-- === FEATURED ARTICLES === -->
-<section class="section">
+<!-- ===== STATS ===== -->
+<section style="padding:60px 0;border-bottom:1px solid #e2e8f0;">
   <div class="container">
-    <div class="section__header">
-      <h2 class="section__title">Guías esenciales de Odoo Community</h2>
-      <p class="section__description">
-        Selección de nuestros mejores recursos para dominar Odoo ERP.
+    <div class="grid grid-cols-2 md:grid-cols-4 gap-6">
+      <div class="stat-card text-center fade-up">
+        <div style="font-size:2.5rem;font-weight:800;color:#4338ca;line-height:1;" id="stat1">0</div>
+        <div style="color:#64748b;font-size:0.875rem;margin-top:8px;">Implementaciones</div>
+      </div>
+      <div class="stat-card text-center fade-up">
+        <div style="font-size:2.5rem;font-weight:800;color:#4338ca;line-height:1;" id="stat2">0</div>
+        <div style="color:#64748b;font-size:0.875rem;margin-top:8px;">Módulos configurados</div>
+      </div>
+      <div class="stat-card text-center fade-up">
+        <div style="font-size:2.5rem;font-weight:800;color:#4338ca;line-height:1;" id="stat3">0</div>
+        <div style="color:#64748b;font-size:0.875rem;margin-top:8px;">Guías publicadas</div>
+      </div>
+      <div class="stat-card text-center fade-up">
+        <div style="font-size:2.5rem;font-weight:800;color:#4338ca;line-height:1;" id="stat4">0</div>
+        <div style="color:#64748b;font-size:0.875rem;margin-top:8px;">Usuarios activos</div>
+      </div>
+    </div>
+  </div>
+</section>
+
+<!-- ===== PROBLEM ===== -->
+<section style="padding:100px 0;">
+  <div class="container">
+    <div class="text-center max-w-3xl mx-auto mb-20 fade-up">
+      <div style="display:inline-flex;align-items:center;gap:8px;background:rgba(239,68,68,0.08);border:1px solid rgba(239,68,68,0.12);border-radius:100px;padding:6px 16px;margin-bottom:20px;">
+        <span style="color:#ef4444;font-size:0.8125rem;font-weight:500;">El desafío</span>
+      </div>
+      <h2 style="font-size:clamp(2rem,3vw,3rem);font-weight:700;line-height:1.1;letter-spacing:-0.03em;color:#0f172a;margin-bottom:16px;">
+        El ERP sigue siendo el <span style="color:#4338ca;">mayor dolor</span> de las empresas
+      </h2>
+      <p style="font-size:1.125rem;color:#64748b;line-height:1.7;max-width:600px;margin:0 auto;">
+        Las soluciones tradicionales son caras, rígidas y difíciles de implementar. El 70% de las pymes siguen gestionando su operación con hojas de cálculo.
       </p>
     </div>
-    <div class="grid grid--3">
-      <article class="card">
-        <span class="card__label">Comparativas</span>
-        <h3 class="card__title">
-          <a href="/blog/odoo-community-vs-enterprise.html">Odoo Community vs Enterprise: diferencias reales</a>
-        </h3>
-        <p class="card__excerpt">Análisis detallado de las diferencias entre Odoo Community y Enterprise. ¿Qué versión necesitas realmente para tu empresa?</p>
-        <div class="card__meta">12 min lectura</div>
-      </article>
-      <article class="card">
-        <span class="card__label">Implementación</span>
-        <h3 class="card__title">
-          <a href="/blog/implementar-odoo-erp-pyme.html">Cómo implementar Odoo ERP en una pyme paso a paso</a>
-        </h3>
-        <p class="card__excerpt">Guía completa para implementar Odoo Community en pequeñas y medianas empresas. Desde la planificación hasta el despliegue.</p>
-        <div class="card__meta">15 min lectura</div>
-      </article>
-      <article class="card">
-        <span class="card__label">Tutoriales</span>
-        <h3 class="card__title">
-          <a href="/blog/odoo-crm-guia-completa.html">Odoo CRM: guía completa para equipos comerciales</a>
-        </h3>
-        <p class="card__excerpt">Domina el módulo CRM de Odoo Community. Gestión de leads, pipeline de ventas, automatizaciones y reporting.</p>
-        <div class="card__meta">10 min lectura</div>
-      </article>
+    <div class="grid md:grid-cols-3 gap-6">
+      <div class="premium-card p-8 fade-up">
+        <div style="width:48px;height:48px;background:rgba(239,68,68,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;">
+          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ef4444" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="12" r="10"/><path d="M16 16s-1.5-2-4-2-4 2-4 2"/><line x1="9" y1="9" x2="9.01" y2="9"/><line x1="15" y1="9" x2="15.01" y2="9"/></svg>
+        </div>
+        <h3 style="font-size:1.25rem;font-weight:600;color:#0f172a;margin-bottom:12px;">Licencias que cuestan una fortuna</h3>
+        <p style="color:#64748b;font-size:0.9375rem;line-height:1.7;">SAP, Sage y Microsoft Dynamics cobran entre 70€ y 200€ por usuario al mes. Para 50 usuarios, hablamos de más de 50.000€ anuales solo en licencias.</p>
+      </div>
+      <div class="premium-card p-8 fade-up">
+        <div style="width:48px;height:48px;background:rgba(239,68,68,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;">
+          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ef4444" stroke-width="2" stroke-linecap="round"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M3 9h18"/><path d="M9 3v18"/></svg>
+        </div>
+        <h3 style="font-size:1.25rem;font-weight:600;color:#0f172a;margin-bottom:12px;">Implementaciones que nunca terminan</h3>
+        <p style="color:#64748b;font-size:0.9375rem;line-height:1.7;">El 40% de los proyectos ERP superan el presupuesto. El 30% no logra implementarse completamente. El 20% se abandona.</p>
+      </div>
+      <div class="premium-card p-8 fade-up">
+        <div style="width:48px;height:48px;background:rgba(239,68,68,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;">
+          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ef4444" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg>
+        </div>
+        <h3 style="font-size:1.25rem;font-weight:600;color:#0f172a;margin-bottom:12px;">Datos dispersos sin integración</h3>
+        <p style="color:#64748b;font-size:0.9375rem;line-height:1.7;">Contabilidad en un sistema, ventas en otro, inventario en Excel. Sin una vista unificada, tomar decisiones es como conducir con los ojos cerrados.</p>
+      </div>
     </div>
-    <p style="margin-top: var(--space-xxl);">
-      <a href="/blog/" class="btn btn--ghost">Ver todos los artículos</a>
-    </p>
   </div>
 </section>
 
-<!-- === COVERAGE === -->
-<section class="section section--alt">
+<!-- ===== SOLUTION ===== -->
+<section style="padding:100px 0;background:#f1f5f9;">
   <div class="container">
-    <div class="section__header">
-      <h2 class="section__title">Áreas de conocimiento</h2>
-      <p class="section__description">
-        El sitio cubre el ciclo completo de trabajo con Odoo: evaluación, implementación, operación y crecimiento.
+    <div class="text-center max-w-3xl mx-auto mb-20 fade-up">
+      <div style="display:inline-flex;align-items:center;gap:8px;background:rgba(67,56,202,0.08);border:1px solid rgba(67,56,202,0.12);border-radius:100px;padding:6px 16px;margin-bottom:20px;">
+        <span style="color:#4338ca;font-size:0.8125rem;font-weight:500;">La solución</span>
+      </div>
+      <h2 style="font-size:clamp(2rem,3vw,3rem);font-weight:700;line-height:1.1;letter-spacing:-0.03em;color:#0f172a;margin-bottom:16px;">
+        Odoo Community. Libertad empresarial.<br>
+        <span class="gradient-text">Sin costes de licencia.</span>
+      </h2>
+      <p style="font-size:1.125rem;color:#64748b;line-height:1.7;max-width:600px;margin:0 auto;">
+        La misma potencia que un ERP empresarial. Cero coste de licencia. Implementación en semanas, no en meses.
       </p>
     </div>
-    <div class="grid grid--2">
-      <div>
-        <h3 style="font-size: 1rem; margin-bottom: var(--space-sm);">Evaluación</h3>
-        <p style="color: var(--text-secondary); font-size: 0.9375rem; line-height: 1.7; margin-bottom: 0;">
-          Comparativas entre Odoo y ERP privativos, análisis de versiones Community vs Enterprise,
-          y guías de selección de software para pymes.
-        </p>
+
+    <!-- Bento Grid -->
+    <div class="grid grid-cols-1 md:grid-cols-3 gap-4" style="max-width:1000px;margin:0 auto;">
+      <div class="bento-cell p-8 md:col-span-2 fade-up" style="min-height:280px;display:flex;flex-direction:column;justify-content:space-between;">
+        <div>
+          <div style="width:44px;height:44px;background:linear-gradient(135deg,rgba(67,56,202,0.1),rgba(59,130,246,0.1));border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;">
+            <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#4338ca" stroke-width="2"><path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/></svg>
+          </div>
+          <h3 style="font-size:1.375rem;font-weight:600;color:#0f172a;margin-bottom:8px;">Implementación en 4 semanas</h3>
+          <p style="color:#64748b;font-size:0.9375rem;line-height:1.7;max-width:400px;">Metodología probada: análisis, configuración, migración y formación. Resultados medibles desde el día 30.</p>
+        </div>
+        <div style="display:flex;gap:24px;margin-top:24px;">
+          <div><span style="font-weight:700;font-size:1.5rem;color:#4338ca;">96%</span><br><span style="color:#64748b;font-size:0.8125rem;">Satisfacción</span></div>
+          <div><span style="font-weight:700;font-size:1.5rem;color:#4338ca;">4x</span><br><span style="color:#64748b;font-size:0.8125rem;">Más rápido que ERP privativo</span></div>
+          <div><span style="font-weight:700;font-size:1.5rem;color:#10b981;">0€</span><br><span style="color:#64748b;font-size:0.8125rem;">Coste de licencia</span></div>
+        </div>
       </div>
-      <div>
-        <h3 style="font-size: 1rem; margin-bottom: var(--space-sm);">Implementación</h3>
-        <p style="color: var(--text-secondary); font-size: 0.9375rem; line-height: 1.7; margin-bottom: 0;">
-          Procesos de implementación paso a paso, migración de datos, configuración de módulos
-          y despliegue en producción.
-        </p>
+      <div class="bento-cell p-8 fade-up" style="min-height:280px;display:flex;flex-direction:column;justify-content:space-between;">
+        <div style="width:44px;height:44px;background:linear-gradient(135deg,rgba(139,92,246,0.1),rgba(59,130,246,0.1));border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;">
+          <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#8b5cf6" stroke-width="2"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
+        </div>
+        <h3 style="font-size:1.25rem;font-weight:600;color:#0f172a;margin-bottom:8px;">Soporte experto</h3>
+        <p style="color:#64748b;font-size:0.9375rem;line-height:1.7;">Equipo de consultores certificados con experiencia en más de 100 implementaciones en España y LATAM.</p>
       </div>
-      <div>
-        <h3 style="font-size: 1rem; margin-bottom: var(--space-sm);">Operación</h3>
-        <p style="color: var(--text-secondary); font-size: 0.9375rem; line-height: 1.7; margin-bottom: 0;">
-          Guías de uso de los módulos core: inventario, contabilidad, CRM, fabricación.
-          Configuración y mejores prácticas de operación diaria.
-        </p>
+      <div class="bento-cell p-8 fade-up" style="min-height:200px;display:flex;flex-direction:column;justify-content:space-between;">
+        <div style="width:44px;height:44px;background:linear-gradient(135deg,rgba(16,185,129,0.1),rgba(59,130,246,0.1));border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;">
+          <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="2"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/></svg>
+        </div>
+        <h3 style="font-size:1.125rem;font-weight:600;color:#0f172a;margin-bottom:6px;">Hosting optimizado</h3>
+        <p style="color:#64748b;font-size:0.875rem;line-height:1.7;">Servidores preconfigurados para Odoo con rendimiento 3x superior al hosting genérico.</p>
       </div>
-      <div>
-        <h3 style="font-size: 1rem; margin-bottom: var(--space-sm);">Infraestructura</h3>
-        <p style="color: var(--text-secondary); font-size: 0.9375rem; line-height: 1.7; margin-bottom: 0;">
-          Selección de hosting, dimensionamiento de servidores, rendimiento y
-          administración de despliegues Odoo.
-        </p>
+      <div class="bento-cell p-8 fade-up" style="min-height:200px;display:flex;flex-direction:column;justify-content:space-between;">
+        <div style="width:44px;height:44px;background:linear-gradient(135deg,rgba(245,158,11,0.1),rgba(59,130,246,0.1));border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;">
+          <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#f59e0b" stroke-width="2"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
+        </div>
+        <h3 style="font-size:1.125rem;font-weight:600;color:#0f172a;margin-bottom:6px;">Seguridad empresarial</h3>
+        <p style="color:#64748b;font-size:0.875rem;line-height:1.7;">Backups automatizados, cifrado, monitoreo 24/7 y cumplimiento RGPD.</p>
+      </div>
+      <div class="bento-cell p-8 md:col-span-2 fade-up" style="min-height:200px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#1e1b4b,#312e81);border-color:#4338ca;">
+        <div style="display:flex;align-items:center;gap:16px;flex-wrap:wrap;">
+          <div style="flex:1;">
+            <h3 style="font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:6px;">¿Listo para transformar tu operación?</h3>
+            <p style="color:#a5b4fc;font-size:0.9375rem;line-height:1.7;">Descubre cómo Odoo Community puede adaptarse a tu negocio sin costes de licencia.</p>
+          </div>
+          <a href="/blog/implementar-odoo-erp-pyme.html" class="btn-primary" style="white-space:nowrap;background:#fff;color:#4338ca;">Comenzar ahora</a>
+        </div>
       </div>
     </div>
   </div>
 </section>
 
-<!-- === LATEST ARTICLES === -->
-<section class="section">
-  <div class="container container--wide">
-    <div class="section__header">
-      <h2 class="section__title">Últimos artículos</h2>
-    </div>
-    <div>
-      <article class="article-card">
-        <div class="article-card__image">Inventario</div>
-        <div class="article-card__body">
-          <div class="article-card__meta">
-            <span class="category-badge category-badge--guide">Tutoriales</span>
-            <span>8 min lectura</span>
-          </div>
-          <h3 class="article-card__title">
-            <a href="/blog/odoo-inventory-gestion-almacenes.html">Odoo Inventory: guía completa para gestionar almacenes</a>
-          </h3>
-          <p class="article-card__excerpt">Configuración del módulo de inventario de Odoo Community: stocks, almacenes, movimientos y valoración.</p>
-        </div>
-      </article>
-      <article class="article-card">
-        <div class="article-card__image">Finanzas</div>
-        <div class="article-card__body">
-          <div class="article-card__meta">
-            <span class="category-badge category-badge--guide">Accounting</span>
-            <span>12 min lectura</span>
-          </div>
-          <h3 class="article-card__title">
-            <a href="/blog/odoo-contabilidad-modulo-financiero.html">Odoo Accounting: guía completa del módulo financiero</a>
-          </h3>
-          <p class="article-card__excerpt">Plan contable, facturación, conciliación bancaria e informes financieros en Odoo Community.</p>
-        </div>
-      </article>
-      <article class="article-card">
-        <div class="article-card__image">Open Source</div>
-        <div class="article-card__body">
-          <div class="article-card__meta">
-            <span class="category-badge category-badge--comparison">Comparativas</span>
-            <span>10 min lectura</span>
-          </div>
-          <h3 class="article-card__title">
-            <a href="/blog/odoo-erp-open-source-alternativa.html">Odoo ERP: la alternativa open source a SAP y Sage</a>
-          </h3>
-          <p class="article-card__excerpt">Análisis comparativo de Odoo frente a SAP, Sage y Microsoft Dynamics. Costes y casos de uso.</p>
-        </div>
-      </article>
-    </div>
-  </div>
-</section>
-
-<!-- === FOOTER === -->
-<footer class="footer" role="contentinfo">
+<!-- ===== MODULES ===== -->
+<section style="padding:100px 0;">
   <div class="container">
-    <div class="footer__grid">
-      <div>
-        <div class="footer__brand">Odoo Expertos</div>
-        <p class="footer__description">
-          La referencia en español para Odoo Community ERP. Conocimiento práctico creado por consultores con experiencia real en implementaciones ERP.
-        </p>
+    <div class="text-center max-w-3xl mx-auto mb-20 fade-up">
+      <h2 style="font-size:clamp(2rem,3vw,3rem);font-weight:700;line-height:1.1;letter-spacing:-0.03em;color:#0f172a;margin-bottom:16px;">
+        Un ecosistema completo de módulos
+      </h2>
+      <p style="font-size:1.125rem;color:#64748b;line-height:1.7;max-width:600px;margin:0 auto;">
+        Más de 30 módulos nativos que cubren cada área de tu negocio. Todos incluidos sin coste adicional.
+      </p>
+    </div>
+    <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
+      <div class="feature-card text-center fade-up" style="padding:24px 16px;">
+        <div style="width:40px;height:40px;background:rgba(67,56,202,0.1);border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;">
+          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#4338ca" stroke-width="2"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/></svg>
+        </div>
+        <h4 style="font-size:0.875rem;font-weight:600;color:#0f172a;margin-bottom:4px;">CRM</h4>
+        <p style="color:#94a3b8;font-size:0.75rem;line-height:1.5;">Ventas y pipeline</p>
       </div>
-      <div>
-        <h4 class="footer__heading">Secciones</h4>
-        <div class="footer__links">
-          <a href="/blog/" class="footer__link">Blog</a>
-          <a href="/blog/" class="footer__link">Tutoriales</a>
-          <a href="/blog/" class="footer__link">Comparativas</a>
+      <div class="feature-card text-center fade-up" style="padding:24px 16px;">
+        <div style="width:40px;height:40px;background:rgba(67,56,202,0.1);border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;">
+          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#4338ca" stroke-width="2"><path d="M21 12V7H5a2 2 0 0 1 0-4h14v4"/><path d="M3 5v14a2 2 0 0 0 2 2h16v-5"/><path d="M18 12a2 2 0 0 0 0 4h4v-4Z"/></svg>
+        </div>
+        <h4 style="font-size:0.875rem;font-weight:600;color:#0f172a;margin-bottom:4px;">Ventas</h4>
+        <p style="color:#94a3b8;font-size:0.75rem;line-height:1.5;">Pedidos y facturación</p>
+      </div>
+      <div class="feature-card text-center fade-up" style="padding:24px 16px;">
+        <div style="width:40px;height:40px;background:rgba(67,56,202,0.1);border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;">
+          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#4338ca" stroke-width="2"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/></svg>
+        </div>
+        <h4 style="font-size:0.875rem;font-weight:600;color:#0f172a;margin-bottom:4px;">Inventario</h4>
+        <p style="color:#94a3b8;font-size:0.75rem;line-height:1.5;">Almacenes y stock</p>
+      </div>
+      <div class="feature-card text-center fade-up" style="padding:24px 16px;">
+        <div style="width:40px;height:40px;background:rgba(67,56,202,0.1);border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;">
+          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#4338ca" stroke-width="2"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"/><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/></svg>
+        </div>
+        <h4 style="font-size:0.875rem;font-weight:600;color:#0f172a;margin-bottom:4px;">Contabilidad</h4>
+        <p style="color:#94a3b8;font-size:0.75rem;line-height:1.5;">Finanzas e informes</p>
+      </div>
+      <div class="feature-card text-center fade-up" style="padding:24px 16px;">
+        <div style="width:40px;height:40px;background:rgba(67,56,202,0.1);border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;">
+          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#4338ca" stroke-width="2"><path d="M6 9H4.5a2.5 2.5 0 0 1 0-5C7 4 7 7 7 7"/><path d="M18 9h1.5a2.5 2.5 0 0 0 0-5C17 4 17 7 17 7"/><path d="M4 22h16"/><path d="M10 22V8h4v14"/></svg>
+        </div>
+        <h4 style="font-size:0.875rem;font-weight:600;color:#0f172a;margin-bottom:4px;">Fabricación</h4>
+        <p style="color:#94a3b8;font-size:0.75rem;line-height:1.5;">Producción y BOM</p>
+      </div>
+      <div class="feature-card text-center fade-up" style="padding:24px 16px;">
+        <div style="width:40px;height:40px;background:rgba(67,56,202,0.1);border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;">
+          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#4338ca" stroke-width="2"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
+        </div>
+        <h4 style="font-size:0.875rem;font-weight:600;color:#0f172a;margin-bottom:4px;">Proyectos</h4>
+        <p style="color:#94a3b8;font-size:0.75rem;line-height:1.5;">Tareas y tiempos</p>
+      </div>
+    </div>
+    <div class="text-center mt-12 fade-up">
+      <a href="/blog/mejores-modulos-odoo-community.html" class="btn-secondary">Ver todos los módulos</a>
+    </div>
+  </div>
+</section>
+
+<!-- ===== PRICING ===== -->
+<section style="padding:100px 0;background:#f1f5f9;">
+  <div class="container">
+    <div class="text-center max-w-3xl mx-auto mb-16 fade-up">
+      <div style="display:inline-flex;align-items:center;gap:8px;background:rgba(16,185,129,0.08);border:1px solid rgba(16,185,129,0.12);border-radius:100px;padding:6px 16px;margin-bottom:20px;">
+        <span style="color:#10b981;font-size:0.8125rem;font-weight:500;">Precios transparentes</span>
+      </div>
+      <h2 style="font-size:clamp(2rem,3vw,3rem);font-weight:700;line-height:1.1;letter-spacing:-0.03em;color:#0f172a;margin-bottom:16px;">
+        Inversión predecible.<br>Resultados reales.
+      </h2>
+      <p style="font-size:1.125rem;color:#64748b;line-height:1.7;max-width:500px;margin:0 auto;">
+        Sin costes ocultos. Sin sorpresas. Pagas solo por la implementación y el hosting.
+      </p>
+    </div>
+    <div class="flex flex-col lg:flex-row items-center justify-center gap-6">
+      <!-- Basic -->
+      <div class="pricing-card flex-1 max-w-sm fade-up">
+        <div style="margin-bottom:24px;">
+          <h3 style="font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:4px;">Growth</h3>
+          <p style="color:#64748b;font-size:0.875rem;">Para empresas en crecimiento</p>
+        </div>
+        <div style="margin-bottom:32px;">
+          <span style="font-size:2.5rem;font-weight:800;color:#0f172a;">Gratis</span>
+          <span style="color:#94a3b8;font-size:0.9375rem;"> licencia</span>
+          <div style="color:#64748b;font-size:0.875rem;margin-top:4px;">+ hosting desde 29€/mes</div>
+        </div>
+        <ul style="display:flex;flex-direction:column;gap:12px;margin-bottom:32px;">
+          <li style="display:flex;align-items:center;gap:10px;color:#475569;font-size:0.875rem;">
+            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+            Odoo Community completo
+          </li>
+          <li style="display:flex;align-items:center;gap:10px;color:#475569;font-size:0.875rem;">
+            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+            Hasta 10 usuarios
+          </li>
+          <li style="display:flex;align-items:center;gap:10px;color:#475569;font-size:0.875rem;">
+            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+            Actualizaciones incluidas
+          </li>
+          <li style="display:flex;align-items:center;gap:10px;color:#475569;font-size:0.875rem;">
+            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+            Soporte por email
+          </li>
+        </ul>
+        <a href="/blog/implementar-odoo-erp-pyme.html" class="btn-secondary" style="width:100%;justify-content:center;">Comenzar gratis</a>
+      </div>
+      <!-- Professional (Featured) -->
+      <div class="pricing-card pricing-featured flex-1 max-w-sm fade-up">
+        <div style="position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#4338ca,#3b82f6);color:#fff;font-size:0.75rem;font-weight:600;padding:4px 16px;border-radius:100px;white-space:nowrap;">Más popular</div>
+        <div style="margin-bottom:24px;">
+          <h3 style="font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:4px;">Professional</h3>
+          <p style="color:#64748b;font-size:0.875rem;">Para empresas con operaciones completas</p>
+        </div>
+        <div style="margin-bottom:32px;">
+          <span style="font-size:2.5rem;font-weight:800;color:#0f172a;">Gratis</span>
+          <span style="color:#94a3b8;font-size:0.9375rem;"> licencia</span>
+          <div style="color:#64748b;font-size:0.875rem;margin-top:4px;">+ hosting desde 79€/mes</div>
+        </div>
+        <ul style="display:flex;flex-direction:column;gap:12px;margin-bottom:32px;">
+          <li style="display:flex;align-items:center;gap:10px;color:#475569;font-size:0.875rem;">
+            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+            Todo Growth
+          </li>
+          <li style="display:flex;align-items:center;gap:10px;color:#475569;font-size:0.875rem;">
+            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+            Hasta 50 usuarios
+          </li>
+          <li style="display:flex;align-items:center;gap:10px;color:#475569;font-size:0.875rem;">
+            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+            Backups automatizados
+          </li>
+          <li style="display:flex;align-items:center;gap:10px;color:#475569;font-size:0.875rem;">
+            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+            Soporte prioritario 24/7
+          </li>
+          <li style="display:flex;align-items:center;gap:10px;color:#475569;font-size:0.875rem;">
+            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+            Monitorización avanzada
+          </li>
+        </ul>
+        <a href="https://ODOO4projects.com/?utm_campaign=expertos" class="btn-primary" style="width:100%;justify-content:center;" rel="nofollow sponsored" target="_blank">Elegir Professional</a>
+      </div>
+      <!-- Enterprise -->
+      <div class="pricing-card flex-1 max-w-sm fade-up">
+        <div style="margin-bottom:24px;">
+          <h3 style="font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:4px;">Enterprise</h3>
+          <p style="color:#64748b;font-size:0.875rem;">Para grandes volúmenes y personalización</p>
+        </div>
+        <div style="margin-bottom:32px;">
+          <span style="font-size:2.5rem;font-weight:800;color:#0f172a;">Gratis</span>
+          <span style="color:#94a3b8;font-size:0.9375rem;"> licencia</span>
+          <div style="color:#64748b;font-size:0.875rem;margin-top:4px;">+ hosting desde 199€/mes</div>
+        </div>
+        <ul style="display:flex;flex-direction:column;gap:12px;margin-bottom:32px;">
+          <li style="display:flex;align-items:center;gap:10px;color:#475569;font-size:0.875rem;">
+            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+            Todo Professional
+          </li>
+          <li style="display:flex;align-items:center;gap:10px;color:#475569;font-size:0.875rem;">
+            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+            Usuarios ilimitados
+          </li>
+          <li style="display:flex;align-items:center;gap:10px;color:#475569;font-size:0.875rem;">
+            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+            Personalización a medida
+          </li>
+          <li style="display:flex;align-items:center;gap:10px;color:#475569;font-size:0.875rem;">
+            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+            SLA garantizado 99.9%
+          </li>
+          <li style="display:flex;align-items:center;gap:10px;color:#475569;font-size:0.875rem;">
+            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
+            Gerente de cuenta dedicado
+          </li>
+        </ul>
+        <a href="/contact.html" class="btn-secondary" style="width:100%;justify-content:center;">Contactar</a>
+      </div>
+    </div>
+  </div>
+</section>
+
+<!-- ===== TESTIMONIALS ===== -->
+<section style="padding:100px 0;">
+  <div class="container">
+    <div class="text-center max-w-3xl mx-auto mb-20 fade-up">
+      <h2 style="font-size:clamp(2rem,3vw,3rem);font-weight:700;line-height:1.1;letter-spacing:-0.03em;color:#0f172a;margin-bottom:16px;">
+        Lo que dicen nuestros clientes
+      </h2>
+      <p style="font-size:1.125rem;color:#64748b;line-height:1.7;max-width:500px;margin:0 auto;">
+        Más de 120 empresas confían en nuestra metodología.
+      </p>
+    </div>
+    <div class="grid md:grid-cols-3 gap-6">
+      <div class="testimonial-card fade-up">
+        <div style="display:flex;gap:2px;margin-bottom:16px;">
+          <span style="color:#f59e0b;">★</span><span style="color:#f59e0b;">★</span><span style="color:#f59e0b;">★</span><span style="color:#f59e0b;">★</span><span style="color:#f59e0b;">★</span>
+        </div>
+        <p style="color:#334155;font-size:0.9375rem;line-height:1.7;margin-bottom:20px;">"Implementamos Odoo en 6 semanas. El equipo de Odoo Expertos entendió nuestras necesidades desde el primer día. Redujimos costes operativos un 40%."</p>
+        <div style="display:flex;align-items:center;gap:12px;">
+          <div style="width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#4338ca,#3b82f6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:0.875rem;">JM</div>
+          <div>
+            <div style="font-weight:600;font-size:0.875rem;color:#0f172a;">Javier Martínez</div>
+            <div style="font-size:0.8125rem;color:#94a3b8;">CEO, TechCorp</div>
+          </div>
         </div>
       </div>
-      <div>
-        <h4 class="footer__heading">Recursos</h4>
-        <div class="footer__links">
-          <a href="https://ODOO4projects.com/?utm_campaign=expertos" class="footer__link" rel="nofollow sponsored" target="_blank">Hosting Odoo</a>
-          <a href="https://www.odoo.com/documentation" class="footer__link" target="_blank" rel="noopener">Documentación oficial</a>
-          <a href="https://github.com/odoo/odoo" class="footer__link" target="_blank" rel="noopener">Odoo en GitHub</a>
+      <div class="testimonial-card fade-up">
+        <div style="display:flex;gap:2px;margin-bottom:16px;">
+          <span style="color:#f59e0b;">★</span><span style="color:#f59e0b;">★</span><span style="color:#f59e0b;">★</span><span style="color:#f59e0b;">★</span><span style="color:#f59e0b;">★</span>
+        </div>
+        <p style="color:#334155;font-size:0.9375rem;line-height:1.7;margin-bottom:20px;">"Pasamos de SAP a Odoo Community. El ahorro anual en licencias supera los 60.000€. La migración fue limpia y el equipo soporte excepcional."</p>
+        <div style="display:flex;align-items:center;gap:12px;">
+          <div style="width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#8b5cf6,#3b82f6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:0.875rem;">AG</div>
+          <div>
+            <div style="font-weight:600;font-size:0.875rem;color:#0f172a;">Ana Gómez</div>
+            <div style="font-size:0.8125rem;color:#94a3b8;">CTO, Industrias GL</div>
+          </div>
         </div>
       </div>
-      <div>
-        <h4 class="footer__heading">Empresa</h4>
-        <div class="footer__links">
-          <a href="/about.html" class="footer__link">Sobre nosotros</a>
-          <a href="/contact.html" class="footer__link">Contacto</a>
-          <a href="/privacy.html" class="footer__link">Política de privacidad</a>
+      <div class="testimonial-card fade-up">
+        <div style="display:flex;gap:2px;margin-bottom:16px;">
+          <span style="color:#f59e0b;">★</span><span style="color:#f59e0b;">★</span><span style="color:#f59e0b;">★</span><span style="color:#f59e0b;">★</span><span style="color:#f59e0b;">★</span>
+        </div>
+        <p style="color:#334155;font-size:0.9375rem;line-height:1.7;margin-bottom:20px;">"El hosting optimizado para Odoo marcó la diferencia. Pasamos de tiempos de carga de 8 segundos a respuestas instantáneas. Nuestros usuarios notaron el cambio inmediatamente."</p>
+        <div style="display:flex;align-items:center;gap:12px;">
+          <div style="width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#10b981,#3b82f6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:0.875rem;">CR</div>
+          <div>
+            <div style="font-weight:600;font-size:0.875rem;color:#0f172a;">Carlos Ruiz</div>
+            <div style="font-size:0.8125rem;color:#94a3b8;">Director IT, Distribuidora MX</div>
+          </div>
         </div>
       </div>
     </div>
-    <div class="footer__bottom">
-      <span>&copy; 2026 Odoo Expertos. Independiente y no afiliado a Odoo S.A.</span>
-      <span>Odoo es una marca registrada de Odoo S.A.</span>
+  </div>
+</section>
+
+<!-- ===== FEATURED CONTENT ===== -->
+<section style="padding:100px 0;background:#f1f5f9;">
+  <div class="container">
+    <div class="text-center max-w-3xl mx-auto mb-16 fade-up">
+      <h2 style="font-size:clamp(2rem,3vw,3rem);font-weight:700;line-height:1.1;letter-spacing:-0.03em;color:#0f172a;margin-bottom:16px;">
+        Recursos para tu implementación
+      </h2>
+    </div>
+    <div class="grid md:grid-cols-3 gap-6">
+      <a href="/blog/implementar-odoo-erp-pyme.html" class="premium-card p-8 fade-up" style="text-decoration:none;">
+        <div style="display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;">
+          <span style="background:rgba(67,56,202,0.1);color:#4338ca;font-size:0.75rem;font-weight:500;padding:4px 10px;border-radius:100px;">Guía</span>
+          <span style="background:rgba(16,185,129,0.1);color:#10b981;font-size:0.75rem;font-weight:500;padding:4px 10px;border-radius:100px;">15 min</span>
+        </div>
+        <h3 style="font-size:1.125rem;font-weight:600;color:#0f172a;margin-bottom:8px;line-height:1.4;">Cómo implementar Odoo en una pyme paso a paso</h3>
+        <p style="color:#64748b;font-size:0.875rem;line-height:1.7;">Guía completa desde la planificación hasta el despliegue en producción.</p>
+      </a>
+      <a href="/blog/odoo-community-vs-enterprise.html" class="premium-card p-8 fade-up" style="text-decoration:none;">
+        <div style="display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;">
+          <span style="background:rgba(245,158,11,0.1);color:#f59e0b;font-size:0.75rem;font-weight:500;padding:4px 10px;border-radius:100px;">Comparativa</span>
+          <span style="background:rgba(16,185,129,0.1);color:#10b981;font-size:0.75rem;font-weight:500;padding:4px 10px;border-radius:100px;">12 min</span>
+        </div>
+        <h3 style="font-size:1.125rem;font-weight:600;color:#0f172a;margin-bottom:8px;line-height:1.4;">Odoo Community vs Enterprise</h3>
+        <p style="color:#64748b;font-size:0.875rem;line-height:1.7;">Diferencias reales. ¿Qué versión necesitas para tu empresa?</p>
+      </a>
+      <a href="/blog/guia-hosting-odoo-servidores.html" class="premium-card p-8 fade-up" style="text-decoration:none;">
+        <div style="display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;">
+          <span style="background:rgba(139,92,246,0.1);color:#8b5cf6;font-size:0.75rem;font-weight:500;padding:4px 10px;border-radius:100px;">Infraestructura</span>
+          <span style="background:rgba(16,185,129,0.1);color:#10b981;font-size:0.75rem;font-weight:500;padding:4px 10px;border-radius:100px;">13 min</span>
+        </div>
+        <h3 style="font-size:1.125rem;font-weight:600;color:#0f172a;margin-bottom:8px;line-height:1.4;">Guía de hosting para Odoo</h3>
+        <p style="color:#64748b;font-size:0.875rem;line-height:1.7;">Cómo elegir el servidor adecuado para tu proyecto ERP.</p>
+      </a>
+    </div>
+  </div>
+</section>
+
+<!-- ===== CTA ===== -->
+<section class="cta-gradient" style="padding:120px 0;position:relative;overflow:hidden;">
+  <div style="position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(rgba(255,255,255,0.05) 1px,transparent 1px);background-size:24px 24px;"></div>
+  <div class="container text-center" style="position:relative;z-index:1;">
+    <div class="max-w-3xl mx-auto fade-up">
+      <div style="display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.15);border-radius:100px;padding:6px 16px;margin-bottom:24px;">
+        <span style="color:#a5b4fc;font-size:0.8125rem;font-weight:500;">Transformación digital</span>
+      </div>
+      <h2 style="font-size:clamp(2rem,3.5vw,3.5rem);font-weight:700;line-height:1.05;letter-spacing:-0.03em;color:#fff;margin-bottom:20px;">
+        Tu empresa merece un ERP<br>
+        <span style="background:linear-gradient(135deg,#a5b4fc,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;">que funcione para ti</span>
+      </h2>
+      <p style="font-size:1.125rem;color:#a5b4fc;line-height:1.7;max-width:500px;margin:0 auto 36px;">
+        Sin costes de licencia. Sin implementaciones interminables. Sin compromisos.
+      </p>
+      <div class="flex flex-wrap justify-center gap-4">
+        <a href="/blog/implementar-odoo-erp-pyme.html" class="btn-primary" style="background:#fff;color:#4338ca;font-size:1rem;padding:16px 36px;">
+          Iniciar mi proyecto
+          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
+        </a>
+        <a href="/blog/" class="btn-secondary" style="background:transparent;color:#fff;border-color:rgba(255,255,255,0.2);font-size:1rem;padding:16px 36px;">
+          Explorar recursos
+        </a>
+      </div>
+    </div>
+  </div>
+</section>
+
+<!-- ===== FOOTER ===== -->
+<footer style="background:#0f172a;border-top:1px solid #1e293b;padding:80px 0 40px;">
+  <div class="container">
+    <div class="grid md:grid-cols-4 gap-12 mb-12">
+      <div>
+        <div style="display:flex;align-items:center;gap:10px;margin-bottom:16px;">
+          <div style="width:28px;height:28px;background:linear-gradient(135deg,#4338ca,#3b82f6);border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;color:#fff;">OE</div>
+          <span style="font-weight:600;color:#fff;">Odoo Expertos</span>
+        </div>
+        <p style="color:#64748b;font-size:0.875rem;line-height:1.7;max-width:280px;">La referencia en español para Odoo Community ERP. Conocimiento práctico de consultores con experiencia real.</p>
+      </div>
+      <div>
+        <h4 style="color:#94a3b8;font-size:0.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:16px;">Secciones</h4>
+        <div style="display:flex;flex-direction:column;gap:10px;">
+          <a href="/blog/" style="color:#64748b;font-size:0.875rem;text-decoration:none;transition:color 0.2s;" onmouseover="this.style.color='#fff'" onmouseout="this.style.color='#64748b'">Blog</a>
+          <a href="/blog/" style="color:#64748b;font-size:0.875rem;text-decoration:none;transition:color 0.2s;" onmouseover="this.style.color='#fff'" onmouseout="this.style.color='#64748b'">Tutoriales</a>
+          <a href="/blog/" style="color:#64748b;font-size:0.875rem;text-decoration:none;transition:color 0.2s;" onmouseover="this.style.color='#fff'" onmouseout="this.style.color='#64748b'">Guías</a>
+          <a href="/blog/" style="color:#64748b;font-size:0.875rem;text-decoration:none;transition:color 0.2s;" onmouseover="this.style.color='#fff'" onmouseout="this.style.color='#64748b'">Comparativas</a>
+        </div>
+      </div>
+      <div>
+        <h4 style="color:#94a3b8;font-size:0.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:16px;">Recursos</h4>
+        <div style="display:flex;flex-direction:column;gap:10px;">
+          <a href="https://ODOO4projects.com/?utm_campaign=expertos" style="color:#64748b;font-size:0.875rem;text-decoration:none;transition:color 0.2s;" rel="nofollow sponsored" target="_blank" onmouseover="this.style.color='#fff'" onmouseout="this.style.color='#64748b'">Hosting Odoo</a>
+          <a href="https://www.odoo.com/documentation" style="color:#64748b;font-size:0.875rem;text-decoration:none;transition:color 0.2s;" target="_blank" onmouseover="this.style.color='#fff'" onmouseout="this.style.color='#64748b'">Documentación oficial</a>
+          <a href="https://github.com/odoo/odoo" style="color:#64748b;font-size:0.875rem;text-decoration:none;transition:color 0.2s;" target="_blank" onmouseover="this.style.color='#fff'" onmouseout="this.style.color='#64748b'">Odoo en GitHub</a>
+        </div>
+      </div>
+      <div>
+        <h4 style="color:#94a3b8;font-size:0.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:16px;">Empresa</h4>
+        <div style="display:flex;flex-direction:column;gap:10px;">
+          <a href="/about.html" style="color:#64748b;font-size:0.875rem;text-decoration:none;transition:color 0.2s;" onmouseover="this.style.color='#fff'" onmouseout="this.style.color='#64748b'">Sobre nosotros</a>
+          <a href="/contact.html" style="color:#64748b;font-size:0.875rem;text-decoration:none;transition:color 0.2s;" onmouseover="this.style.color='#fff'" onmouseout="this.style.color='#64748b'">Contacto</a>
+          <a href="/privacy.html" style="color:#64748b;font-size:0.875rem;text-decoration:none;transition:color 0.2s;" onmouseover="this.style.color='#fff'" onmouseout="this.style.color='#64748b'">Privacidad</a>
+        </div>
+      </div>
+    </div>
+    <div style="border-top:1px solid #1e293b;padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;">
+      <span style="color:#475569;font-size:0.8125rem;">&copy; 2026 Odoo Expertos. Independiente y no afiliado a Odoo S.A.</span>
+      <span style="color:#475569;font-size:0.8125rem;">Odoo es una marca registrada de Odoo S.A.</span>
     </div>
   </div>
 </footer>
 
-<script src="/js/main.js" defer></script>
+<!-- ===== SCROLL ANIMATIONS ===== -->
+<script>
+  // Mobile menu toggle
+  document.getElementById('mobileToggle').addEventListener('click', function() {
+    document.getElementById('mobileMenu').classList.toggle('hidden');
+  });
+
+  // Scroll animations
+  const observer = new IntersectionObserver((entries) => {
+    entries.forEach(entry => {
+      if (entry.isIntersecting) {
+        entry.target.classList.add('visible');
+      }
+    });
+  }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });
+
+  document.querySelectorAll('.fade-up, .fade-in, .scale-in').forEach(el => observer.observe(el));
+
+  // Counter animation
+  function animateCounter(id, target, suffix = '') {
+    const el = document.getElementById(id);
+    if (!el) return;
+    const observer = new IntersectionObserver((entries) => {
+      entries.forEach(entry => {
+        if (entry.isIntersecting) {
+          let current = 0;
+          const step = Math.ceil(target / 60);
+          const interval = setInterval(() => {
+            current += step;
+            if (current >= target) {
+              current = target;
+              clearInterval(interval);
+            }
+            el.textContent = current.toLocaleString() + suffix;
+          }, 25);
+          observer.unobserve(el);
+        }
+      });
+    }, { threshold: 0.5 });
+    observer.observe(el);
+  }
+
+  animateCounter('stat1', 120, '+');
+  animateCounter('stat2', 340, '+');
+  animateCounter('stat3', 10);
+  animateCounter('stat4', 2800, '+');
+</script>
+
+<!-- Schema -->
+<script type="application/ld+json">
+{
+  "@context": "https://schema.org",
+  "@type": "Organization",
+  "name": "Odoo Expertos",
+  "url": "https://odoo-expertos.com",
+  "description": "Consultoría especializada en Odoo Community ERP.",
+  "sameAs": ["https://github.com/odoo-expertos"]
+}
+</script>
 </body>
 </html>
\ No newline at end of file
