<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title> {{ config('constants.SISTEMAS')[config('constants.GENERAL.SISTEMA')] }} | Error 404 </title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel='shortcut icon' type='image/x-icon' href='{{ asset('img/themes/' . config('constants.TEMAS')[config('constants.GENERAL.TEMA')] . '/favicon.ico') }}' />
    <meta content="width=device-width, initial-scale=1" name="viewport">
    <meta content="" name="author">
    <link href="{{ asset('plugins/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css">
</head>
<style>
    .logo{
        padding-top: 3%;
        padding-bottom: 3%;
    }

    @media(max-width: 991px){
        .logo{
            padding-left: 2%;
        }
    }
    .container{
        background-color: #fff;
    }

    .footer {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 1rem;
        background-color: #efefef;
        text-align: center;
        height: 100px;
    }
    .logo-404{
        width: 35%;
        padding-top: 5%
    }
    .titulo-404{
        color: #8f8f8f;
        font-weight: bold;
        font-size: 72px;
    }
    .p-404{
        color: #005579;
        font-weight: bold;
        font-size: 20px;
    }
    .p2-404{
        color: #8f8f8f;
        font-size: 20px;
        padding-bottom: 2%;
    }
    .btn-404{
        padding: 10px 17px;
        border-radius: 5px;
        border: none;
        font-size: 16px;
        margin-top: 3%;
        background-color: #706258;
        color: #fff;
        text-decoration:none !important;
    }
    a:hover{
        color: #fff;
    }
</style>
<body style="background-color: #fff">
    <div>
        <div class="col-md-12" style="background-color: #edeeee">
            <div class="col-md-6 col-md-offset-3">
                <div class="col-md-12">
                    <div class="logo">
                        <img src="{{ asset('img/themes/' . config('constants.TEMAS')[config('constants.GENERAL.TEMA')] . '/logo-alt.png') }}" alt="logo" class="logo-default"/>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-12">
            <div class="container" style="text-align: center">
                <img src="{{ asset('img/errors/404/404.svg') }}" class="logo-404">
                <h1 class="titulo-404">404</h1>
                <p class="p-404">Página, tenemos un problema</p>
                <p class="p2-404">En realidad, la página que buscas no existe</p>
                <a href="{{ url('inicio') }}" class="btn-404">Regresar al inicio</a>
            </div>
        </div>
        <div class="col-md-12 footer" style="background-color: #edeeee">
        </div>
    </div>
</body>
</html>