Embed

<section class="mr-proyectos">
  <style>
    .mr-proyectos{
      --bg1: #e3f0e8;
      --bg2: #d1e8dc;
      --card: #f6fbf8;
      --fg: #052C05;              /* nuevo color de texto */
      --muted: #264326;           /* versión más suave para subtítulos */
      --accent: #2a7b62;
      --accent-soft: #cae7d9;
      --accent-2: #a63d4d;
      --shadow: 0 10px 24px rgba(16,24,40,.08);
      --radius: 26px;

      background: linear-gradient(180deg, var(--bg1) 0%, var(--bg2) 100%);
      color: var(--fg);
      font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
      padding: clamp(24px, 4vw, 56px) clamp(16px, 4vw, 32px);

      border-radius: var(--radius);
      overflow: hidden;

      /* textura tipo lino italiano */
      background-image:
        linear-gradient(180deg, var(--bg1) 0%, var(--bg2) 100%),
        repeating-linear-gradient(45deg, rgba(255,255,255,0.08) 0, rgba(255,255,255,0.08) 1px, transparent 1px, transparent 3px);
      background-blend-mode: overlay;
    }

    .mr-proyectos .wrap{max-width: 980px; margin: 0 auto;}

    .mr-proyectos header{
      text-align: center; margin-bottom: clamp(20px, 4vw, 40px);
    }
    .mr-proyectos h1{
      font-size: clamp(28px, 4vw, 44px);
      line-height: 1.15;
      margin: 0 0 10px;
      letter-spacing: .2px;
      color: var(--fg);
    }
    .mr-proyectos .lead{
      color: var(--muted);
      font-size: clamp(15px, 2.2vw, 18px);
      margin: 0 auto;
      max-width: 780px;
    }

    .mr-proyectos .card{
      background: var(--card);
      border-radius: var(--radius);
      box-shadow: var(--shadow);
      padding: clamp(18px, 3vw, 28px);
      border: 1px solid rgba(16,24,40,.06);
      backdrop-filter: blur(2px);
    }

    .timeline{position: relative; margin: 8px 0 0 0; padding-left: 24px;}
    .timeline::before{
      content:""; position:absolute; left: 10px; top: 0; bottom: 0;
      width: 2px; background: linear-gradient(var(--accent), var(--accent-2));
      border-radius: 2px; opacity:.25;
    }
    .t-item{position: relative; margin: 0 0 18px 0; padding-left: 8px;}
    .t-item:last-child{margin-bottom: 0;}
    .t-dot{
      position:absolute; left:-2px; top: 6px; width:12px; height:12px; border-radius:50%;
      background: var(--accent); box-shadow: 0 0 0 4px var(--accent-soft);
    }
    .t-year{
      display:inline-block; font-weight: 800; letter-spacing:.3px;
      background: linear-gradient(90deg, var(--accent) 0%, var(--accent-2) 100%);
      -webkit-background-clip: text; background-clip: text; color: transparent;
      margin-bottom: 6px;
    }
    .t-block{
      background: linear-gradient(180deg, #f6fbf8 0%, #e9f5ef 100%);
      border: 1px solid rgba(16,24,40,.06);
      border-radius: 20px;
      padding: 14px 16px;
      transition: transform .2s ease, box-shadow .2s ease;
      color: var(--fg);
    }
    .t-block:hover{ transform: translateY(-2px); box-shadow: 0 8px 18px rgba(16,24,40,.08); }
    .t-title{ font-weight: 700; margin: 0 0 6px; color: var(--fg); }
    .t-list{ margin: 0; padding-left: 18px; color: var(--muted); }
    .t-list li{ margin: 4px 0; }

    .tags{ display:flex; flex-wrap: wrap; gap: 8px; margin-top: 10px;}
    .tag{
      font-size: 12px; padding: 6px 10px; border-radius: 999px;
      background: var(--accent-soft); color: #1e4d3f; border: 1px dashed rgba(42,123,98,.35);
    }

    .note{ margin-top: 20px; font-size: 13px; color: var(--muted); }

    @media (max-width: 520px){
      .mr-proyectos{ padding: 22px 14px; }
      .timeline{ padding-left: 20px; }
      .timeline::before{ left: 8px; }
      .t-dot{ left:-4px; }
    }
  </style>

  <div class="wrap">
    <header>
      <h1>Principales Proyectos (2000–2025)</h1>
      <p class="lead">Síntesis de iniciativas, programas y acciones internacionales desarrolladas en los últimos años.</p>
    </header>

    <div class="card">
      <div class="timeline">
        <div class="t-item"><span class="t-dot"></span><div class="t-block"><div class="t-year">2000–2003</div><h3 class="t-title">Cursos y Seminarios sobre Internet &amp; Comercio Exterior</h3><ul class="t-list"><li>Cursos de creación de páginas web</li><li>Seminarios de Negocios en Internet</li><li>Aspectos legales de las contrataciones por Internet</li><li>El uso de Internet en el Comercio Exterior</li></ul></div></div>
        <div class="t-item"><span class="t-dot"></span><div class="t-block"><div class="t-year">2004</div><h3 class="t-title">LINFA – Intercambio de buenas prácticas PyMEs (Región Campania)</h3></div></div>
        <div class="t-item"><span class="t-dot"></span><div class="t-block"><div class="t-year">2005</div><h3 class="t-title">Promoción de la Cocina Lucana (Región Basilicata)</h3></div></div>
        <div class="t-item"><span class="t-dot"></span><div class="t-block"><div class="t-year">2007</div><h3 class="t-title">QUIZ – Cadena de carnes (Consorzio Cosvitec – Italia)</h3></div></div>
        <div class="t-item"><span class="t-dot"></span><div class="t-block"><div class="t-year">2008</div><h3 class="t-title">Programas sectoriales (Consorzio Cosvitec – Italia)</h3><ul class="t-list"><li>Cocina italiana por el mundo</li><li>Operadores comerciales de agroalimentos</li></ul></div></div>
        <div class="t-item"><span class="t-dot"></span><div class="t-block"><div class="t-year">2009</div><h3 class="t-title">Calidad de Alimentos (Consorzio Cosvitec – Italia)</h3></div></div>
        <div class="t-item"><span class="t-dot"></span><div class="t-block"><div class="t-year">2010</div><h3 class="t-title">MAGISTRA – Cadena de Carnes (Consorzio Cosvitec – Italia)</h3></div></div>
        <div class="t-item"><span class="t-dot"></span><div class="t-block"><div class="t-year">2012</div><h3 class="t-title">IT(alia): Perfiles requeridos por el sector IT de Italia</h3></div></div>
        <div class="t-item"><span class="t-dot"></span><div class="t-block"><div class="t-year">2014</div><h3 class="t-title">Intercambio de Buenas Prácticas en Alimentos</h3><ul class="t-list"><li>Universidad Federico II – San Luis</li></ul></div></div>
        <div class="t-item"><span class="t-dot"></span><div class="t-block"><div class="t-year">2015</div><h3 class="t-title">ERASMUS+ – Italia &amp; Argentina (Consorzio Cosvitec)</h3></div></div>
        <div class="t-item"><span class="t-dot"></span><div class="t-block"><div class="t-year">2017</div><h3 class="t-title">ERASMUS+ – Italia &amp; Argentina (Consorzio Cosvitec)</h3></div></div>
        <div class="t-item"><span class="t-dot"></span><div class="t-block"><div class="t-year">2018</div><h3 class="t-title">ERASMUS+ – Italia, Argentina, España y Grecia</h3></div></div>
        <div class="t-item"><span class="t-dot"></span><div class="t-block"><div class="t-year">2019</div><h3 class="t-title">ERASMUS+ – Italia, Argentina, España y Grecia</h3></div></div>
        <div class="t-item"><span class="t-dot"></span><div class="t-block"><div class="t-year">2021–2024</div><h3 class="t-title">Desarrollo de mercados (entes varios de Italia)</h3><ul class="t-list"><li>Mercado italiano de frutas secas</li><li>Mercado italiano de productos orgánicos</li><li>Mercado italiano de software</li><li>Mercado europeo de maquinaria agrícola</li><li>Mercado europeo de autos de colección</li></ul><div class="tags"><span class="tag">Agro &amp; Alimentos</span><span class="tag">Orgánicos</span><span class="tag">Software</span><span class="tag">Maquinaria Agrícola</span><span class="tag">Autos de Colección</span></div></div></div>
        <div class="t-item"><span class="t-dot"></span><div class="t-block"><div class="t-year">2025</div><h3 class="t-title">HI Hub Italia</h3><ul class="t-list"><li>Italia como hub para exportación a Europa, Medio Oriente y Norte de África (con entes varios de Italia).</li></ul></div></div>
      </div>

      <p class="note">Resumen de “Principales Proyectos de los últimos años”.</p>
    </div>
  </div>
</section>


Neive village and Langhe vineyards, Unesco Site, Piedmont, Northern Italy Europe

Principales Proyectos (2000–2025)

Cursos y Seminarios sobre Internet & Comercio Exterior

LINFA – Intercambio de buenas prácticas PyMEs (Región Campania)

Promoción de la Cocina Lucana (Región Basilicata)

QUIZ – Cadena de carnes (Consorzio Cosvitec – Italia)

Programas sectoriales (Consorzio Cosvitec – Italia)

Calidad de Alimentos (Consorzio Cosvitec – Italia)

MAGISTRA – Cadena de Carnes (Consorzio Cosvitec – Italia)

IT(alia): Perfiles requeridos por el sector IT de Italia

Intercambio de Buenas Prácticas en Alimentos

ERASMUS+ – Italia & Argentina (Consorzio Cosvitec)

ERASMUS+ – Italia & Argentina (Consorzio Cosvitec)

ERASMUS+ – Italia, Argentina, España y Grecia

ERASMUS+ – Italia, Argentina, España y Grecia

Desarrollo de mercados (entes varios de Italia)

HI Hub Italia