Formulación de Proyectos y Propuestas Participativas

<div style="width: 100%; max-width: 1000px; margin: 0 auto; background: #006633; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 25px rgba(0,0,0,0.15); font-family: 'Open Sans', Arial, sans-serif; border-bottom: 6px solid #FFC72C; color: #ffffff; position: relative;">
  <div style="padding: 30px 35px; display: table; width: 100%; box-sizing: border-box;">
    <!-- Logo e Identidad -->
    <div style="display: table-cell; vertical-align: middle; width: 110px; text-align: center; padding-right: 25px; border-right: 2px solid rgba(255,255,255,0.2);">
      <svg width="80" height="95" viewBox="0 0 100 120" fill="none" xmlns="http://www.w3.org/2000/svg" style="vertical-align: middle; display: inline-block;">
            <path d="M50 0 L95 20 L95 65 C95 95 50 120 50 120 C50 120 5 95 5 65 L5 20 Z" fill="#006633"/>
            <path d="M50 8 L87 24 L87 63 C87 88 50 110 50 110 C50 110 13 88 13 63 L13 24 Z" fill="#ffffff"/>
            <path d="M50 16 L80 30 L80 60 C80 81 50 99 50 99 C50 99 20 81 20 60 L20 30 Z" fill="#006633"/>
            <text x="50" y="67" font-family="'Montserrat', 'Arial Black', sans-serif" font-size="28" font-weight="900" fill="#ffffff" text-anchor="middle" letter-spacing="-1">UN</text>
        </svg>
      <div style="font-size: 10px; font-weight: 700; color: #FFC72C; text-transform: uppercase; margin-top: 8px; letter-spacing: 0.5px; font-family: 'Montserrat', Arial, sans-serif;">
        UNIVERSIDAD<br>NACIONAL<br>DE COLOMBIA
      </div>
    </div>
    <!-- Contenido del Banner -->
    <div style="display: table-cell; vertical-align: middle; padding-left: 25px;">
      <div style="display: inline-block; background-color: rgba(255, 255, 255, 0.15); color: #ffffff; padding: 4px 12px; border-radius: 20px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; font-family: 'Montserrat', Arial, sans-serif;">
        Sede Bogotá • CAMPUS VIRTUAL
      </div>
      <h1 style="margin: 0 0 8px 0; font-size: 26px; font-weight: 800; color: #ffffff; font-family: 'Montserrat', Arial, sans-serif; line-height: 1.2; text-shadow: 0 2px 4px rgba(0,0,0,0.2);">
        Formulación de Proyectos y Propuestas Participativas
      </h1>
      <p style="margin: 0 0 12px 0; font-size: 13px; color: #E0E0E0; font-weight: 400; line-height: 1.4;">
        Oficina de Planeación
      </p>
      <div style="display: inline-flex; align-items: center; background-color: #8CBA15; color: #004D25; padding: 6px 16px; border-radius: 6px; font-size: 13px; font-weight: 700; font-family: 'Montserrat', Arial, sans-serif; box-shadow: 0 2px 5px rgba(0,0,0,0.2);">
        <span style="margin-right: 6px;">&#9654;</span> Unidad 1: Fundamentos y Conceptos Clave
      </div>
    </div>
  </div>
</div>