@extends('layouts.guest')

@section('title', 'Acceso denegado')
@section('meta_description', 'No tienes permiso para acceder a esta página.')
@section('meta_keywords', '403, acceso denegado, sin autorización')

@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">403</h1>
        <p class="text-xl text-gray-800 dark:text-white mt-4">
            {{ $message ?? 'No tienes permiso para acceder a esta página.' }}
        </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