<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title><?php echo html_escape($catalog_name); ?> | Link desactivado</title>
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&display=swap" rel="stylesheet">
	<style>
		:root { --ink:#0f172a; --muted:#475569; --brand:#0f766e; --line:#dbe4ef; --bg:#f1f5f9; }
		* { box-sizing:border-box; }
		body { margin:0; font-family:'Manrope',sans-serif; color:var(--ink); background:radial-gradient(circle at 20% 5%, #d2f4ff 0, rgba(210,244,255,0) 22%), var(--bg); min-height:100vh; display:flex; align-items:center; justify-content:center; padding:16px; }
		.card { width:min(700px, 96vw); background:#fff; border:1px solid var(--line); border-radius:16px; padding:24px; text-align:center; box-shadow:0 14px 34px rgba(15,23,42,.12); }
		.logo { width:124px; height:124px; object-fit:contain; margin:0 auto 12px; display:block; border-radius:14px; background:#fff; border:1px solid #e2e8f0; padding:8px; }
		h1 { margin:0 0 8px; font-size:30px; color:var(--brand); }
		p { margin:0; font-size:17px; color:var(--muted); line-height:1.45; }
		.actions { margin-top:16px; }
		.btn { display:inline-block; background:#0f766e; color:#fff; text-decoration:none; font-weight:700; border-radius:10px; padding:11px 16px; }
		.btn:hover { filter:brightness(.95); text-decoration:none; }
		@media (max-width: 700px) {
			.card { padding:18px; }
			.logo { width:96px; height:96px; }
			h1 { font-size:24px; }
			p { font-size:16px; }
		}
	</style>
</head>
<body>
	<section class="card">
		<?php if (!empty($logo_file_id)): ?>
			<img class="logo" src="<?php echo site_url('catalog/image/'.(int)$logo_file_id); ?>" alt="Logo empresa">
		<?php endif; ?>
		<h1><?php echo html_escape(!empty($title) ? $title : 'Link desactivado'); ?></h1>
		<p><?php echo nl2br(html_escape($message)); ?></p>
		<?php if (!empty($public_catalog_url)): ?>
			<div class="actions">
				<a class="btn" href="<?php echo html_escape($public_catalog_url); ?>">Ver Catalogo</a>
			</div>
		<?php endif; ?>
	</section>
</body>
</html>
