@extends('layouts.guest')

@section('title', 'Página no autorizada')
@section('meta_description', 'Lo sentimos, no tienes los permisos suficientes.')
@section('meta_keywords', '401, página no autorizada, error')

@section('content')
    <div class="text-center py-24 h-screen px-4 flex flex-col justify-center items-center">
        <h1 class="text-8xl font-bold text-secondary-500">401</h1>
        <p class="text-xl text-gray-800 dark:text-white mt-4 ">Lo sentimos, no tienes los permisos suficientes para acceder a
            este recurso.</p>
        <a href="{{ url('/') }}"
            class="mt-8 inline-block bg-secondary-500 hover:bg-secondary-400 text-white py-4 px-8 rounded-lg text-md font-semibold shadow-md transition duration-300 ease-in-out transform hover:shadow-md">
            Volver al inicio
        </a>
    </div>
@endsection