{{-- @extends('errors::minimal')

@section('title', __('Not Found'))
@section('code', '404')
@section('message', __('Not Found')) --}}
@extends('layouts.app')

@section('title', 'Pagina no encontrada')

@section('content')
<div id="main_content" class="container card p-5 rounded-4 border-0 mt-4 col-sm-10 col-lg-6 text-center position-relative overflow-hidden">
    <div class="row justify-content-center">
        <div class="col-9 text-center">
            <img src="{{ asset('img/404.webp') }}" class="img-fluid" alt="">
        </div>
    </div>
    <div class="row mt-2">
        <div class="col-12">
            <h2 class="text-primary fw-bold">La página que solicitas no existe</h2>
        </div>
    </div>
    <div class="row justify-content-center mt-4">
        <div class="col-5 text-center">
            <a type="button" class="btn btn-primary" href="/">Ir a la página de inicio</a>
        </div>
    </div>
</div>
@endsection