<!DOCTYPE html>
<html lang="es">
    <head>
        <meta charset="utf-8">
        <title>
   UNELE | Estamos mejorando
        </title>
        <meta content="width=device-width, initial-scale=1.0" name="viewport">
        <style>
            body {
                margin              : 0;
                font-family         : Arial, Helvetica, sans-serif;
                background          : #f4f6f9;
                display             : flex;
                align-items         : center;
                justify-content     : center;
                height              : 100vh;
                text-align          : center;
                color               : #333;
            }
            .container {
                max-width           : 600px;
                padding             : 40px;
                background          : #ffffff;
                border-radius       : 12px;
                box-shadow          : 0 10px 30px rgba(0,0,0,0.08);
            }
            .logo {
                max-width           : 200px;
                margin-bottom       : 30px;
            }
            .imagen-reparacion {
                max-width           : 250px;
                margin              : 20px 0;
            }
            h1 {
                font-size           : 26px;
                margin-bottom       : 15px;
                color               : #1e3a5f;
            }
            p {
                font-size           : 16px;
                line-height         : 1.6;
                color               : #555;
            }
            .footer {
                margin-top          : 30px;
                font-size           : 14px;
                color               : #888;
            }
        </style>
    </head>
    <body>
        <div class="container">
            <img alt="Logo UNELE" class="logo" src="logo unele.png">
            <h1>
                Estamos trabajando para mejorar UNELE
            </h1>
            <img alt="P&Atilde;&iexcl;gina en mantenimiento" class="imagen-reparacion" src="reparacion.png">
            <p>
                Nuestra p&Atilde;&iexcl;gina web est&Atilde;&iexcl; en proceso de actualizaci&Atilde;&sup3;n y mejora.
                <br>
                <br>
                En breve volveremos con una experiencia renovada.
            </p>
            <div class="footer">
                &Acirc;&copy; 2026 UNELE - Uni&Atilde;&sup3;n Empresarial de Legan&Atilde;&copy;s
            </div>
        </div>
    </body>
</html>