<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Rawbytes</title>
    <meta name="description" content="Rawbytes, un ecosistema en evolución constante.">
    <meta name="keywords" content="rawbytes, software, estudio independiente, apps, developer studio, aplicaciones, tech, indie dev">
    <link rel="canonical" href="https://rawbytes.app/">
    <meta name="robots" content="index, follow">
    <meta name="googlebot" content="index, follow">
    <meta name="author" content="Mario (Rawbytes)">
    <link rel="icon" type="image/x-icon" href="https://cdn.rawbytes.app/img/favicon.ico">
    <link rel="shortcut icon" href="https://cdn.rawbytes.app/img/favicon.ico">
    <!-- ==========================
            OPEN GRAPH
    =========================== -->
    <meta property="og:title" content="Rawbytes, un ecosistema en evolución constante.">
    <meta property="og:description" content="Apps creadas con ilusión.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://rawbytes.app">
    <meta property="og:site_name" content="Rawbytes">

    <meta property="og:image" content="https://cdn.rawbytes.app/img/og.png">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap" rel="stylesheet">

    <!-- ==========================
            TWITTER
    =========================== -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Rawbytes, un ecosistema en evolución constante.">
    <meta name="twitter:description" content="Apps creadas con ilusión.">
    <meta name="twitter:image" content="https://cdn.rawbytes.app/img/og.png">
    <meta name="twitter:creator" content="@arnegariak">
    <!-- ==========================
        PERFORMANCE
    =========================== -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap" as="style">
    <!-- ==========================
        ICONOS / PWA
    =========================== -->
    <link rel="apple-touch-icon" href="https://cdn.rawbytes.app/img/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.rawbytes.app/img/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="192x192" href="https://cdn.rawbytes.app/img/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="512x512" href="https://cdn.rawbytes.app/img/apple-touch-icon.png">
    <link rel="manifest" href="/site.webmanifest">
    <meta name="theme-color" content="#1E1E1E">
    <!-- ==========================
        STRUCTURED DATA (JSON-LD)
    =========================== -->
    <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "WebSite",
            "name": "Rawbytes",
            "url": "https://rawbytes.app",
            "author": {
                "@type": "Person",
                "name": "Mario"
            },
            "description": "Rawbytes, un ecosistema en evolución constante.",
            "inLanguage": "es"
        }
    </script>
    <script>
        (function() {
            const saved = localStorage.getItem("theme");
            if (saved === "dark") {
                document.documentElement.classList.add("dark-mode");
            }
        })();
    </script>

    <link rel="stylesheet" href="https://cdn.rawbytes.app/css/rawbytes.css">
</head>

<body>

<nav class="navbar">
    <div class="nav-container">

        <div class="nav-left">
            <a href="/" class="brand">
                <span class="brand-top">ЯB</span>
                <span class="brand-bottom">rawbytes</span>
            </a>
        </div>

        <div class="nav-right">

            <ul class="nav-links">
                <li><a href="https://home.rawbytes.app">Home</a></li>
                <li><a href="https://auth.rawbytes.app" class="btn-secondary">Acceder</a></li>
            </ul>

            <div class="theme-toggle">
                <input type="checkbox" id="darkModeToggle">
                <label for="darkModeToggle" class="toggle-label"></label>
            </div>

            <details class="lang-dropdown">
                <summary class="lang-dropdown-toggle">
                    <span class="current-flag">🇪🇸</span>
                    <span class="arrow">▾</span>
                </summary>
                <div class="lang-dropdown-menu">
                    <a class="lang-option  active" href="?lang=es">
                        🇪🇸 Español
                    </a>
                    <a class="lang-option" href="?lang=en">
                        🇺🇸 English
                    </a>
                </div>
            </details>

            <div class="hamburger" id="hamburgerBtn">
                <span></span><span></span><span></span>
            </div>
        </div>
    </div>

    <!-- MOBILE MENU -->
    <div class="mobile-overlay" id="mobileOverlay"></div>

    <div class="mobile-panel" id="mobilePanel">
        <div class="mobile-panel-header">
            <span class="brand">rawbytes</span>
            <button id="closeMobileMenu" class="close-btn">✕</button>
        </div>

        <nav class="mobile-panel-links">
            <a href="https://auth.rawbytes.app">Acceder</a>
            <a href="https://home.rawbytes.app">Home</a>
        </nav>
    </div>
</nav>

<main class="page">
    <section class="section-container centered">

        <div class="card" style="max-width:420px; margin:auto;">
            <div class="card-content text-center">
                <h2 class="card-title">Ha ocurrido un error</h2>
                <p class="mt-1">
                    Algo no ha salido como esperábamos.
                </p>
                <a href="/" class="btn btn-primary mt-2 full-width">
                    Volver al inicio
                </a>
            </div>
        </div>

    </section>
</main>

<footer class="footer">
    <div class="footer-container">

        <div class="footer-brand">
            <a href="/" class="brand">
                <span class="brand-top">ЯB</span>
                <span class="brand-bottom">rawbytes</span>
            </a>
        </div>

        <nav class="footer-links">
        </nav>

        <div class="footer-meta">© 2026 Rawbytes — Estudio independiente de software</div>

    </div>
</footer>

</body>
</html>