Noticias

• “Informe de Resultados: Mantenimiento y Optimización de Plataformas Web

<div style="font-family: 'Open Sans', sans-serif;">

    <div style="background-color: #f4f4f4; border-bottom: 1px solid #ddd; padding: 40px 20px;">
        <div style="max-width: 1100px; margin: 0 auto;">
            
            <div style="display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px;">
                
                <div style="flex: 2; min-width: 300px;">
                    <h5 style="color: #9D2449; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 10px 0;">
                        Comunicación Institucional
                    </h5>
                    <h1 style="color: #1B396A; font-family: 'Montserrat', sans-serif; font-weight: 700; margin: 0; font-size: 2.2em;">
                        Avisos y Novedades
                    </h1>
                    <p style="color: #555; margin-top: 10px; max-width: 600px;">
                        Información oficial sobre mantenimientos, convocatorias, seguridad informática y eventos del DTI.
                    </p>
                </div>

                <div style="flex: 1; text-align: right; display: none; display: md-block;">
                    <svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 24 24" fill="none" stroke="#e0e0e0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                        <path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path>
                        <path d="M13.73 21a2 2 0 0 1-3.46 0"></path>
                    </svg>
                </div>

            </div>
        </div>
    </div>

    <div style="width: 100%; height: 4px; background-color: #1B396A;">
        <div style="width: 30%; height: 100%; background-color: #9D2449;"></div>
    </div>

</div>