<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Aviso - Acesso Externo Restrito</title>

<script src="https://cdn.tailwindcss.com"></script>

<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=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">

<style>
    body {
        font-family: Inter, -apple-system, BlinkMacSystemFont, sans-serif;
    }
</style>
</head>

<body class="bg-slate-100 text-slate-800 min-h-screen flex flex-col justify-between p-4 sm:p-8">

<div class="max-w-2xl mx-auto w-full bg-white rounded-2xl shadow-xl border border-slate-200/80 overflow-hidden my-auto">

<div class="bg-red-600 h-2 w-full"></div>

<div class="p-6 sm:p-10">

<div class="flex justify-center mb-6">
<img
    src="/logo.png"
    alt="Logo HUBRASIL - Hospital Universitário"
    class="h-16 sm:h-20 object-contain max-w-full"
>
</div>

<div class="text-center mb-6">
<span class="inline-block bg-slate-100 text-slate-600 font-semibold text-xs sm:text-sm px-3 py-1 rounded-full tracking-wider uppercase border border-slate-200">
UISTI / SETISD / HUMA
</span>
</div>

<h1 class="text-2xl sm:text-3xl font-extrabold text-slate-900 text-center mb-6 tracking-tight">
Acesso Externo Restrito
</h1>

<div class="space-y-4 text-slate-700 text-base leading-relaxed text-justify">

<p>
Informamos que, como medida preventiva de segurança da informação, o acesso externo aos nossos sistemas web foi temporariamente restrito.
</p>

<div class="p-4 bg-red-50 border-l-4 border-red-600 rounded-r-lg my-4">
<p class="text-slate-800 text-justify m-0">
Os serviços continuam disponíveis normalmente na rede interna. Para acessar os sistemas de forma remota, é necessário utilizar a <strong>VPN institucional</strong> ou os canais autorizados pelo SETISD.
</p>
</div>

<p>
A medida tem caráter preventivo e busca proteger os sistemas e as informações da instituição enquanto são realizadas as avaliações técnicas e adotadas as providências necessárias.
</p>

<p>
A equipe de TI segue acompanhando a situação. Eventuais atualizações e novas orientações serão comunicadas pelos canais institucionais.
</p>

</div>

<div class="mt-8 pt-6 border-t border-slate-100 flex flex-col sm:flex-row items-center justify-between gap-4">

<span class="text-xs text-slate-500 text-center sm:text-right font-medium">
Unidade de Infraestrutura, Suporte e Segurança de Tecnologia da Informação
</span>

</div>

</div>
</div>

<footer class="text-center text-xs text-slate-400 mt-6">
&copy; Hospitais Universitários - HU BRASIL / HU-UFMA.
</footer>

</body>
</html>