Impeccable redesign: flat surfaces, no emoji, no eyebrows, system fonts, restrained palette

2026-08-07 10:20:59 +00:00
parent 736bad18ca
commit 543c90bdfd
18 changed files with 1032 additions and 892 deletions
@@ -47,7 +47,7 @@
  </script>

  <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 32 32'%3E%3Crect width='32' height='32' rx='4' fill='%2300c853'/%3E%3Ctext x='16' y='22' text-anchor='middle' font-family='Arial' font-weight='800' font-size='18' fill='%230b1420'%3EOE%3C/text%3E%3C/svg%3E">
+  <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">
 </head>
 <body>

@@ -59,7 +59,7 @@
      Odoo Expertos
    </a>
    <button id="navToggle" class="nav__toggle" aria-expanded="false" aria-label="Abrir menú">
-      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+      <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>
    </button>
@@ -68,32 +68,20 @@
      <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>
 </nav>

 <!-- === HERO === -->
 <header class="hero">
-  <div class="container">
-    <div class="hero__tag">
-      <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-        <path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/>
-      </svg>
-      Referencia en español para Odoo Community
-    </div>
-    <h1 class="hero__title">Conocimiento experto en Odoo ERP</h1>
+  <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
-        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-          <path d="M5 12h14M12 5l7 7-7 7"/>
-        </svg>
-      </a>
+      <a href="/blog/" class="btn btn--primary">Explorar guías</a>
      <a href="/about.html" class="btn btn--secondary">Sobre el proyecto</a>
    </div>
  </div>
@@ -103,7 +91,6 @@
 <section class="section">
  <div class="container">
    <div class="section__header">
-      <p class="section__label">Artículos destacados</p>
      <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.
@@ -111,124 +98,100 @@
    </div>
    <div class="grid grid--3">
      <article class="card">
-        <div class="card__image" style="background: linear-gradient(135deg, #0b1420 0%, #1a2d44 100%); display:flex; align-items:center; justify-content:center; color:var(--color-accent); font-size:2rem; font-weight:700;">
-          Odoo
-        </div>
-        <div class="card__body">
-          <span class="card__category">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">
-            <span>12 min lectura</span>
-          </div>
-        </div>
+        <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">
-        <div class="card__image" style="background: linear-gradient(135deg, #0b1420 0%, #1a2d44 100%); display:flex; align-items:center; justify-content:center; color:var(--color-accent); font-size:2rem; font-weight:700;">
-          ERP
-        </div>
-        <div class="card__body">
-          <span class="card__category">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">
-            <span>15 min lectura</span>
-          </div>
-        </div>
+        <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">
-        <div class="card__image" style="background: linear-gradient(135deg, #0b1420 0%, #1a2d44 100%); display:flex; align-items:center; justify-content:center; color:var(--color-accent); font-size:2rem; font-weight:700;">
-          CRM
-        </div>
-        <div class="card__body">
-          <span class="card__category">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">
-            <span>10 min lectura</span>
-          </div>
-        </div>
+        <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>
-    <div style="text-align:center; margin-top:var(--space-2xl);">
-      <a href="/blog/" class="btn btn--ghost">
-        Ver todos los artículos
-        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-          <path d="M5 12h14M12 5l7 7-7 7"/>
-        </svg>
-      </a>
-    </div>
+    <p style="margin-top: var(--space-xxl);">
+      <a href="/blog/" class="btn btn--ghost">Ver todos los artículos</a>
+    </p>
  </div>
 </section>

-<!-- === SECTIONS OVERVIEW === -->
+<!-- === COVERAGE === -->
 <section class="section section--alt">
  <div class="container">
    <div class="section__header">
-      <p class="section__label">Áreas de conocimiento</p>
-      <h2 class="section__title">Todo lo que necesitas saber sobre Odoo Community</h2>
+      <h2 class="section__title">Áreas de conocimiento</h2>
      <p class="section__description">
-        Explora nuestras secciones especializadas, desde implementación básica hasta desarrollo avanzado.
+        El sitio cubre el ciclo completo de trabajo con Odoo: evaluación, implementación, operación y crecimiento.
      </p>
    </div>
-    <div class="grid grid--4">
-      <div class="card" style="padding:var(--space-lg);">
-        <div style="font-size:1.75rem; margin-bottom:var(--space-md);">📦</div>
-        <h3 style="font-size:1rem; margin-bottom:var(--space-sm);">Implementación</h3>
-        <p style="font-size:0.85rem; color:var(--color-text-muted); line-height:1.6;">Guías paso a paso para implementar Odoo en tu empresa.</p>
+    <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>
      </div>
-      <div class="card" style="padding:var(--space-lg);">
-        <div style="font-size:1.75rem; margin-bottom:var(--space-md);">⚙️</div>
-        <h3 style="font-size:1rem; margin-bottom:var(--space-sm);">Módulos y Funcionalidad</h3>
-        <p style="font-size:0.85rem; color:var(--color-text-muted); line-height:1.6;">Análisis detallado de los módulos Community más potentes.</p>
+      <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>
-      <div class="card" style="padding:var(--space-lg);">
-        <div style="font-size:1.75rem; margin-bottom:var(--space-md);">🖥️</div>
-        <h3 style="font-size:1rem; margin-bottom:var(--space-sm);">Hosting e Infraestructura</h3>
-        <p style="font-size:0.85rem; color:var(--color-text-muted); line-height:1.6;">Todo sobre servidores Odoo, despliegue y mantenimiento.</p>
+      <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>
-      <div class="card" style="padding:var(--space-lg);">
-        <div style="font-size:1.75rem; margin-bottom:var(--space-md);">📊</div>
-        <h3 style="font-size:1rem; margin-bottom:var(--space-sm);">Comparativas ERP</h3>
-        <p style="font-size:0.85rem; color:var(--color-text-muted); line-height:1.6;">Odoo frente a SAP, Sage y otras alternativas del mercado.</p>
+      <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>
    </div>
  </div>
 </section>

-<!-- === NEWEST ARTICLES === -->
+<!-- === LATEST ARTICLES === -->
 <section class="section">
-  <div class="container">
+  <div class="container container--wide">
    <div class="section__header">
-      <p class="section__label">Últimos artículos</p>
-      <h2 class="section__title">Contenido recién publicado</h2>
+      <h2 class="section__title">Últimos artículos</h2>
    </div>
    <div>
      <article class="article-card">
-        <div class="article-card__image" style="background: linear-gradient(135deg, #0b1420 0%, #1a2d44 100%); display:flex; align-items:center; justify-content:center; color:var(--color-warning); font-size:1.5rem; font-weight:700;">
-          Inventario
-        </div>
+        <div class="article-card__image">Inventario</div>
        <div class="article-card__body">
          <div class="article-card__meta">
-            <span class="category-badge category-badge--guide">Odoo Tutorials</span>
+            <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">Aprende a configurar y utilizar el módulo de inventario de Odoo Community. Gestión de stocks, almacenes, movimientos y valoración.</p>
+          <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" style="background: linear-gradient(135deg, #0b1420 0%, #1a2d44 100%); display:flex; align-items:center; justify-content:center; color:var(--color-accent); font-size:1.5rem; font-weight:700;">
-          Finanzas
-        </div>
+        <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>
@@ -237,71 +200,23 @@
          <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">Configuración completa del módulo de contabilidad en Odoo Community. Plan contable, facturación, conciliación e informes financieros.</p>
+          <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" style="background: linear-gradient(135deg, #0b1420 0%, #1a2d44 100%); display:flex; align-items:center; justify-content:center; color:var(--color-error); font-size:1.5rem; font-weight:700;">
-          ERP
-        </div>
+        <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">Comparisons</span>
+            <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, funcionalidades y casos de uso para empresas españolas.</p>
+          <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 style="text-align:center; margin-top:var(--space-2xl);">
-      <a href="/blog/" class="btn btn--secondary">Ver todos los artículos</a>
-    </div>
-  </div>
-</section>
-
-<!-- === CTA RECOMMENDED RESOURCES === -->
-<section class="section section--alt">
-  <div class="container container--narrow" style="text-align:center;">
-    <div class="section__header">
-      <p class="section__label">Infraestructura recomendada</p>
-      <h2 class="section__title">¿Buscas hosting especializado para Odoo?</h2>
-      <p class="section__description" style="margin:0 auto;">
-        Un servidor optimizado marca la diferencia en el rendimiento de tu ERP.
-        Explora opciones de hosting diseñadas específicamente para Odoo Community.
-      </p>
-    </div>
-    <a href="https://ODOO4projects.com/?utm_campaign=expertos" class="btn btn--primary" rel="nofollow sponsored" target="_blank">
-      Explorar opciones de hosting
-      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-        <path d="M7 17l9.2-9.2M17 17V7H7"/>
-      </svg>
-    </a>
-  </div>
-</section>
-
-<!-- === NEWSLETTER === -->
-<section class="section">
-  <div class="container">
-    <div class="section__header">
-      <p class="section__label">Mantente al día</p>
-      <h2 class="section__title">Recibe contenido exclusivo sobre Odoo</h2>
-      <p class="section__description">
-        Tutoriales, guías y análisis directamente en tu correo. Sin spam, solo contenido útil para tu proyecto ERP.
-      </p>
-    </div>
-    <div class="newsletter" style="max-width:600px; margin:0 auto;">
-      <h3 class="newsletter__title" style="font-size:1.1rem;">Newsletter Odoo Expertos</h3>
-      <p class="newsletter__text">
-        Cada mes compartimos guías prácticas, novedades de Odoo y recursos exclusivos para la comunidad hispanohablante.
-      </p>
-      <form class="newsletter__form" action="https://formspree.io/f/your-form-id" method="POST">
-        <input type="email" name="email" class="newsletter__input" placeholder="tu@email.com" required>
-        <button type="submit" class="btn btn--primary">Suscribirme</button>
-      </form>
-    </div>
  </div>
 </section>

@@ -320,7 +235,6 @@
        <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">Guías</a>
          <a href="/blog/" class="footer__link">Comparativas</a>
        </div>
      </div>
@@ -330,7 +244,6 @@
          <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>
-          <a href="https://www.odoo.com/page/community" class="footer__link" target="_blank" rel="noopener">Comunidad Odoo</a>
        </div>
      </div>
      <div>