
        <!DOCTYPE html>
        <html lang="es">
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>WAF - UPEA</title>
            <style>
                body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; background-color: #f0f2f5; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; }
                .card { background: white; padding: 40px; border-radius: 12px; box-shadow: 0 10px 25px rgba(0,0,0,0.1); text-align: center; max-width: 500px; border-top: 8px solid #88130e; }
                h1 { color: #88130e; margin-bottom: 10px; font-size: 24px; }
                p { color: #555; line-height: 1.6; }
                .footer { margin-top: 25px; font-size: 11px; color: #aaa; text-transform: uppercase; letter-spacing: 1px; }
                .logo { font-weight: bold; font-size: 40px; color: #88130e; margin-bottom: 20px; }
            </style>
        </head>
        <body>
            <div class="card">
                <div class="logo">UPEA</div>
                <h1>SERVICIO NO DISPONIBLE</h1>
                <p>La dirección a la que intenta acceder no está configurada en este nodo de seguridad o se encuentra temporalmente fuera de servicio.</p>
                <div class="footer">WAF Cluster Institutional - Nodo: {{ inventory_hostname }}</div>
            </div>
        </body>
        </html>