<!DOCTYPE html>
<html lang="es">

<head>

    <meta charset="UTF-8">

    <meta name="viewport"
          content="width=device-width, initial-scale=1.0">

    <title>Error</title>

    <!-- Bootstrap -->

    <link
            href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css"
            rel="stylesheet">

    <!-- Icons -->

    <link
            rel="stylesheet"
            href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css">

    <!-- CSS -->

    <link rel="stylesheet"
          href="/css/style.css">

</head>

<body>

<nav class="navbar navbar-expand-lg navbar-dark bg-dark shadow-sm">

    <div class="container">

        <a class="navbar-brand" href="/">

            <i class="bi bi-file-earmark-pdf-fill"></i>

            ItaloOfi

        </a>

        <button class="navbar-toggler"
                type="button"
                data-bs-toggle="collapse"
                data-bs-target="#navbarNav">

            <span class="navbar-toggler-icon"></span>

        </button>

        <div class="collapse navbar-collapse"
             id="navbarNav">

            <ul class="navbar-nav ms-auto">

                <!-- HOME -->

                <li class="nav-item">

                    <a class="nav-link menu-link active"
                       href="/#documento150">

                        Documento 150 (Editor Visual)

                    </a>

                </li>

                <!-- NUEVA PAGINA -->

                <li class="nav-item">

                    <a class="nav-link menu-link"
                       href="/pdf/dni-merge">

                        Unir DNI

                    </a>

                </li>

                <!-- FUTURO -->

                <li class="nav-item">

                    <a class="nav-link menu-link"
                       href="/pdf/manual">

                        Documento 150

                    </a>

                </li>

            </ul>

        </div>

    </div>

</nav>

<div class="container mt-5">

    <div class="row justify-content-center">

        <div class="col-lg-7">

            <div class="card border-0 shadow-lg rounded-4">

                <div class="card-body text-center p-5">

                    <div class="mb-4">

                        <i class="bi bi-exclamation-triangle-fill
                                  text-danger"
                           style="font-size: 5rem;">
                        </i>

                    </div>

                    <h1 class="fw-bold">
                        Ocurrió un problema
                    </h1>

                    <p class="text-muted mt-4">No se pudo procesar el PDF. Intenta con otro archivo.</p>

                    <a href="/"
                       class="btn btn-primary btn-lg mt-4">

                        Volver al inicio

                    </a>

                </div>

            </div>

        </div>

    </div>

</div>

<footer class="bg-dark text-light py-4 mt-5">

    <div class="container">

        <div class="row">

            <div class="col-md-6">

                <h5>ItaloOfi</h5>

                <p class="small text-light">

                    Herramientas PDF online para procesamiento,
                    ampliación y combinación de documentos.

                </p>

            </div>

            <div class="col-md-6 text-md-end">

                <a href="/privacy"
                   class="text-light text-decoration-none me-3">

                    Política de Privacidad

                </a>

                <a href="/terms"
                   class="text-light text-decoration-none">

                    Términos y Condiciones

                </a>

            </div>

        </div>

    </div>

</footer>

</body>
</html>