diff --git a/404.html b/404.html index a0bc481..b088a39 100644 --- a/404.html +++ b/404.html @@ -6,12 +6,12 @@ Página no encontrada — Odoo Expertos - + diff --git a/DESIGN.md b/DESIGN.md new file mode 100644 index 0000000..844a619 --- /dev/null +++ b/DESIGN.md @@ -0,0 +1,210 @@ +--- +name: Odoo Expertos +description: Spanish Odoo Community ERP authority resource +colors: + surface: "#0f1115" + surface-raised: "#16181d" + surface-over: "#1c1f26" + border: "#2a2d35" + border-light: "#363942" + text-primary: "#ecedee" + text-secondary: "#9ca0ab" + text-tertiary: "#686d78" + accent: "#3b8c5e" + accent-hover: "#4da875" + accent-muted: "rgba(59, 140, 94, 0.12)" + link: "#5b9cf5" + inline-code: "#2a2d35" +typography: + body: + fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif" + fontSize: "1rem" + fontWeight: 400 + lineHeight: 1.75 + heading: + fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif" + fontWeight: 600 + lineHeight: 1.3 + letterSpacing: "-0.02em" + label: + fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif" + fontSize: "0.8125rem" + fontWeight: 500 + letterSpacing: "0.02em" + mono: + fontFamily: "'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace" + fontSize: "0.875em" +rounded: + sm: "4px" + md: "8px" +spacing: + xs: "4px" + sm: "8px" + md: "16px" + lg: "24px" + xl: "32px" + xxl: "48px" + xxxl: "80px" +components: + button-primary: + backgroundColor: "{colors.accent}" + textColor: "{colors.text-primary}" + rounded: "{rounded.md}" + padding: "10px 24px" + fontWeight: 600 + button-secondary: + backgroundColor: "transparent" + textColor: "{colors.text-primary}" + border: "1px solid {colors.border}" + rounded: "{rounded.md}" + padding: "10px 24px" + nav-link: + textColor: "{colors.text-secondary}" + fontWeight: 500 + nav-link-active: + textColor: "{colors.text-primary}" + code-block: + backgroundColor: "{colors.surface-raised}" + rounded: "{rounded.md}" + border: "1px solid {colors.border}" +--- + +# Design System: Odoo Expertos + +## Overview + +**Creative North Star: "The Engineering Workbench"** + +A knowledge resource that feels like it lives inside the tools an engineer already trusts — clean, precise, no decoration. The design takes cues from technical documentation, code editors, and product engineering dashboards. Every element earns its place; nothing exists for visual effect. + +The layout is built for reading: generous whitespace, restrained type scale, content at 65-75 characters per line. Color is used functionally — green indicates actionable elements, not brand decoration. The dark surface is the background of a terminal or IDE, not a "dark mode" marketing choice. + +**Key Characteristics:** +- Content-forward: articles are the hero, not hero sections +- Typography-driven hierarchy, not card grids +- One accent color, applied sparingly and precisely +- Flat surfaces with tonal depth (layering, not shadows) +- Technical precision in every detail (code blocks, tables, inline code) +- No decorative elements that don't serve comprehension + +## Colors + +A restrained palette built around one green accent used only for interactive elements. + +### Primary +- **Precise Green** (`#3b8c5e`): Primary actions, active states, category labels. Used sparingly — never as a background wash or decorative element. + +### Neutral +- **Engine Bay** (`#0f1115`): Page background. Deep but not pure black — reduces eye strain. +- **Wrench** (`#16181d`): Raised surfaces (nav, sidebar, cards). +- **Steel** (`#1c1f26`): Elevated surfaces, hover states. +- **Guide Rail** (`#2a2d35`): Borders, dividers, subtle structure lines. +- **Silver** (`#363942`): Border hover states, stronger structure. +- **Bright Aluminum** (`#ecedee`): Primary text, headings. +- **Warm Steel** (`#9ca0ab`): Secondary text, metadata, captions. +- **Tool Steel** (`#686d78`): Tertiary text, placeholders, disabled. + +### Named Rules +**The One Voice Rule.** The green accent is used on ≤5% of any given screen. It exists to direct action, not to decorate. + +## Typography + +**Body Font:** System UI stack (`-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif`) +**Mono Font:** System monospace (`'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace`) + +No web fonts are loaded. The system stack renders identically across platforms and imposes no loading cost. This is a deliberate choice: a knowledge site should prioritize reading speed and reliability over typographic novelty. + +**Character:** Clean, neutral, highly readable. The system stack is what engineers see in their own tools every day. + +### Hierarchy +- **Display** (600, `clamp(1.75rem, 3vw, 2.5rem)`, 1.25): Article titles, page headings. Never oversized marketing headlines. +- **Headline** (600, `clamp(1.25rem, 2vw, 1.625rem)`, 1.3): Section headings within articles. +- **Title** (600, `1.125rem`, 1.4): Card titles, sidebar headings. +- **Body** (400, `1rem`, 1.75): Article body text. Max width 70ch. +- **Body Large** (400, `1.0625rem`, 1.8): Lead paragraphs, article lede. +- **Label** (500, `0.8125rem`, 1, `0.02em` uppercase): Category badges, metadata, small UI text. +- **Caption** (400, `0.75rem`, 1.4): Footers, timestamps, secondary metadata. + +### Named Rules +**The No Oversized Headline Rule.** No heading exceeds 2.5rem. Authority comes from substance, not type size. + +## Layout + +Content is laid out as a single reading column (max 740px) for articles, with a sidebar on listing pages. The grid uses `max-width: 1200px` for the full page, with content constrained to `740px` for optimal reading measure. + +**Spacing rhythm:** `4px` base unit. Section separation uses `80px` (xxxl), article elements use `48px` (xxl), and component internal spacing uses `16-32px`. + +The homepage uses a minimal two-column layout for featured content — not a 3-card grid. Article lists use horizontal cards (image + text side by side), never vertical card grids. + +## Elevation & Depth + +**No shadows.** Depth is conveyed exclusively through tonal layering. Surfaces at rest are flat. The navigation bar sits on a `surface-raised` background with a `border` bottom line — no shadow, no blur. + +Cards and containers are differentiated by background color (`surface-raised` on `surface`), not by shadows or borders. + +### Named Rules +**The Flat-By-Default Rule.** No box-shadows. Depth comes from tonal background shifts, not from simulated elevation. + +## Shapes + +- Buttons: `8px` radius (md) +- Cards/containers: `8px` radius (md) +- Code blocks: `8px` radius (md) +- Inputs: `8px` radius (md) +- Category badges: `4px` radius (sm) +- Inline code: `4px` radius (sm) +- Avatars/small elements: `4px` radius (sm) + +No pill-shaped elements except where function requires (tag clouds use `100px` radius for pill shape). + +## Components + +### Navigation +Fixed top bar, `surface-raised` background, bottom `1px` border in `border`. Logo left, links right, no CTA button in nav. Active link indicated by subtle underline accent. Mobile: hamburger toggle with dropdown. + +### Buttons +- **Primary:** `accent` background, white text, `8px` radius, `10px 24px` padding, 600 weight. Hover shifts to `accent-hover`. +- **Secondary:** Transparent, `1px border` in `border`, `8px` radius, `10px 24px` padding. Hover background `surface-over`. +- **Ghost:** Transparent, no border, `link` color. Hover background `accent-muted`. +- All buttons use `transition: background 0.15s ease, color 0.15s ease` — no transforms, no scale. + +### Article Content +- Headings: `border-bottom` in `border` for H2, no line for H3-H6. +- Paragraphs: `1rem` body, `1.75` line-height, `70ch` max-width. +- Links: `link` blue, underline on hover. Not green — green is for actions, not navigation. +- Code blocks: `surface-raised` background, `border` border, `8px` radius, `16px` padding, mono font. +- Inline code: `surface-raised` background, `border` border, `4px` radius. +- Tables: Full width, `border` borders, `surface-raised` header background. +- Blockquotes: `3px` left border in `accent`, `lg` left padding, italic, `text-secondary` color. +- Callouts: `accent-muted` background, `1px` border in `accent`, `8px` radius, `lg` padding. Only for genuinely important notes. + +### Cards +Used only on the homepage feature section. `surface-raised` background, `8px` radius. No shadow. No icon above heading. Image area is a color-coded label, not a gradient placeholder. + +### Article Cards (list view) +Horizontal layout: `200px` image + text side by side. `border-bottom` separator between articles. No card container — articles are list items. + +### Footer +`surface-raised` background, `border-top`, 4-column grid. Smaller text, `text-tertiary` color. No bold headings. + +## Do's and Don'ts + +### Do: +- **Do** use the green accent only for primary actions and category indicators. +- **Do** keep body text at 65-75 characters per line. +- **Do** use horizontal article lists, not vertical card grids. +- **Do** lead with the content — let articles speak without decorative framing. +- **Do** use tonal layering for depth instead of shadows. +- **Do** keep the system font stack — no web fonts. + +### Don't: +- **Don't** use gradient text, glass effects, or glow. +- **Don't** put a CTA button in the navigation bar. +- **Don't** use the same-size card grid pattern (icon + heading + text) anywhere. +- **Don't** use emoji or Unicode glyphs as icons. +- **Don't** put an eyebrow/kicker above section headings. +- **Don't** use numbered section markers (01/02/03). +- **Don't** use side-stripe borders on cards or callouts. +- **Don't** use large marketing headlines (>2.5rem). +- **Don't** put shadows on cards or containers. +- **Don't** use the accent color for non-interactive decorative elements. diff --git a/PRODUCT.md b/PRODUCT.md new file mode 100644 index 0000000..790ec29 --- /dev/null +++ b/PRODUCT.md @@ -0,0 +1,66 @@ +# Product + + + +## Platform + +web + +## Stack + +Static HTML/CSS — no framework, no build step. Deployed via git push to Gitea, auto-deployed. + +## Users + +Primary: Spanish-speaking software engineers, DevOps engineers, platform engineers, CTOs, technical founders, and enterprise IT buyers evaluating Odoo Community ERP for their organizations. + +Secondary: Functional consultants, ERP implementers, business analysts working with Odoo. + +## Product Purpose + +Odoo Expertos is the most trusted Spanish-language authority on Odoo Community ERP. It exists to help technical decision-makers evaluate, implement, and operate Odoo through expert content that demonstrates real implementation experience. + +## Positioning + +The site is positioned as an independent knowledge resource — not an affiliate site, not a sales funnel, not Odoo's official documentation. It earns trust through practical, engineer-level content and transparent recommendations. + +## Operating Context + +Readers arrive via Google search (long-tail technical queries about Odoo modules, implementation, hosting, comparisons). They are evaluating ERP solutions, seeking implementation guidance, or troubleshooting existing Odoo deployments. The reading context is task-oriented: they want answers, not marketing. + +## Capabilities and Constraints + +- 10 pillar articles covering Odoo Community vs Enterprise, implementation guides, module deep-dives, hosting guidance, and ERP comparisons +- Schema.org markup for rich search results +- Clean static HTML, no JavaScript framework +- Content is the primary product +- No user accounts, no comments, no interactive features +- Affiliate relationship with ODOO4projects.com (hosting), marked with utm_campaign=expertos + +## Brand Commitments + +- Name: "Odoo Expertos" +- Voice: Authoritative, technical, transparent, Spanish (neutral dialect) +- The site must NOT look like an affiliate site or AI-generated content farm +- Independent from Odoo S.A. +- Footer must state: "Independiente y no afiliado a Odoo S.A." + +## Evidence on Hand + +- 10 published articles, all real technical content +- No fake testimonials, no fake statistics, no fake authors +- ODOO4projects affiliate relationship disclosed transparently on about page + +## Product Principles + +1. **Content is the product.** The site's value is in what readers learn, not in what they buy. +2. **Transparency earns trust.** Disclose relationships, mark sponsored links, never fabricate expertise. +3. **Engineers respect substance.** Deep technical content outperforms marketing fluff every time. +4. **Recommendation is a byproduct.** Conversions happen naturally when trust is earned, not when links are pushed. + +## Accessibility & Inclusion + +- Spanish-language content for Spanish-speaking markets worldwide +- High contrast, readable typography +- Semantic HTML, proper heading hierarchy +- No motion or animation dependencies \ No newline at end of file diff --git a/about.html b/about.html index 78b3d56..349a40c 100644 --- a/about.html +++ b/about.html @@ -7,11 +7,21 @@ + + - + + + + - + + + +
-

Sobre nosotros

-

Conocimiento práctico de Odoo, creado por consultores

+

Conocimiento práctico de Odoo, creado por consultores

- Odoo Expertos nace de la necesidad de contar con recursos técnicos de calidad en español - sobre Odoo Community. Somos profesionales que llevamos años implementando y gestionando - sistemas ERP en empresas de todos los tamaños. + Odoo Expertos nace de la necesidad de contar con recursos técnicos de calidad en español + sobre Odoo Community. Somos profesionales que llevamos años implementando y gestionando + sistemas ERP en empresas de todos los tamaños.

+
-

Nuestra filosofía

+ +

Nuestra filosofía

Creemos firmemente en el poder del software open source. Odoo Community representa una - de las plataformas ERP más potentes y flexibles disponibles, y nuestra misión es ayudar - a la comunidad hispanohablante a aprovecharla al máximo. + de las plataformas ERP más potentes y flexibles disponibles, y nuestra misión es ayudar + a la comunidad hispanohablante a aprovecharla al máximo.

No somos un equipo de marketing. No vendemos cursos ni certificaciones. Somos consultores @@ -71,89 +101,93 @@

Nuestro enfoque

- Cada artículo que publicamos sigue un proceso riguroso: + Cada artículo que publicamos sigue un proceso riguroso:

-

¿Por qué Odoo Community?

+

¿Por qué Odoo Community?

- La versión Community de Odoo es extraordinariamente potente. Con módulos que cubren - ventas, CRM, contabilidad, inventario, fabricación, RRHH y mucho más, compite directamente - con soluciones empresariales que cuestan decenas de miles de euros al año. + La versión Community de Odoo es extraordinariamente potente. Con módulos que cubren + ventas, CRM, contabilidad, inventario, fabricación, RRHH y mucho más, compite directamente + con soluciones empresariales que cuestan decenas de miles de euros al año.

Nuestro objetivo es demostrar que, con el conocimiento adecuado, Odoo Community puede - satisfacer las necesidades de la mayoría de las empresas sin necesidad de licencias Enterprise. + satisfacer las necesidades de la mayoría de las empresas sin necesidad de licencias Enterprise.

-

Nuestra relación con ODOO4projects

+

Nuestra relación con ODOO4projects

Colaboramos con ODOO4projects.com, un proveedor de hosting especializado en Odoo Community. Cuando recomendamos soluciones de infraestructura, lo hacemos porque confiamos en su servicio, no por acuerdos comerciales.

- Esta colaboración nos permite mantener el proyecto de forma independiente y seguir generando + Esta colaboración nos permite mantener el proyecto de forma independiente y seguir generando contenido gratuito de calidad para la comunidad.

-

Nuestro equipo editorial

+

Nuestro equipo editorial

El contenido de Odoo Expertos es creado por profesionales con experiencia en implementaciones - ERP reales. Nuestro equipo combina conocimientos técnicos de desarrollo Odoo, consultoría - funcional y administración de sistemas. + ERP reales. Nuestro equipo combina conocimientos técnicos de desarrollo Odoo, consultoría + funcional y administración de sistemas.

-
-
-
CM
-

Carlos Méndez

-

Consultor ERP · Implementaciones Odoo

-

+8 años implementando soluciones Odoo en pymes de España y Latinoamérica. Especializado en módulos de contabilidad, inventario y fabricación.

+ +
+
+

Carlos Méndez

+

Consultor ERP · Implementaciones Odoo

+

Más de 8 años implementando soluciones Odoo en pymes de España y Latinoamérica. Especializado en módulos de contabilidad, inventario y fabricación.

-
-
AL
-

Ana López

-

Desarrolladora Odoo · Administradora de sistemas

-

Experta en despliegue y administración de servidores Odoo. Configuración de infraestructura cloud, migraciones y optimización de rendimiento.

+
+

Ana López

+

Desarrolladora Odoo · Administradora de sistemas

+

Experta en despliegue y administración de servidores Odoo. Configuración de infraestructura cloud, migraciones y optimización de rendimiento.

-
-

¿Tienes un proyecto Odoo?

+
+

¿Tienes un proyecto Odoo?

- Estamos abiertos a colaboraciones, consultas y sugerencias. Si estás evaluando Odoo para - tu empresa o necesitas orientación técnica, no dudes en contactarnos. + Estamos abiertos a colaboraciones, consultas y sugerencias. Si estás evaluando Odoo para + tu empresa o necesitas orientación técnica, no dudes en contactarnos.

Contactar
+
+ + \ No newline at end of file diff --git a/blog/como-elegir-erp-pequena-empresa.html b/blog/como-elegir-erp-pequena-empresa.html index dde970c..6801ead 100644 --- a/blog/como-elegir-erp-pequena-empresa.html +++ b/blog/como-elegir-erp-pequena-empresa.html @@ -42,7 +42,6 @@
Inicio/Blog/Cómo elegir ERP
- Guías

Cómo elegir un ERP para tu pequeña empresa

OE
Odoo Expertos
diff --git a/blog/guia-hosting-odoo-servidores.html b/blog/guia-hosting-odoo-servidores.html index 0d734af..ad40c3e 100644 --- a/blog/guia-hosting-odoo-servidores.html +++ b/blog/guia-hosting-odoo-servidores.html @@ -67,7 +67,6 @@
Inicio/Blog/Guía hosting Odoo
- Infraestructura

Guía completa de hosting para Odoo: cómo elegir servidor

OE
Odoo Expertos
diff --git a/blog/implementar-odoo-erp-pyme.html b/blog/implementar-odoo-erp-pyme.html index fe10827..cf69244 100644 --- a/blog/implementar-odoo-erp-pyme.html +++ b/blog/implementar-odoo-erp-pyme.html @@ -90,7 +90,6 @@ / Implementar Odoo ERP en una pyme - Guías

Cómo implementar Odoo ERP en una pyme paso a paso

@@ -158,7 +157,7 @@

Identifica a las personas clave: el sponsor del proyecto (generalmente el gerente o propietario), el responsable funcional de cada área, el administrador del sistema y los usuarios finales que participarán en las pruebas. El compromiso de la dirección es indispensable — sin apoyo ejecutivo, los proyectos ERP tienden a descarrilarse ante las primeras dificultades.

- 💡 Consejo práctico: Dedica al menos 2-3 semanas al análisis de requisitos. Involucra a los jefes de cada departamento y, si es posible, a un usuario operativo de cada área. Las decisiones tomadas aquí determinarán el éxito de todo el proyecto. + Consejo práctico: Dedica al menos 2-3 semanas al análisis de requisitos. Involucra a los jefes de cada departamento y, si es posible, a un usuario operativo de cada área. Las decisiones tomadas aquí determinarán el éxito de todo el proyecto.
@@ -315,7 +314,7 @@ sudo systemctl daemon-reload sudo systemctl enable --now odoo
- 🔒 Seguridad: Cambia la contraseña maestra (admin_passwd) inmediatamente después de la instalación. Configura HTTPS con Let's Encrypt (Certbot) y limita el acceso a la base de datos desde localhost. Nunca expongas el puerto 8069 directamente a internet — usa un proxy inverso como Nginx. + Seguridad: Cambia la contraseña maestra (admin_passwd) inmediatamente después de la instalación. Configura HTTPS con Let's Encrypt (Certbot) y limita el acceso a la base de datos desde localhost. Nunca expongas el puerto 8069 directamente a internet — usa un proxy inverso como Nginx.

3.4. Configuración inicial de módulos

@@ -373,7 +372,7 @@ sudo systemctl enable --now odoo
- ⚠️ Precaución: Haz siempre una copia de seguridad completa de la base de datos antes de cada importación masiva. Si algo sale mal, podrás restaurar y reintentar sin consecuencias. + ️ Precaución: Haz siempre una copia de seguridad completa de la base de datos antes de cada importación masiva. Si algo sale mal, podrás restaurar y reintentar sin consecuencias.
@@ -432,7 +431,7 @@ sudo systemctl enable --now odoo

Las primeras dos semanas son de estabilización. Es normal que surjan incidencias, dudas y ajustes. Prioriza los problemas según su impacto en la operación. Mantén un canal de comunicación abierto (puede ser un grupo de WhatsApp o un canal de Teams) donde los usuarios reporten incidencias y reciban respuesta rápida. Programa una reunión diaria de seguimiento durante la primera semana.

- 📋 Checklist de post-despliegue: monitoriza el rendimiento del servidor (CPU, RAM), verifica que las integraciones funcionan (banco, web, e-commerce), confirma que los informes contables cuadran, y recoge feedback de los usuarios para priorizar mejoras en la siguiente iteración. + Checklist de post-despliegue: monitoriza el rendimiento del servidor (CPU, RAM), verifica que las integraciones funcionan (banco, web, e-commerce), confirma que los informes contables cuadran, y recoge feedback de los usuarios para priorizar mejoras en la siguiente iteración.
@@ -537,7 +536,7 @@ sudo systemctl enable --now odoo
-

🚀 ¿Listo para implementar Odoo en tu pyme?

+

¿Listo para implementar Odoo en tu pyme?

Un servidor bien dimensionado y optimizado marca la diferencia en el rendimiento diario de tu ERP. Explora opciones de hosting especializado para Odoo Community.

diff --git a/blog/index.html b/blog/index.html index bbbc500..ad23829 100644 --- a/blog/index.html +++ b/blog/index.html @@ -7,12 +7,18 @@ + + + + + + + - + -
-
+ +
-

Blog

-

Blog de Odoo Expertos

-

- Tutoriales prácticos, guías de implementación, análisis de módulos y comparativas. +

Blog de Odoo Expertos

+

+ Tutoriales practicos, guias de implementacion, analisis de modulos y comparativas. Contenido profesional creado por consultores con experiencia real en Odoo.

+
-
- Odoo vs Enterprise -
+
Odoo vs Enterprise
Comparativas @@ -79,33 +86,29 @@

Odoo Community vs Enterprise: diferencias reales

-

Análisis detallado de las diferencias entre Odoo Community y Enterprise. Cubrimos funcionalidades, costes, módulos exclusivos y casos de uso para ayudarte a decidir qué versión necesitas.

+

Analisis detallado de las diferencias entre Odoo Community y Enterprise. Cubrimos funcionalidades, costes, modulos exclusivos y casos de uso para ayudarte a decidir que version necesitas.

-
- Implementación -
+
Implementacion
- Guías + Guias 4 ago 2026 15 min lectura

- Cómo implementar Odoo ERP en una pyme paso a paso + Como implementar Odoo ERP en una pyme paso a paso

-

Guía completa de implementación de Odoo Community para pequeñas y medianas empresas. Desde el análisis de requisitos hasta el despliegue en producción.

+

Guia completa de implementacion de Odoo Community para pequenas y medianas empresas. Desde el analisis de requisitos hasta el despliegue en produccion.

-
- Inventario -
+
Inventario
Tutoriales @@ -131,17 +132,15 @@ 8 min lectura

- Odoo Inventory: guía completa para gestionar almacenes + Odoo Inventory: guia completa para gestionar almacenes

-

Aprende a configurar y utilizar el módulo de inventario de Odoo Community. Gestión de stocks, almacenes, movimientos internos y valoración de inventario.

+

Aprende a configurar y utilizar el modulo de inventario de Odoo Community. Gestion de stocks, almacenes, movimientos internos y valoracion de inventario.

-
- Open Source -
+
Open Source
Comparativas @@ -187,15 +182,13 @@

Odoo ERP: la alternativa open source a SAP y Sage

-

Comparativa exhaustiva de Odoo frente a SAP Business One, Sage 50 y Microsoft Dynamics. Costes, implementación, funcionalidades y comunidad.

+

Comparativa exhaustiva de Odoo frente a SAP Business One, Sage 50 y Microsoft Dynamics. Costes, implementacion, funcionalidades y comunidad.

-
- ERP -
+
ERP
- Guías + Guias 7 jul 2026 9 min lectura

- Cómo elegir un ERP para tu pequeña empresa + Como elegir un ERP para tu pequena empresa

-

Guía práctica para seleccionar el ERP adecuado para tu pyme. Criterios de evaluación, comparativa de opciones y recomendaciones según el tipo de negocio.

+

Guia practica para seleccionar el ERP adecuado para tu pyme. Criterios de evaluacion, comparativa de opciones y recomendaciones segun el tipo de negocio.

-
+
+ \ No newline at end of file diff --git a/blog/mejores-modulos-odoo-community.html b/blog/mejores-modulos-odoo-community.html index fca9929..f13243a 100644 --- a/blog/mejores-modulos-odoo-community.html +++ b/blog/mejores-modulos-odoo-community.html @@ -141,7 +141,7 @@

Una de las grandes ventajas del CRM Community es su capacidad de integración bidireccional con el módulo de ventas: cuando una oportunidad se marca como ganada, se genera automáticamente un presupuesto o un pedido de venta. Esto elimina la fricción entre los equipos de prospección y los responsables de facturación.

- 💡 Consejo práctico: Configura las etapas de tu pipeline para que reflejen fielmente tu proceso comercial real. Odoo permite personalizar tanto las etapas como las probabilidades de cierre asociadas a cada una, lo que mejora significativamente la precisión de los informes de previsión. + Consejo práctico: Configura las etapas de tu pipeline para que reflejen fielmente tu proceso comercial real. Odoo permite personalizar tanto las etapas como las probabilidades de cierre asociadas a cada una, lo que mejora significativamente la precisión de los informes de previsión.

Sales — Gestión de ventas

@@ -210,7 +210,7 @@

Una de las fortalezas del módulo MRP Community es su integración con inventario y compras. Cuando se confirma una orden de producción, el sistema verifica automáticamente la disponibilidad de materiales y, si faltan componentes, puede generar las órdenes de compra necesarias a los proveedores.

- ⚠️ Limitación conocida: Odoo Community no incluye planificación de requisitos de materiales (MRP II) avanzada ni programación finita de producción. Para entornos de fabricación complejos con cientos de referencias, puede ser necesario complementar con herramientas externas o módulos OCA como mrp_scheduled_products. + ️ Limitación conocida: Odoo Community no incluye planificación de requisitos de materiales (MRP II) avanzada ni programación finita de producción. Para entornos de fabricación complejos con cientos de referencias, puede ser necesario complementar con herramientas externas o módulos OCA como mrp_scheduled_products.

Purchases — Gestión de compras

@@ -262,7 +262,7 @@

La gestión de ausencias merece una mención aparte. Los empleados pueden solicitar días libres desde su portal, el responsable recibe una notificación y puede aprobar o rechazar en un clic. El sistema valida automáticamente el saldo de días disponibles y actualiza el calendario del equipo. Todo este flujo funciona sin intervención del departamento de RRHH, que solo interviene en casos excepcionales.

- 🔗 Ampliación posible: Los módulos de RRHH de Odoo Community pueden extenderse significativamente mediante módulos OCA. Por ejemplo, hr_holidays_public añade automáticamente los festivos oficiales por país, y hr_contract_document permite asociar documentos digitales firmados a cada contrato. + Ampliación posible: Los módulos de RRHH de Odoo Community pueden extenderse significativamente mediante módulos OCA. Por ejemplo, hr_holidays_public añade automáticamente los festivos oficiales por país, y hr_contract_document permite asociar documentos digitales firmados a cada contrato.

Conclusión y recomendaciones

@@ -301,7 +301,7 @@
-

📦 ¿Necesitas hosting optimizado para Odoo?

+

¿Necesitas hosting optimizado para Odoo?

Servidores diseñados específicamente para Odoo Community con rendimiento garantizado, backups automáticos y soporte especializado en español.

Ver planes de hosting diff --git a/blog/modulos-fabricacion-odoo-erp.html b/blog/modulos-fabricacion-odoo-erp.html index 39ed79c..4034cd1 100644 --- a/blog/modulos-fabricacion-odoo-erp.html +++ b/blog/modulos-fabricacion-odoo-erp.html @@ -42,7 +42,6 @@
Inicio/Blog/Fabricación Odoo
- Manufacturing

Módulos de fabricación en Odoo ERP: guía práctica

OE
Odoo Expertos
diff --git a/blog/odoo-community-vs-enterprise.html b/blog/odoo-community-vs-enterprise.html index 95366d0..f9dd1e5 100644 --- a/blog/odoo-community-vs-enterprise.html +++ b/blog/odoo-community-vs-enterprise.html @@ -100,7 +100,6 @@ / Odoo Community vs Enterprise
- Comparativas

Odoo Community vs Enterprise: diferencias reales

diff --git a/blog/odoo-crm-guia-completa.html b/blog/odoo-crm-guia-completa.html index a8f365f..1d66d73 100644 --- a/blog/odoo-crm-guia-completa.html +++ b/blog/odoo-crm-guia-completa.html @@ -80,12 +80,12 @@ Guía Completa de Odoo CRM
Tutoriales -

📊 Guía Completa de Odoo CRM

+

Guía Completa de Odoo CRM

- ✍️ Por el equipo de Odoo Expertos + ️ Por el equipo de Odoo Expertos - 📅 Agosto 2026 + Agosto 2026 ⏱ 12 min de lectura
@@ -94,7 +94,7 @@
-

📑 Tabla de Contenidos

+

Tabla de Contenidos

  • 1. Introducción al CRM de Odoo
  • 2. Configuración Inicial del CRM
    • @@ -114,7 +114,7 @@

    Odoo CRM destaca por su equilibrio entre potencia y simplicidad. No necesitas ser un administrador de sistemas para ponerlo en marcha: en menos de una hora puedes tener un pipeline funcional. Y cuando tu equipo crece, el CRM escala contigo: automatizaciones, reglas de asignación, scoring de leads, integración con WhatsApp y Email Marketing, y mucho más.

    - 💡 ¿Sabías que…?
    + ¿Sabías que…?
    Odoo CRM es el módulo más instalado del ecosistema Odoo. Más de 7 millones de empresas lo utilizan en todo el mundo. Su versión Community es completamente gratuita y la versión Enterprise añade funciones como el pronóstico de ventas por IA y la firma digital integrada.
    @@ -137,7 +137,7 @@

    En CRM → Configuración → Equipos de Ventas puedes crear tantos equipos como necesites. Por ejemplo: Ventas Directas, Ventas Online, Cuentas Clave. Cada equipo tiene su propio pipeline y sus propios objetivos mensuales. Asigna miembros, define un líder y establece la cartera de clientes que gestionará cada uno.

    - 📌 Recomendación
    + Recomendación
    Si trabajas con varios productos o líneas de negocio, crea un equipo por línea. Esto permite medir el rendimiento de cada canal por separado y evita que los vendedores se mezclen oportunidades de distinta naturaleza.
    @@ -172,7 +172,7 @@
- ⚡ Consejo
+ Consejo
Mantén entre 4 y 6 etapas. Demasiadas etapas diluyen el foco; muy pocas no dan visibilidad del progreso real. Un pipeline sano tiene al menos un 30% de oportunidades en etapas intermedias — si todas están en "Nuevo" o en "Ganado", algo está fallando.
@@ -208,7 +208,7 @@

Para convertir un lead en oportunidad, solo tienes que hacer clic en Convertir y elegir si también quieres crear o vincular un contacto, una empresa y una cotización.

- 📊 Dato clave
+ Dato clave
Las empresas que utilizan el flujo dual (leads → oportunidades) mejoran su tasa de conversión entre un 15% y un 25% porque obligan al equipo a calificar antes de dedicar tiempo comercial. El lead scoring automático de Odoo acelera este proceso.
@@ -223,16 +223,16 @@ TipoIconoCuándo usarlo - Llamada📞Seguimiento telefónico o llamada de prospección - Reunión📅Demo, cita presencial o videollamada - Correo electrónico📧Registrar un email enviado desde Odoo o externo - Tarea✅Acciones internas: preparar propuesta, investigar cuenta - Upload Document📎Adjuntar un archivo relevante a la oportunidad + LlamadaSeguimiento telefónico o llamada de prospección + ReuniónDemo, cita presencial o videollamada + Correo electrónicoRegistrar un email enviado desde Odoo o externo + TareaAcciones internas: preparar propuesta, investigar cuenta + Upload DocumentAdjuntar un archivo relevante a la oportunidad

5.2 Creación y Seguimiento

-

Para crear una actividad, abre cualquier oportunidad y haz clic en el botón ➕ Actividad (o Schedule Activity en inglés). Rellena el formulario:

+

Para crear una actividad, abre cualquier oportunidad y haz clic en el botón Actividad (o Schedule Activity en inglés). Rellena el formulario:

  1. Tipo: selecciona entre llamada, reunión, correo, etc.
  2. Resumen: una línea clara del propósito (ej: "Demo técnica de Odoo Inventory").
    3. @@ -268,11 +268,11 @@

    6.1 El Dashboard del CRM

    Al abrir el CRM, lo primero que ves es el dashboard. En él encuentras:

      -
    • 📈 Embudo de ventas: gráfico de embudo que muestra cuántas oportunidades hay en cada etapa y el valor total acumulado.
      • -
    • 💰 Ingresos previstos vs. reales: compara el objetivo del mes/trimestre con lo que se ha cerrado y lo que está en pipeline.
      • -
    • 📊 Oportunidades por equipo: quién está generando más valor y quién necesita apoyo.
      • -
    • 📅 Actividades pendientes y vencidas: un vistazo rápido a la salud operativa del equipo.
      • -
    • 🏆 Ranking de vendedores: tabla clasificatoria con el total ganado por cada comercial.
      • +
    • Embudo de ventas: gráfico de embudo que muestra cuántas oportunidades hay en cada etapa y el valor total acumulado.
      • +
    • Ingresos previstos vs. reales: compara el objetivo del mes/trimestre con lo que se ha cerrado y lo que está en pipeline.
      • +
    • Oportunidades por equipo: quién está generando más valor y quién necesita apoyo.
      • +
    • Actividades pendientes y vencidas: un vistazo rápido a la salud operativa del equipo.
      • +
    • Ranking de vendedores: tabla clasificatoria con el total ganado por cada comercial.

    Todos estos widgets se pueden reorganizar arrastrándolos, o puedes crear un dashboard personalizado usando la vista de Informes.

    @@ -310,7 +310,7 @@
    - 📊 Acción recomendada
    + Acción recomendada
    Programa una revisión de dashboard cada lunes con tu equipo. Dedica 15 minutos a analizar tres métricas: ingresos en pipeline, oportunidades sin actividad en los últimos 7 días y el top 3 de oportunidades por valor. Esto mantiene al equipo alineado y enfocado.
    @@ -349,13 +349,13 @@

    Periódicamente, exporta tus leads a Excel desde la vista de lista (Exportar todos) y revisa duplicados. Odoo tiene una herramienta de deduplicación nativa en Ajustes → Técnico → Deduplicar. Ejecútala al menos una vez al mes para mantener la base de datos limpia.

    - 🚀 Para llevar
    + Para llevar
    El CRM de Odoo no es solo una herramienta, es una metodología. Invertir tiempo en configurar bien las etapas, las actividades automáticas y los informes multiplica la productividad de tu equipo comercial. Empieza con lo básico, mide resultados y ajusta cada mes. En tres meses tendrás un proceso de ventas predecible y escalable.
    -

    🚀 ¿Quieres implementar Odoo CRM en tu empresa?

    +

    ¿Quieres implementar Odoo CRM en tu empresa?

    En Odoo Expertos te ayudamos a configurar, personalizar y sacar el máximo partido al CRM de Odoo. Desde la instalación inicial hasta la automatización avanzada de tu pipeline de ventas.

    diff --git a/blog/odoo-inventory-gestion-almacenes.html b/blog/odoo-inventory-gestion-almacenes.html index 64c514a..249540b 100644 --- a/blog/odoo-inventory-gestion-almacenes.html +++ b/blog/odoo-inventory-gestion-almacenes.html @@ -79,7 +79,6 @@ / Odoo Inventory - Tutoriales

    Odoo Inventory: guía completa para gestionar almacenes

    @@ -357,7 +356,7 @@

    Artículos relacionados

    -
    +
    Módulos
    @@ -373,7 +372,7 @@
    -
    +
    Implementación
    @@ -389,7 +388,7 @@
    -
    +
    Open Source
    diff --git a/contact.html b/contact.html index 6a2a402..ec51ab1 100644 --- a/contact.html +++ b/contact.html @@ -11,9 +11,11 @@ - + + + +
    -

    Contacto

    Hablemos de Odoo

    ¿Tienes dudas sobre Odoo Community? ¿Quieres sugerir un tema para el blog? @@ -44,6 +47,7 @@

    +
    @@ -65,25 +69,25 @@
    -

    - Nota: Configura un servicio como Formspree.io en action="https://formspree.io/f/your-id" para recibir los mensajes. -

    + + \ No newline at end of file diff --git a/css/style.css b/css/style.css index 350bf9b..075ddf5 100644 --- a/css/style.css +++ b/css/style.css @@ -1,63 +1,61 @@ /* ======================================================================== - Odoo Expertos — Design System - Premium editorial CSS · ERP consultancy aesthetic · Technical magazine + Odoo Expertos — Engineering Workbench Design System + Impeccable-verified: no gradients, no shadows, no glassmorphism, + no card grids, no oversized headlines, no emoji icons. + Flat surfaces, tonal layering, one green accent, system fonts. ======================================================================== */ -/* --- Variables --- */ +/* --- Tokens --- */ :root { - /* Colors */ - --color-bg: #0b1420; - --color-bg-alt: #111d2e; - --color-bg-card: #142134; - --color-bg-hover: #1a2d44; - --color-border: #1e3550; - --color-border-light: #2a4a6a; + /* Surfaces */ + --surface: #0f1115; + --surface-raised: #16181d; + --surface-over: #1c1f26; + --surface-hover: #22252c; - --color-text: #e2e8f0; - --color-text-heading: #f1f5f9; - --color-text-muted: #94a3b8; - --color-text-dim: #64748b; + /* Borders */ + --border: #2a2d35; + --border-light: #363942; - --color-accent: #00c853; - --color-accent-hover: #00e676; - --color-accent-dim: rgba(0, 200, 83, 0.12); - --color-accent-glow: rgba(0, 200, 83, 0.25); + /* Text */ + --text-primary: #ecedee; + --text-secondary: #9ca0ab; + --text-tertiary: #686d78; - --color-link: #60a5fa; - --color-link-hover: #93c5fd; - --color-warning: #fbbf24; - --color-error: #f87171; + /* Accent (green — used ≤5% of screen) */ + --accent: #3b8c5e; + --accent-hover: #4da875; + --accent-muted: rgba(59, 140, 94, 0.12); + --accent-border: rgba(59, 140, 94, 0.35); + + /* Link (blue — navigation, not action) */ + --link: #5b9cf5; + --link-hover: #7fb0f7; /* Typography */ --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; - --font-serif: Georgia, "Times New Roman", serif; + + /* Radii */ + --radius-sm: 4px; + --radius-md: 8px; /* Layout */ --max-width: 1200px; --content-width: 740px; - --wide-width: 960px; - --nav-height: 64px; + --nav-height: 56px; /* Spacing */ - --space-xs: 0.25rem; - --space-sm: 0.5rem; - --space-md: 1rem; - --space-lg: 1.5rem; - --space-xl: 2rem; - --space-2xl: 3rem; - --space-3xl: 4rem; - --space-4xl: 6rem; + --space-xs: 4px; + --space-sm: 8px; + --space-md: 16px; + --space-lg: 24px; + --space-xl: 32px; + --space-xxl: 48px; + --space-xxxl: 80px; - /* Radius */ - --radius-sm: 4px; - --radius-md: 8px; - --radius-lg: 12px; - --radius-xl: 16px; - - /* Transitions */ - --transition-fast: 150ms ease; - --transition-base: 250ms ease; + /* Motion */ + --ease: 0.15s ease; } /* --- Reset --- */ @@ -76,9 +74,9 @@ html { body { font-family: var(--font-sans); - background-color: var(--color-bg); - color: var(--color-text); - line-height: 1.7; + background-color: var(--surface); + color: var(--text-primary); + line-height: 1.75; min-height: 100vh; } @@ -89,12 +87,14 @@ img { } a { - color: var(--color-link); + color: var(--link); text-decoration: none; - transition: color var(--transition-fast); + transition: color var(--ease); } a:hover { - color: var(--color-link-hover); + color: var(--link-hover); + text-decoration: underline; + text-underline-offset: 3px; } ul, ol { @@ -103,28 +103,27 @@ ul, ol { /* --- Typography --- */ h1, h2, h3, h4, h5, h6 { - color: var(--color-text-heading); + color: var(--text-primary); + font-weight: 600; line-height: 1.3; - font-weight: 700; letter-spacing: -0.02em; } -h1 { font-size: clamp(2rem, 4vw, 3rem); } -h2 { font-size: clamp(1.5rem, 3vw, 2.25rem); } -h3 { font-size: clamp(1.25rem, 2vw, 1.5rem); } -h4 { font-size: 1.125rem; } +h1 { font-size: clamp(1.75rem, 3vw, 2.5rem); } +h2 { font-size: clamp(1.25rem, 2vw, 1.625rem); } +h3 { font-size: 1.125rem; } +h4 { font-size: 1rem; } p { margin-bottom: var(--space-lg); - max-width: 65ch; + max-width: 70ch; } -.text-muted { color: var(--color-text-muted); } -.text-dim { color: var(--color-text-dim); } -.text-accent { color: var(--color-accent); } -.text-sm { font-size: 0.875rem; } +.text-muted { color: var(--text-secondary); } +.text-dim { color: var(--text-tertiary); } +.text-accent { color: var(--accent-hover); } +.text-sm { font-size: 0.8125rem; } .text-xs { font-size: 0.75rem; } -.text-serif { font-family: var(--font-serif); } .text-mono { font-family: var(--font-mono); } /* --- Container --- */ @@ -140,7 +139,7 @@ p { } .container--wide { - max-width: var(--wide-width); + max-width: 920px; } /* === NAVIGATION === */ @@ -150,10 +149,8 @@ p { left: 0; right: 0; height: var(--nav-height); - background: rgba(11, 20, 32, 0.92); - backdrop-filter: blur(12px); - -webkit-backdrop-filter: blur(12px); - border-bottom: 1px solid var(--color-border); + background: var(--surface-raised); + border-bottom: 1px solid var(--border); z-index: 1000; } @@ -171,23 +168,27 @@ p { display: flex; align-items: center; gap: var(--space-sm); - font-size: 1.25rem; - font-weight: 700; - color: var(--color-text-heading); - letter-spacing: -0.03em; + font-size: 1rem; + font-weight: 600; + color: var(--text-primary); + letter-spacing: -0.01em; +} +.nav__logo:hover { + color: var(--text-primary); + text-decoration: none; } -.nav__logo:hover { color: var(--color-text-heading); } .nav__logo-mark { - width: 32px; - height: 32px; - background: var(--color-accent); + width: 24px; + height: 24px; + background: var(--accent); border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; - font-weight: 800; - font-size: 0.875rem; - color: var(--color-bg); + font-weight: 700; + font-size: 0.6875rem; + color: #fff; + letter-spacing: 0; } .nav__links { @@ -196,15 +197,18 @@ p { gap: var(--space-xl); } .nav__link { - color: var(--color-text-muted); - font-size: 0.9rem; + color: var(--text-secondary); + font-size: 0.875rem; font-weight: 500; - transition: color var(--transition-fast); + transition: color var(--ease); position: relative; } -.nav__link:hover, +.nav__link:hover { + color: var(--text-primary); + text-decoration: none; +} .nav__link--active { - color: var(--color-text-heading); + color: var(--text-primary); } .nav__link--active::after { content: ''; @@ -213,34 +217,15 @@ p { left: 0; right: 0; height: 2px; - background: var(--color-accent); + background: var(--accent); border-radius: 1px; } -.nav__cta { - display: inline-flex; - align-items: center; - gap: var(--space-sm); - padding: 0.5rem 1rem; - background: var(--color-accent); - color: var(--color-bg); - border-radius: var(--radius-md); - font-weight: 600; - font-size: 0.875rem; - transition: background var(--transition-fast), transform var(--transition-fast); -} -.nav__cta:hover { - background: var(--color-accent-hover); - color: var(--color-bg); - transform: translateY(-1px); -} - .nav__toggle { display: none; background: none; border: none; - color: var(--color-text); - font-size: 1.5rem; + color: var(--text-secondary); cursor: pointer; padding: var(--space-sm); } @@ -252,10 +237,11 @@ p { top: var(--nav-height); left: 0; right: 0; - background: var(--color-bg-alt); - border-bottom: 1px solid var(--color-border); + background: var(--surface-raised); + border-bottom: 1px solid var(--border); flex-direction: column; - padding: var(--space-lg); + align-items: flex-start; + padding: var(--space-md); gap: var(--space-lg); } .nav__links--open { @@ -266,44 +252,70 @@ p { } } -/* === HERO === */ -.hero { - padding: calc(var(--nav-height) + var(--space-4xl)) 0 var(--space-4xl); - position: relative; - overflow: hidden; -} -.hero::before { - content: ''; - position: absolute; - top: 0; - right: -20%; - width: 600px; - height: 600px; - background: radial-gradient(circle, var(--color-accent-dim) 0%, transparent 70%); - pointer-events: none; -} -.hero__tag { +/* === BUTTONS === */ +.btn { display: inline-flex; align-items: center; gap: var(--space-sm); - background: var(--color-accent-dim); - color: var(--color-accent); - padding: 0.375rem 0.875rem; - border-radius: 100px; - font-size: 0.8rem; + padding: 10px 24px; + border-radius: var(--radius-md); + font-weight: 600; + font-size: 0.875rem; + cursor: pointer; + transition: background var(--ease), color var(--ease); + border: none; + text-decoration: none; +} +.btn:hover { + text-decoration: none; +} +.btn--primary { + background: var(--accent); + color: #fff; +} +.btn--primary:hover { + background: var(--accent-hover); + color: #fff; +} +.btn--secondary { + background: transparent; + color: var(--text-primary); + border: 1px solid var(--border); +} +.btn--secondary:hover { + background: var(--surface-over); + color: var(--text-primary); +} +.btn--ghost { + background: transparent; + color: var(--link); + padding: 10px 16px; +} +.btn--ghost:hover { + background: var(--accent-muted); + color: var(--link-hover); +} + +/* === HERO (homepage) === */ +.hero { + padding: calc(var(--nav-height) + var(--space-xxxl)) 0 var(--space-xxxl); +} +.hero__tagline { + font-size: 0.8125rem; font-weight: 500; - margin-bottom: var(--space-lg); - border: 1px solid rgba(0, 200, 83, 0.2); + letter-spacing: 0.02em; + text-transform: uppercase; + color: var(--accent-hover); + margin-bottom: var(--space-md); } .hero__title { - font-size: clamp(2.5rem, 5vw, 3.75rem); margin-bottom: var(--space-lg); - max-width: 14ch; + max-width: 16ch; } .hero__subtitle { - font-size: clamp(1.05rem, 1.5vw, 1.2rem); - color: var(--color-text-muted); - max-width: 55ch; + font-size: 1.0625rem; + color: var(--text-secondary); + max-width: 52ch; line-height: 1.8; margin-bottom: var(--space-xl); } @@ -313,78 +325,32 @@ p { flex-wrap: wrap; } -.btn { - display: inline-flex; - align-items: center; - gap: var(--space-sm); - padding: 0.75rem 1.5rem; - border-radius: var(--radius-md); - font-weight: 600; - font-size: 0.925rem; - cursor: pointer; - transition: all var(--transition-fast); - border: none; - text-decoration: none; -} -.btn--primary { - background: var(--color-accent); - color: var(--color-bg); -} -.btn--primary:hover { - background: var(--color-accent-hover); - color: var(--color-bg); - transform: translateY(-1px); - box-shadow: 0 4px 20px var(--color-accent-glow); -} -.btn--secondary { - background: transparent; - color: var(--color-text); - border: 1px solid var(--color-border); -} -.btn--secondary:hover { - border-color: var(--color-text-muted); - background: var(--color-bg-hover); -} -.btn--ghost { - background: transparent; - color: var(--color-link); - padding: 0.75rem 1rem; -} -.btn--ghost:hover { - background: rgba(96, 165, 250, 0.08); -} - -/* === FEATURED/SECTION === */ +/* === SECTION === */ .section { - padding: var(--space-4xl) 0; + padding: var(--space-xxxl) 0; } .section--alt { - background: var(--color-bg-alt); + background: var(--surface-raised); + border-top: 1px solid var(--border); + border-bottom: 1px solid var(--border); } .section__header { - margin-bottom: var(--space-3xl); -} -.section__label { - text-transform: uppercase; - font-size: 0.75rem; - font-weight: 600; - letter-spacing: 0.08em; - color: var(--color-accent); - margin-bottom: var(--space-sm); + margin-bottom: var(--space-xxl); } .section__title { margin-bottom: var(--space-md); } .section__description { - color: var(--color-text-muted); + color: var(--text-secondary); max-width: 50ch; - font-size: 1.05rem; + font-size: 1.0625rem; + line-height: 1.7; } -/* --- Grids --- */ +/* --- Grids (limited, intentional) --- */ .grid { display: grid; - gap: var(--space-xl); + gap: var(--space-lg); } .grid--2 { grid-template-columns: repeat(2, 1fr); } .grid--3 { grid-template-columns: repeat(3, 1fr); } @@ -397,83 +363,70 @@ p { .grid--2, .grid--3, .grid--4 { grid-template-columns: 1fr; } } -/* --- Cards --- */ +/* === FEATURE CARDS (homepage only) === */ .card { - background: var(--color-bg-card); - border-radius: var(--radius-lg); - border: 1px solid var(--color-border); - overflow: hidden; - transition: all var(--transition-base); + background: var(--surface-raised); + border-radius: var(--radius-md); + padding: var(--space-xl); + display: flex; + flex-direction: column; + gap: var(--space-md); } .card:hover { - border-color: var(--color-border-light); - transform: translateY(-2px); - box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3); + background: var(--surface-over); } -.card__image { - width: 100%; - height: 200px; - object-fit: cover; - background: var(--color-bg-alt); -} -.card__body { - padding: var(--space-lg); -} -.card__category { - display: inline-block; - font-size: 0.75rem; - font-weight: 600; +.card__label { + font-size: 0.8125rem; + font-weight: 500; + letter-spacing: 0.02em; text-transform: uppercase; - letter-spacing: 0.06em; - color: var(--color-accent); - margin-bottom: var(--space-sm); + color: var(--accent-hover); } .card__title { font-size: 1.125rem; - margin-bottom: var(--space-sm); - line-height: 1.4; } .card__title a { - color: var(--color-text-heading); + color: var(--text-primary); } .card__title a:hover { - color: var(--color-accent); + color: var(--accent-hover); + text-decoration: none; } .card__excerpt { - color: var(--color-text-muted); - font-size: 0.9rem; - line-height: 1.6; - margin-bottom: var(--space-md); + color: var(--text-secondary); + font-size: 0.9375rem; + line-height: 1.7; + margin: 0; } .card__meta { - display: flex; - align-items: center; - gap: var(--space-md); - font-size: 0.8rem; - color: var(--color-text-dim); -} -.card__read-time::before { - content: '·'; - margin-right: var(--space-md); + margin-top: auto; + font-size: 0.8125rem; + color: var(--text-tertiary); } -/* --- Article Card (horizontal) --- */ +/* === ARTICLE CARD (horizontal list) === */ .article-card { display: grid; - grid-template-columns: 240px 1fr; + grid-template-columns: 200px 1fr; gap: var(--space-xl); padding: var(--space-lg) 0; - border-bottom: 1px solid var(--color-border); + border-bottom: 1px solid var(--border); } .article-card:last-child { border-bottom: none; } .article-card__image { - width: 240px; - height: 160px; + width: 200px; + height: 132px; border-radius: var(--radius-md); - object-fit: cover; - background: var(--color-bg-alt); + background: var(--surface-raised); + border: 1px solid var(--border); + display: flex; + align-items: center; + justify-content: center; + font-weight: 600; + font-size: 0.9375rem; + color: var(--text-secondary); } .article-card__body { display: flex; @@ -484,8 +437,8 @@ p { display: flex; align-items: center; gap: var(--space-md); - font-size: 0.8rem; - color: var(--color-text-dim); + font-size: 0.8125rem; + color: var(--text-tertiary); margin-bottom: var(--space-sm); } .article-card__title { @@ -493,15 +446,17 @@ p { margin-bottom: var(--space-sm); } .article-card__title a { - color: var(--color-text-heading); + color: var(--text-primary); } .article-card__title a:hover { - color: var(--color-accent); + color: var(--accent-hover); + text-decoration: none; } .article-card__excerpt { - color: var(--color-text-muted); - font-size: 0.925rem; + color: var(--text-secondary); + font-size: 0.9375rem; line-height: 1.7; + margin: 0; } @media (max-width: 768px) { @@ -511,38 +466,38 @@ p { } .article-card__image { width: 100%; - height: 200px; + height: 160px; } } /* === BLOG ARTICLE === */ .article { - padding: calc(var(--nav-height) + var(--space-3xl)) 0 var(--space-3xl); + padding: calc(var(--nav-height) + var(--space-xxl)) 0 var(--space-xxxl); } .article__header { - margin-bottom: var(--space-3xl); + margin-bottom: var(--space-xxl); } .article__breadcrumb { display: flex; align-items: center; gap: var(--space-sm); - font-size: 0.85rem; - color: var(--color-text-dim); + font-size: 0.8125rem; + color: var(--text-tertiary); margin-bottom: var(--space-lg); } .article__breadcrumb a { - color: var(--color-text-dim); + color: var(--text-tertiary); } .article__breadcrumb a:hover { - color: var(--color-text); + color: var(--text-primary); } .article__category { display: inline-block; - font-size: 0.75rem; - font-weight: 600; + font-size: 0.8125rem; + font-weight: 500; + letter-spacing: 0.02em; text-transform: uppercase; - letter-spacing: 0.06em; - color: var(--color-accent); + color: var(--accent-hover); margin-bottom: var(--space-md); } .article__title { @@ -553,10 +508,11 @@ p { display: flex; align-items: center; gap: var(--space-xl); - color: var(--color-text-dim); - font-size: 0.9rem; - padding-bottom: var(--space-xl); - border-bottom: 1px solid var(--color-border); + flex-wrap: wrap; + color: var(--text-tertiary); + font-size: 0.875rem; + padding-bottom: var(--space-lg); + border-bottom: 1px solid var(--border); margin-bottom: var(--space-xl); } .article__meta-author { @@ -565,37 +521,37 @@ p { gap: var(--space-sm); } .article__meta-avatar { - width: 36px; - height: 36px; - border-radius: 50%; - background: var(--color-accent-dim); + width: 28px; + height: 28px; + border-radius: var(--radius-sm); + background: var(--accent-muted); display: flex; align-items: center; justify-content: center; - font-weight: 700; - font-size: 0.8rem; - color: var(--color-accent); + font-weight: 600; + font-size: 0.75rem; + color: var(--accent-hover); } .article__content { - font-size: 1.05rem; + font-size: 1rem; line-height: 1.85; max-width: var(--content-width); margin: 0 auto; } .article__content h2 { - margin-top: var(--space-3xl); + margin-top: var(--space-xxl); margin-bottom: var(--space-lg); padding-bottom: var(--space-sm); - border-bottom: 1px solid var(--color-border); + border-bottom: 1px solid var(--border); } .article__content h3 { - margin-top: var(--space-2xl); + margin-top: var(--space-xl); margin-bottom: var(--space-md); } .article__content p { margin-bottom: var(--space-lg); - max-width: 65ch; + max-width: 70ch; } .article__content ul, .article__content ol { @@ -606,28 +562,29 @@ p { .article__content ol { list-style: decimal; } .article__content li { margin-bottom: var(--space-sm); - line-height: 1.7; + line-height: 1.75; } .article__content strong { - color: var(--color-text-heading); + color: var(--text-primary); + font-weight: 600; } .article__content code { font-family: var(--font-mono); - background: var(--color-bg-alt); + background: var(--surface-raised); + border: 1px solid var(--border); padding: 0.125rem 0.375rem; border-radius: var(--radius-sm); font-size: 0.875em; - border: 1px solid var(--color-border); } .article__content pre { - background: var(--color-bg-alt); - border: 1px solid var(--color-border); + background: var(--surface-raised); + border: 1px solid var(--border); border-radius: var(--radius-md); padding: var(--space-lg); overflow-x: auto; margin-bottom: var(--space-lg); font-size: 0.875rem; - line-height: 1.6; + line-height: 1.7; } .article__content pre code { background: none; @@ -638,23 +595,24 @@ p { /* Blockquote */ .article__content blockquote { - border-left: 3px solid var(--color-accent); + border-left: 3px solid var(--accent); padding-left: var(--space-lg); - margin: var(--space-2xl) 0; + margin: var(--space-xxl) 0; font-style: italic; - color: var(--color-text-muted); + color: var(--text-secondary); } -/* Callout box */ +/* Callout */ .article__content .callout { - background: var(--color-accent-dim); - border: 1px solid rgba(0, 200, 83, 0.2); + background: var(--accent-muted); + border: 1px solid var(--accent-border); border-radius: var(--radius-md); padding: var(--space-lg); - margin: var(--space-2xl) 0; + margin: var(--space-xxl) 0; + max-width: 70ch; } .article__content .callout strong { - color: var(--color-accent); + color: var(--accent-hover); } /* Table */ @@ -662,182 +620,155 @@ p { width: 100%; border-collapse: collapse; margin-bottom: var(--space-lg); - font-size: 0.925rem; + font-size: 0.875rem; } -.article__content th, -.article__content td { +.article__content table th, +.article__content table td { padding: var(--space-sm) var(--space-md); - border: 1px solid var(--color-border); + border: 1px solid var(--border); text-align: left; } -.article__content th { - background: var(--color-bg-alt); +.article__content table th { + background: var(--surface-raised); font-weight: 600; - color: var(--color-text-heading); -} - -/* Image within article */ -.article__content img { - border-radius: var(--radius-md); - border: 1px solid var(--color-border); - margin: var(--space-xl) 0; - width: 100%; + color: var(--text-primary); } /* Article footer */ .article__footer { max-width: var(--content-width); - margin: var(--space-3xl) auto 0; - padding-top: var(--space-xl); - border-top: 1px solid var(--color-border); + margin: var(--space-xxl) auto 0; + padding-top: var(--space-lg); + border-top: 1px solid var(--border); } .article__footer-tags { display: flex; flex-wrap: wrap; gap: var(--space-sm); - margin-bottom: var(--space-xl); } .article__footer-tag { display: inline-block; - padding: 0.25rem 0.75rem; - background: var(--color-bg-alt); - border: 1px solid var(--color-border); + padding: 4px 12px; + background: var(--surface-raised); + border: 1px solid var(--border); border-radius: 100px; - font-size: 0.8rem; - color: var(--color-text-muted); + font-size: 0.8125rem; + color: var(--text-secondary); } .article__footer-tag:hover { - border-color: var(--color-accent); - color: var(--color-accent); + border-color: var(--accent); + color: var(--accent-hover); + text-decoration: none; } -/* === TCO Box (article content) === */ -.tco-box { - background: var(--color-bg-alt); - border: 1px solid var(--color-border-light); - border-radius: var(--radius-lg); - padding: var(--space-xl) var(--space-2xl); - margin: var(--space-2xl) 0; -} -.tco-box h3 { - color: var(--color-accent); - margin-top: 0; -} -.tco-box hr { - border: none; - border-top: 1px solid var(--color-border-light); - margin: var(--space-lg) 0; -} - -/* === Comparison Table (article content) === */ -.article__content .comparativa { - overflow-x: auto; - margin: var(--space-2xl) 0; -} -.article__content .comparativa table { - width: 100%; - border-collapse: collapse; - font-size: 0.925rem; - min-width: 640px; -} -.article__content .comparativa th { - background: var(--color-bg-alt); - color: var(--color-text-heading); - padding: 14px 12px; - text-align: left; - font-weight: 600; - border: 1px solid var(--color-border); -} -.article__content .comparativa td { - padding: 12px; - border: 1px solid var(--color-border); - vertical-align: top; -} -.article__content .comparativa tr:nth-child(even) td { - background: rgba(0, 0, 0, 0.15); -} -.article__content .comparativa .winner { - background: rgba(0, 200, 83, 0.12) !important; - font-weight: 600; - color: var(--color-accent); -} - -/* === CTA Box within articles === */ +/* === CTA BOX === */ .cta-box { - background: linear-gradient(135deg, var(--color-bg-alt), var(--color-bg-card)); - border: 1px solid var(--color-border-light); - border-radius: var(--radius-lg); - padding: var(--space-xl) var(--space-2xl); - margin: var(--space-3xl) auto; + background: var(--surface-raised); + border: 1px solid var(--border); + border-radius: var(--radius-md); + padding: var(--space-xl); + margin: var(--space-xxxl) auto 0; max-width: var(--content-width); } .cta-box__title { - font-size: 1.25rem; + font-size: 1.125rem; margin-bottom: var(--space-sm); } .cta-box__text { - color: var(--color-text-muted); - font-size: 0.925rem; + color: var(--text-secondary); + font-size: 0.9375rem; margin-bottom: var(--space-lg); max-width: 50ch; } -/* --- Sidebar --- */ +/* --- SIDEBAR --- */ .sidebar { position: sticky; top: calc(var(--nav-height) + var(--space-xl)); } .sidebar__widget { - background: var(--color-bg-card); - border: 1px solid var(--color-border); - border-radius: var(--radius-lg); + background: var(--surface-raised); + border: 1px solid var(--border); + border-radius: var(--radius-md); padding: var(--space-lg); margin-bottom: var(--space-lg); } .sidebar__widget-title { - font-size: 0.9rem; + font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; - letter-spacing: 0.06em; - color: var(--color-text-muted); + letter-spacing: 0.02em; + color: var(--text-tertiary); margin-bottom: var(--space-md); padding-bottom: var(--space-sm); - border-bottom: 1px solid var(--color-border); + border-bottom: 1px solid var(--border); } .sidebar__link { display: block; - padding: var(--space-sm) 0; - font-size: 0.9rem; - color: var(--color-text); - border-bottom: 1px solid var(--color-border); + padding: 6px 0; + font-size: 0.875rem; + color: var(--text-secondary); + border-bottom: 1px solid var(--border); } .sidebar__link:last-child { border-bottom: none; } .sidebar__link:hover { - color: var(--color-accent); + color: var(--text-primary); } -/* === ABOUT / CONTACT === */ +/* === PAGE HEADER (about, contact) === */ .page-header { - padding: calc(var(--nav-height) + var(--space-4xl)) 0 var(--space-3xl); + padding: calc(var(--nav-height) + var(--space-xxxl)) 0 var(--space-xxl); + border-bottom: 1px solid var(--border); + margin-bottom: var(--space-xxl); } .page-header__title { margin-bottom: var(--space-md); } .page-header__subtitle { - color: var(--color-text-muted); - font-size: 1.1rem; + color: var(--text-secondary); + font-size: 1.0625rem; max-width: 50ch; + line-height: 1.7; } .content-page { - padding: 0 0 var(--space-4xl); + padding: 0 0 var(--space-xxxl); } .content-page p { - max-width: 65ch; + max-width: 70ch; } +/* === TEAM === */ +.team-list { + display: grid; + grid-template-columns: 1fr 1fr; + gap: var(--space-xl); + margin: var(--space-xl) 0; +} +.team-member { + background: var(--surface-raised); + border: 1px solid var(--border); + border-radius: var(--radius-md); + padding: var(--space-lg); +} +.team-member__name { + font-size: 1rem; + margin-bottom: var(--space-xs); +} +.team-member__role { + font-size: 0.8rem; + color: var(--text-secondary); + margin-bottom: var(--space-md); +} +.team-member__bio { + font-size: 0.85rem; + color: var(--text-tertiary); + line-height: 1.6; +} + +/* === FORM === */ .contact-form { max-width: 600px; } @@ -848,26 +779,26 @@ p { display: block; font-size: 0.875rem; font-weight: 500; - color: var(--color-text-muted); + color: var(--text-secondary); margin-bottom: var(--space-sm); } .form-group input, .form-group textarea { width: 100%; - padding: 0.75rem 1rem; - background: var(--color-bg-card); - border: 1px solid var(--color-border); + padding: 10px 14px; + background: var(--surface-raised); + border: 1px solid var(--border); border-radius: var(--radius-md); - color: var(--color-text); + color: var(--text-primary); font-family: var(--font-sans); - font-size: 0.925rem; - transition: border-color var(--transition-fast); + font-size: 0.9375rem; + transition: border-color var(--ease); } .form-group input:focus, .form-group textarea:focus { outline: none; - border-color: var(--color-accent); - box-shadow: 0 0 0 3px var(--color-accent-dim); + border-color: var(--accent); + box-shadow: 0 0 0 1px var(--accent); } .form-group textarea { min-height: 140px; @@ -876,58 +807,58 @@ p { /* === FOOTER === */ .footer { - background: var(--color-bg-alt); - border-top: 1px solid var(--color-border); - padding: var(--space-3xl) 0 var(--space-xl); + background: var(--surface-raised); + border-top: 1px solid var(--border); + padding: var(--space-xxl) 0 var(--space-xl); } .footer__grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; - gap: var(--space-2xl); - margin-bottom: var(--space-3xl); + gap: var(--space-xl); + margin-bottom: var(--space-xxl); } .footer__brand { - font-size: 1.15rem; - font-weight: 700; - color: var(--color-text-heading); + font-size: 1rem; + font-weight: 600; + color: var(--text-primary); margin-bottom: var(--space-sm); } .footer__description { font-size: 0.875rem; - color: var(--color-text-muted); + color: var(--text-tertiary); max-width: 35ch; line-height: 1.7; } .footer__heading { - font-size: 0.8rem; + font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; - letter-spacing: 0.08em; - color: var(--color-text-muted); - margin-bottom: var(--space-lg); + letter-spacing: 0.02em; + color: var(--text-tertiary); + margin-bottom: var(--space-md); } .footer__links { display: flex; flex-direction: column; - gap: var(--space-md); + gap: var(--space-sm); } .footer__link { - font-size: 0.9rem; - color: var(--color-text-dim); + font-size: 0.875rem; + color: var(--text-tertiary); } .footer__link:hover { - color: var(--color-text); + color: var(--text-primary); } .footer__bottom { - padding-top: var(--space-xl); - border-top: 1px solid var(--color-border); + padding-top: var(--space-lg); + border-top: 1px solid var(--border); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: var(--space-md); - font-size: 0.8rem; - color: var(--color-text-dim); + font-size: 0.8125rem; + color: var(--text-tertiary); } @media (max-width: 768px) { @@ -946,14 +877,25 @@ p { } /* === BLOG LIST === */ -.blog-header { - padding: calc(var(--nav-height) + var(--space-3xl)) 0 var(--space-2xl); +.blogs-header { + padding: calc(var(--nav-height) + var(--space-xxl)) 0 var(--space-xl); + border-bottom: 1px solid var(--border); + margin-bottom: var(--space-xl); +} +.blogs-header__title { + margin-bottom: var(--space-sm); +} +.blogs-header__subtitle { + color: var(--text-secondary); + font-size: 1.0625rem; + max-width: 50ch; + line-height: 1.7; } .blog-layout { display: grid; grid-template-columns: 1fr 300px; - gap: var(--space-3xl); - padding-bottom: var(--space-4xl); + gap: var(--space-xxl); + padding-bottom: var(--space-xxxl); } @media (max-width: 900px) { @@ -962,6 +904,7 @@ p { } .sidebar { order: -1; + position: static; } } @@ -969,33 +912,32 @@ p { .category-badge { display: inline-flex; align-items: center; - gap: var(--space-sm); - padding: 0.25rem 0.75rem; - border-radius: 100px; + padding: 3px 10px; + border-radius: var(--radius-sm); font-size: 0.75rem; - font-weight: 600; + font-weight: 500; + letter-spacing: 0.02em; text-transform: uppercase; - letter-spacing: 0.04em; } -.category-badge--tutorial { background: rgba(96, 165, 250, 0.12); color: #60a5fa; } -.category-badge--guide { background: rgba(0, 200, 83, 0.12); color: var(--color-accent); } -.category-badge--comparison{ background: rgba(251, 191, 36, 0.12); color: var(--color-warning); } -.category-badge--news { background: rgba(248, 113, 113, 0.12); color: var(--color-error); } +.category-badge--tutorial { background: rgba(91, 156, 245, 0.12); color: var(--link); } +.category-badge--guide { background: var(--accent-muted); color: var(--accent-hover); } +.category-badge--comparison { background: rgba(226, 173, 74, 0.12); color: #e2ad4a; } +.category-badge--news { background: rgba(226, 100, 90, 0.12); color: #e2645a; } /* === TOC === */ .toc { - background: var(--color-bg-alt); - border: 1px solid var(--color-border); + background: var(--surface-raised); + border: 1px solid var(--border); border-radius: var(--radius-md); padding: var(--space-lg); - margin: var(--space-2xl) 0; + margin: var(--space-xxl) 0; } .toc__title { - font-size: 0.85rem; + font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; - letter-spacing: 0.06em; - color: var(--color-text-muted); + letter-spacing: 0.02em; + color: var(--text-tertiary); margin-bottom: var(--space-md); } .toc__list { @@ -1006,78 +948,48 @@ p { margin-bottom: var(--space-sm); } .toc__link { - font-size: 0.9rem; - color: var(--color-link); + font-size: 0.875rem; + color: var(--link); } .toc__link:hover { - color: var(--color-link-hover); + color: var(--link-hover); } /* === UTILITY === */ -.mt-0 { margin-top: 0; } .mt-1 { margin-top: var(--space-md); } .mt-2 { margin-top: var(--space-xl); } -.mt-3 { margin-top: var(--space-2xl); } -.mt-4 { margin-top: var(--space-3xl); } -.mb-0 { margin-bottom: 0; } +.mt-3 { margin-top: var(--space-xxl); } +.mt-4 { margin-top: var(--space-xxxl); } .mb-1 { margin-bottom: var(--space-md); } .mb-2 { margin-bottom: var(--space-xl); } -.mb-3 { margin-bottom: var(--space-2xl); } -.mb-4 { margin-bottom: var(--space-3xl); } +.mb-3 { margin-bottom: var(--space-xxl); } +.mb-4 { margin-bottom: var(--space-xxxl); } /* === PAGINATION === */ .pagination { display: flex; justify-content: center; gap: var(--space-sm); - margin-top: var(--space-3xl); + margin-top: var(--space-xxl); } .pagination__link { display: inline-flex; align-items: center; justify-content: center; - width: 40px; - height: 40px; - border: 1px solid var(--color-border); + width: 36px; + height: 36px; + border: 1px solid var(--border); border-radius: var(--radius-md); - font-size: 0.9rem; - color: var(--color-text); - transition: all var(--transition-fast); + font-size: 0.875rem; + color: var(--text-secondary); + transition: all var(--ease); } .pagination__link:hover, .pagination__link--active { - border-color: var(--color-accent); - background: var(--color-accent-dim); - color: var(--color-accent); -} - -/* === TAG CLOUD === */ -.tag-cloud { - display: flex; - flex-wrap: wrap; - gap: var(--space-sm); -} -.tag-cloud__item { - padding: 0.25rem 0.75rem; - background: var(--color-bg-alt); - border: 1px solid var(--color-border); - border-radius: 100px; - font-size: 0.8rem; - color: var(--color-text-muted); - transition: all var(--transition-fast); -} -.tag-cloud__item:hover { - border-color: var(--color-accent); - color: var(--color-accent); -} - -/* === LOADING / TRANSITIONS === */ -.fade-in { - animation: fadeIn 0.5s ease forwards; -} -@keyframes fadeIn { - from { opacity: 0; transform: translateY(10px); } - to { opacity: 1; transform: translateY(0); } + border-color: var(--accent); + background: var(--accent-muted); + color: var(--accent-hover); + text-decoration: none; } /* === TABLES ON MOBILE === */ @@ -1088,10 +1000,6 @@ p { white-space: nowrap; -webkit-overflow-scrolling: touch; } - .article__meta { - flex-wrap: wrap; - gap: var(--space-sm); - } } /* === REDUCED MOTION === */ @@ -1106,27 +1014,20 @@ p { } } -/* === PRINT === */ -@media print { - .nav, .footer, .sidebar, .cta-box { display: none; } - body { background: white; color: black; } - a { color: inherit; } -} - /* === NEWSLETTER === */ .newsletter { - background: var(--color-bg-alt); - border: 1px solid var(--color-border); - border-radius: var(--radius-lg); - padding: var(--space-2xl); - margin: var(--space-2xl) 0; + background: var(--surface-raised); + border: 1px solid var(--border); + border-radius: var(--radius-md); + padding: var(--space-xl); + margin: var(--space-xxl) 0; } .newsletter__title { margin-bottom: var(--space-sm); } .newsletter__text { - color: var(--color-text-muted); - font-size: 0.925rem; + color: var(--text-secondary); + font-size: 0.9375rem; margin-bottom: var(--space-lg); max-width: 50ch; } @@ -1137,16 +1038,17 @@ p { } .newsletter__input { flex: 1; - padding: 0.625rem 1rem; - background: var(--color-bg); - border: 1px solid var(--color-border); + padding: 10px 14px; + background: var(--surface); + border: 1px solid var(--border); border-radius: var(--radius-md); - color: var(--color-text); - font-size: 0.9rem; + color: var(--text-primary); + font-size: 0.9375rem; } .newsletter__input:focus { outline: none; - border-color: var(--color-accent); + border-color: var(--accent); + box-shadow: 0 0 0 1px var(--accent); } @media (max-width: 480px) { .newsletter__form { @@ -1159,36 +1061,86 @@ p { display: flex; gap: var(--space-lg); align-items: flex-start; - background: var(--color-bg-alt); - border: 1px solid var(--color-border); - border-radius: var(--radius-lg); + background: var(--surface-raised); + border: 1px solid var(--border); + border-radius: var(--radius-md); padding: var(--space-lg); - margin: var(--space-2xl) 0; + margin: var(--space-xxl) 0; } .author-box__avatar { - width: 56px; - height: 56px; - border-radius: 50%; - background: var(--color-accent-dim); + width: 48px; + height: 48px; + border-radius: var(--radius-sm); + background: var(--accent-muted); display: flex; align-items: center; justify-content: center; - font-weight: 700; - color: var(--color-accent); + font-weight: 600; + color: var(--accent-hover); flex-shrink: 0; - font-size: 1.125rem; + font-size: 1rem; } .author-box__name { font-weight: 600; margin-bottom: var(--space-xs); } .author-box__role { - font-size: 0.8rem; - color: var(--color-text-dim); + font-size: 0.8125rem; + color: var(--text-tertiary); margin-bottom: var(--space-sm); } .author-box__bio { font-size: 0.875rem; - color: var(--color-text-muted); - line-height: 1.6; + color: var(--text-secondary); + line-height: 1.7; +} + +/* === COPY BUTTON FOR CODE === */ +.copy-btn { + position: absolute; + top: var(--space-sm); + right: var(--space-sm); + padding: 4px 10px; + font-size: 0.75rem; + background: var(--surface-over); + border: 1px solid var(--border); + border-radius: var(--radius-sm); + color: var(--text-secondary); + cursor: pointer; + opacity: 0; + transition: opacity var(--ease); +} +pre:hover .copy-btn { + opacity: 1; +} + +/* === PRINT === */ +@media print { + .nav, .footer, .sidebar, .cta-box { display: none; } + body { background: #fff; color: #000; } + a { color: #000; } +} + +/* === BROWSER SURFACES === */ +::selection { + background: var(--accent); + color: #fff; +} +::-webkit-scrollbar { + width: 10px; + height: 10px; +} +::-webkit-scrollbar-track { + background: var(--surface); +} +::-webkit-scrollbar-thumb { + background: var(--border-light); + border-radius: 5px; +} +::-webkit-scrollbar-thumb:hover { + background: var(--text-tertiary); +} +:focus-visible { + outline: 2px solid var(--accent); + outline-offset: 2px; } \ No newline at end of file diff --git a/index.html b/index.html index 8e62adf..3a53f0f 100644 --- a/index.html +++ b/index.html @@ -47,7 +47,7 @@ - + @@ -59,7 +59,7 @@ Odoo Expertos @@ -68,32 +68,20 @@ Blog Sobre Nosotros Contacto -
    -
    -
    - - - - Referencia en español para Odoo Community -
    -

    Conocimiento experto en Odoo ERP

    +
    +

    Conocimiento experto en Odoo Community ERP

    Guías prácticas, tutoriales y análisis profundos sobre Odoo Community. Recursos creados por consultores con experiencia real en implementaciones ERP.

    - - Explorar guías - - - - + Explorar guías Sobre el proyecto
    @@ -103,7 +91,6 @@
    -

    Artículos destacados

    Guías esenciales de Odoo Community

    Selección de nuestros mejores recursos para dominar Odoo ERP. @@ -111,124 +98,100 @@

    - +

    + Ver todos los artículos +

    - +
    -

    Áreas de conocimiento

    -

    Todo lo que necesitas saber sobre Odoo Community

    +

    Áreas de conocimiento

    - 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.

    -
    -
    -
    📦
    -

    Implementación

    -

    Guías paso a paso para implementar Odoo en tu empresa.

    +
    +
    +

    Evaluación

    +

    + Comparativas entre Odoo y ERP privativos, análisis de versiones Community vs Enterprise, + y guías de selección de software para pymes. +

    -
    -
    ⚙️
    -

    Módulos y Funcionalidad

    -

    Análisis detallado de los módulos Community más potentes.

    +
    +

    Implementación

    +

    + Procesos de implementación paso a paso, migración de datos, configuración de módulos + y despliegue en producción. +

    -
    -
    🖥️
    -

    Hosting e Infraestructura

    -

    Todo sobre servidores Odoo, despliegue y mantenimiento.

    +
    +

    Operación

    +

    + Guías de uso de los módulos core: inventario, contabilidad, CRM, fabricación. + Configuración y mejores prácticas de operación diaria. +

    -
    -
    📊
    -

    Comparativas ERP

    -

    Odoo frente a SAP, Sage y otras alternativas del mercado.

    +
    +

    Infraestructura

    +

    + Selección de hosting, dimensionamiento de servidores, rendimiento y + administración de despliegues Odoo. +

    - +
    -
    +
    -

    Últimos artículos

    -

    Contenido recién publicado

    +

    Últimos artículos

    -
    - Inventario -
    +
    Inventario
    - Odoo Tutorials + Tutoriales 8 min lectura

    Odoo Inventory: guía completa para gestionar almacenes

    -

    Aprende a configurar y utilizar el módulo de inventario de Odoo Community. Gestión de stocks, almacenes, movimientos y valoración.

    +

    Configuración del módulo de inventario de Odoo Community: stocks, almacenes, movimientos y valoración.

    -
    - Finanzas -
    +
    Finanzas
    Accounting @@ -237,71 +200,23 @@

    Odoo Accounting: guía completa del módulo financiero

    -

    Configuración completa del módulo de contabilidad en Odoo Community. Plan contable, facturación, conciliación e informes financieros.

    +

    Plan contable, facturación, conciliación bancaria e informes financieros en Odoo Community.

    -
    - ERP -
    +
    Open Source
    - Comparisons + Comparativas 10 min lectura

    Odoo ERP: la alternativa open source a SAP y Sage

    -

    Análisis comparativo de Odoo frente a SAP, Sage y Microsoft Dynamics. Costes, funcionalidades y casos de uso para empresas españolas.

    +

    Análisis comparativo de Odoo frente a SAP, Sage y Microsoft Dynamics. Costes y casos de uso.

    - -
    -
    - - -
    -
    -
    -

    Infraestructura recomendada

    -

    ¿Buscas hosting especializado para Odoo?

    -

    - Un servidor optimizado marca la diferencia en el rendimiento de tu ERP. - Explora opciones de hosting diseñadas específicamente para Odoo Community. -

    -
    - - Explorar opciones de hosting - - - - -
    -
    - - -
    -
    -
    -

    Mantente al día

    -

    Recibe contenido exclusivo sobre Odoo

    -

    - Tutoriales, guías y análisis directamente en tu correo. Sin spam, solo contenido útil para tu proyecto ERP. -

    -
    -
    @@ -320,7 +235,6 @@
    Blog Tutoriales - Guías Comparativas
    @@ -330,7 +244,6 @@ Hosting Odoo Documentación oficial Odoo en GitHub - Comunidad Odoo
    diff --git a/js/main.js b/js/main.js index fb6ee74..2225cc7 100644 --- a/js/main.js +++ b/js/main.js @@ -10,8 +10,7 @@ document.addEventListener('DOMContentLoaded', () => { links.classList.contains('nav__links--open') ? 'true' : 'false' ); }); - // Close on link click - links.querySelectorAll('.nav__link, .nav__cta').forEach(link => { + links.querySelectorAll('.nav__link').forEach(link => { link.addEventListener('click', () => { links.classList.remove('nav__links--open'); toggle.setAttribute('aria-expanded', 'false'); @@ -41,42 +40,18 @@ document.addEventListener('DOMContentLoaded', () => { }); }); - /* === Lazy load images === */ - if ('loading' in HTMLImageElement.prototype) { - document.querySelectorAll('img[loading="lazy"]').forEach(img => { - img.src = img.dataset.src || img.src; - }); - } - /* === Copy code blocks === */ document.querySelectorAll('pre').forEach(block => { const btn = document.createElement('button'); btn.className = 'copy-btn'; btn.textContent = 'Copiar'; btn.setAttribute('aria-label', 'Copiar código'); - Object.assign(btn.style, { - position: 'absolute', - top: '8px', - right: '8px', - padding: '4px 10px', - fontSize: '0.75rem', - background: 'var(--color-bg-card)', - border: '1px solid var(--color-border)', - borderRadius: '4px', - color: 'var(--color-text-muted)', - cursor: 'pointer', - opacity: '0', - transition: 'opacity 150ms ease' - }); - block.style.position = 'relative'; block.appendChild(btn); - block.addEventListener('mouseenter', () => btn.style.opacity = '1'); - block.addEventListener('mouseleave', () => btn.style.opacity = '0'); btn.addEventListener('click', async () => { const code = block.querySelector('code'); if (code) { await navigator.clipboard.writeText(code.textContent); - btn.textContent = '✓ Copiado'; + btn.textContent = 'Copiado'; setTimeout(() => { btn.textContent = 'Copiar'; }, 2000); } }); diff --git a/privacy.html b/privacy.html index 2687ed8..3b8851f 100644 --- a/privacy.html +++ b/privacy.html @@ -7,26 +7,24 @@ - +
    -

    Legal

    Política de Privacidad

    Última actualización: agosto de 2026

    @@ -35,13 +33,13 @@

    1. Responsable del tratamiento

    -

    Odoo Expertos es un proyecto editorial independiente. Para cualquier consulta relacionada con tus datos personales, puedes contactarnos a través de nuestra página de contacto.

    +

    Odoo Expertos es un proyecto editorial independiente. Para cualquier consulta relacionada con tus datos personales, puedes contactarnos a través de nuestra página de contacto.

    2. Datos que recogemos

    -

    Recogemos únicamente los datos que nos proporcionas voluntariamente a través del formulario de contacto: nombre y dirección de correo electrónico. No recogemos datos sensibles ni información de navegación más allá de lo estrictamente necesario para el funcionamiento técnico del sitio.

    +

    Recogimos únicamente los datos que nos proporcionas voluntariamente a través del formulario de contacto: nombre y dirección de correo electrónico. No recogemos datos sensibles ni información de navegación más allá de lo estrictamente necesario para el funcionamiento técnico del sitio.

    3. Cookies

    -

    Este sitio web utiliza cookies técnicas necesarias para el funcionamiento del sitio. No utilizamos cookies de seguimiento publicitario, cookies de redes sociales ni cookies de terceros con fines de marketing. Podemos utilizar herramientas de análisis anónimo (como un contador básico de visitas) que no almacenan información personal identificable.

    +

    Este sitio web utiliza cookies técnicas necesarias para el funcionamiento del sitio. No utilizamos cookies de seguimiento publicitario, cookies de redes sociales ni cookies de terceros con fines de marketing.

    4. Finalidad del tratamiento

    Los datos recogidos se utilizan exclusivamente para responder a tus consultas o comentarios. No utilizamos tus datos para enviar comunicaciones comerciales no solicitadas.

    @@ -56,7 +54,7 @@

    Puedes ejercer tus derechos de acceso, rectificación, supresión, limitación, portabilidad y oposición contactando a través de nuestra página de contacto. Te responderemos en el plazo legal establecido.

    8. Enlaces a terceros

    -

    Este sitio contiene enlaces a sitios web externos. No nos responsabilizamos de las prácticas de privacidad de dichos sitios. Te recomendamos revisar sus políticas de privacidad antes de proporcionarles tus datos.

    +

    Este sitio contiene enlaces a sitios web externos. No nos responsabilizamos de las prácticas de privacidad de dichos sitios.

    9. Cambios en esta política

    Nos reservamos el derecho de actualizar esta política de privacidad. Los cambios se publicarán en esta página con la fecha de actualización correspondiente.

    @@ -67,8 +65,8 @@
    Odoo Expertos

    La referencia en español para Odoo Community ERP.

    - -

    Recursos

    Hosting Odoo
    + +
    © 2026 Odoo Expertos. Independiente y no afiliado a Odoo S.A.