<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <title>El Mirador DESCA – Sitio en mantenimiento</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="robots" content="noindex, nofollow">

    <!-- Tipografía institucional -->
    <link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap" rel="stylesheet">

    <style>
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        body {
            font-family: 'Libre Baskerville', serif;
            background: #f5f6f7;
            color: #111;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
        }

        main {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 40px 20px;
        }

        .content {
            max-width: 720px;
            background: #ffffff;
            padding: 48px 32px;
            border-radius: 12px;
            box-shadow: 0 14px 36px rgba(0,0,0,0.06);
            text-align: center;
            animation: fadeIn 1s ease-out;
        }

        .logo {
            max-width: 260px;
            margin: 0 auto 28px;
        }

        h1 {
            font-size: 24px;
            margin-bottom: 14px;
        }

        h2 {
            font-size: 17px;
            font-weight: 400;
            line-height: 1.5;
            opacity: 0.85;
            margin-bottom: 26px;
        }

        p {
            font-size: 16px;
            line-height: 1.7;
            margin-bottom: 18px;
            opacity: 0.9;
        }

        /* FOOTER */
        footer {
            background: #ffffff;
            border-top: 1px solid rgba(0,0,0,0.08);
            padding: 30px 20px;
        }

        .footer-inner {
            max-width: 1100px;
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            gap: 30px;
            align-items: center;
            justify-content: center;
            text-align: center;
        }

        .footer-logo img {
            max-height: 60px;
            width: auto;
        }

        .footer-info {
            font-size: 14px;
            opacity: 0.8;
        }

        .footer-info a {
            color: inherit;
            text-decoration: none;
        }

        .footer-info a:hover {
            text-decoration: underline;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @media (max-width: 600px) {
            .content {
                padding: 36px 24px;
            }

            h1 {
                font-size: 22px;
            }

            h2 {
                font-size: 16px;
            }

            p {
                font-size: 15px;
            }

            .footer-inner {
                flex-direction: column;
            }
        }
    </style>
</head>

<body>

<main>
    <div class="content">
        <div class="logo">
            <img src="https://www.miradordesca.uy/wp-content/uploads/2021/10/logo-e1635192607946.png"
                 alt="Logo El Mirador DESCA"
                 style="max-width:100%; height:auto;">
        </div>

        <h1>Sitio en mantenimiento</h1>

        <h2>
            Estamos realizando tareas de actualización y mejora de la plataforma.
        </h2>

        <p>
            El objetivo de estas acciones es optimizar el acceso a la información,
            mejorar la experiencia de uso y fortalecer la calidad de los contenidos.
        </p>

        <p>
            Agradecemos su comprensión y los invitamos a volver a visitarnos próximamente.
        </p>
    </div>
</main>

<footer>
    <div class="footer-inner">

        <div class="footer-logo">
            <img src="https://www.miradordesca.uy/wp-content/uploads/elementor/thumbs/ind_um_2-pymzzfmkodrz82s8ixtowo3safz7fxlohamtq8g6j8.png"
                 alt="INDDHH / UMAD"><br>
			  <img src="https://www.miradordesca.uy/wp-content/uploads/elementor/thumbs/logotipo_acnudh-copia-pyochjj9mwuhyoo80q1e0hifvme3sowt0b0w7u356m.png"
                 alt="ACNUDH">
        </div>

        <div class="footer-logo">
          
        </div>

        <div class="footer-info">
            © Mirador DESCA ·
            <a href="mailto:areaestudios@inddhh.gub.uy">areaestudios@inddhh.gub.uy</a> ·
            <a href="mailto:umad@cienciassociales.edu.uy">umad@cienciassociales.edu.uy</a>
        </div>

    </div>
</footer>

</body>
</html>

¡Empieza a buscar!