<div class="d-flex flex-column justify-content-center align-items-center vh-100" style="min-height: 100vh;">
    <div class="text-center">
        <i class="fa-solid fa-circle-exclamation text-info mb-4" style="font-size: 5rem;"></i>
        <h1 class="display-4 fw-bold mb-3" style="font-family: 'TituloFont', Arial, serif; color: #042c3c;">Página no encontrada</h1>
        <p class="mb-4 fs-5 text-secondary">La página que buscas no existe o ha sido movida.</p>
        <a href="index.php" class="btn btn-info text-white px-5 py-2 fs-5 rounded-4 fw-bold" style="background-color: #19b0df; border: none;">Volver al inicio</a>
    </div>
</div>