{{template "base.html" .}}

{{define "title"}}Archivo Expirado — app_compartir{{end}}

{{define "content"}}
<div class="max-w-md mx-auto space-y-6 pt-12 text-center">
    <div class="w-16 h-16 mx-auto rounded-3xl bg-amber-500/10 border border-amber-500/20 text-amber-400 flex items-center justify-center text-2xl shadow-xl shadow-amber-500/10">
        <i class="fa-regular fa-clock"></i>
    </div>
    <div class="space-y-2">
        <h1 class="text-2xl font-bold text-white">Este archivo ha caducado</h1>
        <p class="text-xs sm:text-sm text-slate-400 leading-relaxed">
            El archivo fue subido en <strong class="text-amber-300">Modo Invitado</strong> y de acuerdo a las políticas de privacidad y espacio de la plataforma, se eliminó automáticamente 24 horas después de su subida.
        </p>
    </div>

    <div class="p-4 rounded-2xl bg-slate-900 border border-slate-800 text-xs text-slate-400 text-left space-y-2">
        <p class="font-semibold text-slate-200"><i class="fa-solid fa-lightbulb text-amber-400 mr-1.5"></i> ¿Quieres guardar archivos para siempre?</p>
        <p>Inicia sesión con tu cuenta de WebControl o Google para que tus archivos se mantengan de forma permanente sin borrarse a las 24 horas.</p>
    </div>

    <div class="flex items-center justify-center gap-3 pt-2">
        <a href="/" class="px-5 py-2.5 rounded-xl bg-brand-600 hover:bg-brand-500 text-slate-950 font-bold text-xs transition flex items-center gap-2 shadow-lg shadow-brand-500/20">
            <i class="fa-solid fa-plus"></i>
            <span>Subir nuevo archivo</span>
        </a>
        <a href="/login" class="px-5 py-2.5 rounded-xl bg-slate-800 hover:bg-slate-700 text-slate-300 font-semibold text-xs border border-slate-700 transition">
            <span>Iniciar Sesión</span>
        </a>
    </div>
</div>
{{end}}