odoo-expertos.com/404.html

<!DOCTYPE html>
<html lang="es">
<head>
    <!-- Performance: Preconnect to critical origins -->
    <link rel="preconnect" href="https://d3js.org" crossorigin>
    <link rel="preconnect" href="https://images.pexels.com" crossorigin>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>404 - Página No Encontrada | Odoo Expertos</title>
    <meta name="description" content="La página que buscas no existe. Encuentra recursos de Odoo, hosting y soluciones IA.">
    <link rel="stylesheet" href="/css/main.min.css">
    <style>
        .error-container {
            min-height: 80vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            padding: 2rem;
        }
        
        .error-code {
            font-size: 8rem;
            font-weight: bold;
            color: #FF6B35;
            margin: 0;
            line-height: 1;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
        }
        
        .error-message {
            font-size: 2rem;
            color: #e0e0e0;
            margin: 1rem 0;
        }
        
        .error-description {
            font-size: 1.1rem;
            color: #999;
            margin: 1rem 0 2rem;
            max-width: 500px;
        }
        
        .error-links {
            display: flex;
            gap: 1rem;
            flex-wrap: wrap;
            justify-content: center;
            margin-top: 2rem;
        }
        
        .error-link {
            background: #FF6B35;
            color: white;
            padding: 12px 24px;
            border-radius: 6px;
            text-decoration: none;
            transition: all 0.3s ease;
        }
        
        .error-link:hover {
            background: #FF8A50;
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(255, 107, 53, 0.3);
        }
        
        .suggestions {
            margin-top: 3rem;
            padding: 2rem;
            background: #2a2a2a;
            border-radius: 10px;
            max-width: 600px;
        }
        
        .suggestions h3 {
            color: #FF6B35;
            margin-bottom: 1rem;
        }
        
        .suggestions ul {
            list-style: none;
            padding: 0;
        }
        
        .suggestions li {
            margin: 0.5rem 0;
        }
        
        .suggestions a {
            color: #FFB74D;
            text-decoration: none;
            transition: color 0.3s ease;
        }
        
        .suggestions a:hover {
            color: #FF6B35;
            text-decoration: underline;
        }
    </style>
    <!-- Privacy-friendly analytics by Plausible -->
    <script async data-domain="odoo-expertos.com" src="https://plausible.office.odoo4projects.com/js/script.js"></script>
    <script>
      window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}};
      plausible.init()
    </script>
</head>
<body>
    <script src="/components/header.min.js"></script>
    <script>document.write(createHeader());</script>
    <script>document.write(createHeader());</script>
    
    <div class="error-container">
        <h1 class="error-code">404</h1>
        <h2 class="error-message">Página No Encontrada</h2>
        <p class="error-description">
            Lo sentimos, la página que buscas no existe o ha sido movida. 
            Pero no te preocupes, tenemos muchos recursos útiles para ti.
        </p>
        
        <div class="error-links">
            <a href="/" class="error-link">Ir al Inicio</a>
            <a href="/odoo/" class="error-link">Explorar Odoo</a>
            <a href="/odoo-hosting/" class="error-link">Ver Hosting</a>
            <a href="/odoo-ia/" class="error-link">Descubrir IA</a>
        </div>
        
        <div class="suggestions">
            <h3>Páginas Populares</h3>
            <ul>
                <li>📚 <a href="/odoo/curso-odoo-aprender-completo-2025/">Curso Completo de Odoo</a></li>
                <li>🚀 <a href="/odoo/instalar-odoo-guia-paso-a-paso-2025/">Guía de Instalación</a></li>
                <li>☁️ <a href="/odoo-hosting/hosting-odoo-completo-guia-2025/">Guía de Hosting</a></li>
                <li>🤖 <a href="/odoo-ia/implementacion-odoo-ia-guia-paso-a-paso-2025/">Implementación IA</a></li>
                <li>💼 <a href="/odoo/odoo-erp-sistema-empresarial-2025/">Sistema ERP Empresarial</a></li>
            </ul>
        </div>
    </div>
    
    <script src="/components/footer.min.js"></script>
    <script>document.write(createFooter());</script>
    <script>document.write(createFooter());</script>
    <script src="/js/cookie-banner.min.js"></script>
    <script src="/js/plausible-events.js" defer></script>
</body>
</html>