-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
2540 lines (1859 loc) · 163 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="es" class="scroll-smooth">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" type="image/png" href="/assets/images/icons/favicon.png" />
<link crossorigin href="https://LUWFLQ09O2-dsn.algolia.net" rel="preconnect" />
<title>Fundación Ideas para la Paz · FIP</title>
<meta property="og:type" content="website" />
<meta property="og:title" content="Fundación Ideas para la Paz" />
<meta property="og:url" content="https://ideaspaz.org" />
<meta property="og:site_name" content="FIP" />
<meta property="og:locale" content="es-CO" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@ideaspaz" />
<meta name="twitter:title" content="Fundación Ideas para la Paz" />
<meta property="og:image" content="https://ideaspaz.imgix.net/images/5b2bf9760bca3.png?auto=format&fit=crop&w=1024&h=768&crop=focalpoint&fp-x=0.5&fp-y=0.5&fp-z=1&ixlib=php-3.3.1" />
<meta property="og:image:width" content="1024" />
<meta property="og:image:height" content="768" />
<meta property="og:image:alt" content="" />
<meta name="twitter:image" content="https://ideaspaz.imgix.net/images/5b2bf9760bca3.png?auto=format&fit=crop&w=1024&h=768&crop=focalpoint&fp-x=0.5&fp-y=0.5&fp-z=1&ixlib=php-3.3.1" />
<meta name="twitter:image:alt" content="" />
<link href="https://ideaspaz.org/" rel="home" />
<link href="https://ideaspaz.org" rel="canonical" />
<link type="text/plain" rel="author" href="https://ideaspaz.org/humans.txt" />
<link rel="stylesheet" href="https://ideaspaz.org/build/assets/app.91998a74.css" />
<!-- alpine plugins -->
<script defer src="https://unpkg.com/@alpinejs/[email protected]/dist/cdn.min.js"></script>
<script defer src="https://unpkg.com/[email protected]/dist/cdn.min.js"></script>
</head>
<body class="flex min-h-screen flex-col overflow-x-hidden" x-data="{ open: false, drawer_open: false }" id="top">
<div class="fixed left-0 bottom-0 sm:bottom-auto sm:top-64 bg-black px-2 py-4 z-50 w-full sm:w-auto text-center">
<ul class="sm:w-6 sm:block inline">
<li class="py-2 px-3 sm:px-0 sm:border-b sm:border-b-fip-green text-center sm:block inline">
<a href="/publicaciones">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 stroke-fip-green inline" fill="none" viewBox="0 0 24 24"
stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
</svg>
</a>
</li>
<li class="py-2 px-3 sm:px-0 sm:border-b sm:border-b-gray-600 sm:last:border-b-0 text-center sm:block inline">
<a href="https://www.facebook.com/ideaspaz/" target="_blank" title="Facebook">
<img src="https://ideaspaz.imgix.net/images/icons/facebook.svg" class="inline">
</a>
</li>
<li class="py-2 px-3 sm:px-0 sm:border-b sm:border-b-gray-600 sm:last:border-b-0 text-center sm:block inline">
<a href="https://twitter.com/ideaspaz" target="_blank" title="Twitter">
<img src="https://ideaspaz.imgix.net/images/icons/twitter.svg" class="inline">
</a>
</li>
<li class="py-2 px-3 sm:px-0 sm:border-b sm:border-b-gray-600 sm:last:border-b-0 text-center sm:block inline">
<a href="https://instagram.com/ideaspaz" target="_blank" title="Instagram">
<img src="https://ideaspaz.imgix.net/images/icons/instagram.svg" class="inline">
</a>
</li>
<li class="py-2 px-3 sm:px-0 sm:border-b sm:border-b-gray-600 sm:last:border-b-0 text-center sm:block inline">
<a href="https://www.youtube.com/channel/UChY_q49j5cGVQulpIaD1r3A" target="_blank" title="Youtube">
<img src="https://ideaspaz.imgix.net/images/icons/youtube.svg" class="inline">
</a>
</li>
<li class="py-2 px-3 sm:px-0 sm:border-b sm:border-b-gray-600 sm:last:border-b-0 text-center sm:block inline">
<a href="https://open.spotify.com/show/533bBrKmKsd3XoyOzLjaIw?si=a461be39c30f484d" target="_blank" title="Spotify">
<img src="https://ideaspaz.imgix.net/images/icons/spotify.svg" class="inline">
</a>
</li>
<li class="py-2 px-3 sm:px-0 sm:border-b sm:border-b-gray-600 sm:last:border-b-0 text-center sm:block inline">
<a href="https://www.linkedin.com/company/ideaspaz/" target="_blank" title="LinkedIn">
<img src="https://ideaspaz.imgix.net/images/icons/linkedin.svg" class="inline">
</a>
</li>
</ul>
</div>
<nav class="sticky top-0 z-50 border-b bg-fip-gray mx-auto w-full h-16" x-show="!open">
<div class="container flex max-w-6xl px-6 py-5 sm:mx-auto sm:items-center sm:px-0">
<a href="/"
class="hidden flex-auto grow-0 sm:block"><svg class="h-7 sm:w-72" xmlns="http://www.w3.org/2000/svg" width="307" height="30.003" viewBox="0 0 307 30.003"> <g data-name="Group 7"> <g data-name="Group 2"> <path data-name="Path 1" d="M29.692.003v.011L0 30.003v-25A4.993 4.993 0 0 1 4.993.011Z" fill="#003475"/> <path data-name="Path 2" d="M29.691.003v20H9.9Z" fill="#f99410"/> </g> <g data-name="Group 3" fill="#003475"> <path data-name="Path 3" d="M49.691 17.311v-10h6.843v.946h-5.843v3.8h5.629v.944h-5.629v4.316Z"/> <path data-name="Path 4" d="M66.831 7.31v6.1a3.7 3.7 0 0 1-3.941 4 3.739 3.739 0 0 1-4-4v-6.1h1v6.1a2.89 2.89 0 0 0 3 3.072 2.844 2.844 0 0 0 2.944-3.072v-6.1Z"/> <path data-name="Path 5" d="m76.945 15.424-.056-3.314v-4.8h1v10h-.6l-6.474-8.043.032 2.958v5.085h-1v-10h.63Z"/> <path data-name="Path 6" d="M84.542 7.31a4.723 4.723 0 0 1 5.015 4.9 4.783 4.783 0 0 1-5.015 5.1h-3.527v-10Zm-2.528 9.074h2.528a3.889 3.889 0 0 0 4-4.188 3.836 3.836 0 0 0-4-3.94h-2.528Z"/> <path data-name="Path 7" d="M98.428 14.997h-5.8L91.6 17.311h-1.058l4.486-10h1l4.489 10h-1.059Zm-5.4-.918h5l-2.5-5.682Z"/> <path data-name="Path 8" d="M110.369 15.952a5.061 5.061 0 0 1-3.642 1.513 4.834 4.834 0 0 1-5.2-5.1 4.921 4.921 0 0 1 5.2-5.2 4.6 4.6 0 0 1 3.541 1.5l-.614.62a4.13 4.13 0 0 0-2.927-1.2 4.041 4.041 0 0 0-4.2 4.271 3.911 3.911 0 0 0 4.2 4.186 4.3 4.3 0 0 0 3-1.229Z"/> <path data-name="Path 9" d="M112.637 17.311v-10h1v10Z"/> <path data-name="Path 10" d="M121.2 7.138a4.884 4.884 0 0 1 5.054 5.2 5.065 5.065 0 1 1-10.127-.014 4.895 4.895 0 0 1 5.073-5.186Zm-4.074 5.2a4.068 4.068 0 1 0 8.13 0 3.938 3.938 0 0 0-4.056-4.257 3.9 3.9 0 0 0-4.078 4.258Zm5.758-7.973h-1.143l-1.067 1.774v.057h.869l1.341-1.8Z"/> <path data-name="Path 11" d="m135.835 15.424-.057-3.314v-4.8h1v10h-.6l-6.471-8.043.03 2.958v5.085h-1v-10h.63Z"/> <path data-name="Path 12" d="M143.83 17.311v-10h2.214v10Z"/> <path data-name="Path 13" d="M152.727 7.31a4.607 4.607 0 0 1 4.971 4.929c0 2.613-1.469 5.072-4.971 5.072h-4.1v-10Zm-1.9 7.945h1.9c2.172 0 2.774-1.6 2.774-3.044a2.6 2.6 0 0 0-2.774-2.89h-1.9Z"/> <path data-name="Path 14" d="M167.355 17.311h-7.615v-10h7.413v2.044h-5.226v1.928h4.927v1.958h-4.927v2.015h5.428Z"/> <path data-name="Path 15" d="M176.551 15.603h-5.127l-.727 1.712h-2.4l4.488-10h2.427l4.487 10h-2.415ZM174 9.568l-1.731 4.058h3.442Z"/> <path data-name="Path 16" d="M186.745 9.727a3.335 3.335 0 0 0-2.317-.846c-.985 0-1.785.415-1.785 1.1 0 .916.871 1.087 2.154 1.2 1.972.17 3.847.928 3.847 3.243 0 2.226-2.058 3.2-4.216 3.215a5.013 5.013 0 0 1-4.372-2.058l1.33-1.385a3.981 3.981 0 0 0 3.058 1.413c1.183 0 2-.47 2-1.185.014-.841-.658-1.229-2.014-1.343-2.112-.2-4-.729-3.972-3.084.015-1.986 1.9-3.045 3.954-3.045a4.411 4.411 0 0 1 3.734 1.541Z"/> <path data-name="Path 17" d="M196.837 14.479v2.832h-2.228v-10h4.713a3.488 3.488 0 0 1 3.83 3.588c0 2-1.285 3.557-3.83 3.581Zm0-2.041h2.485a1.459 1.459 0 0 0 1.6-1.5 1.478 1.478 0 0 0-1.6-1.516h-2.485Z"/> <path data-name="Path 18" d="M211.28 15.603h-5.131l-.725 1.712h-2.4l4.489-10h2.426l4.488 10h-2.415Zm-2.555-6.031-1.732 4.058h3.445Z"/> <path data-name="Path 19" d="M224.706 17.311h-2.47l-2.558-3.288h-1.615v3.288h-2.227v-10h4.742a3.388 3.388 0 0 1 3.7 3.372 3 3 0 0 1-2.316 3.143l2.744 3.316Zm-6.643-8.087v2.913h2.537a1.388 1.388 0 0 0 1.472-1.4 1.471 1.471 0 0 0-1.5-1.516Z"/> <path data-name="Path 20" d="M233.631 15.603h-5.124l-.731 1.712h-2.4l4.487-10h2.427l4.485 10h-2.413Zm-2.553-6.031-1.73 4.058h3.442Z"/> <path data-name="Path 21" d="M243.91 7.31v7.958h5v2.043h-7.23v-10Z"/> <path data-name="Path 22" d="M257.7 15.603h-5.131l-.724 1.712h-2.4l4.484-10h2.428l4.487 10h-2.414Zm-2.555-6.031-1.73 4.058h3.444Z"/> <path data-name="Path 23" d="M267.768 14.479v2.832h-2.229v-10h4.711a3.489 3.489 0 0 1 3.832 3.588c0 2-1.287 3.557-3.832 3.581Zm0-2.041h2.482a1.46 1.46 0 0 0 1.6-1.5 1.482 1.482 0 0 0-1.6-1.516h-2.482Z"/> <path data-name="Path 24" d="M282.208 15.603h-5.13l-.727 1.712h-2.4l4.486-10h2.429l4.486 10h-2.415Zm-2.558-6.031-1.729 4.058h3.442Z"/> <path data-name="Path 25" d="M286.334 7.31h7.642v.97l-4.8 6.947h4.914v2.084h-8v-1.155l4.886-6.932h-4.643Z"/> </g> <g data-name="Group 6"> <g data-name="Group 5"> <g data-name="Group 4"> <path data-name="Path 26" d="M307 .003v26.68a3.325 3.325 0 0 1-3.32 3.32H47.689l1.011-1.01h254.98a2.32 2.32 0 0 0 2.32-2.31V.003Z" fill="#f99410"/> </g> </g> </g> </g> </svg></a>
<a href="/" class="mr-4 flex-auto grow-0 sm:hidden"><svg class="h-7" xmlns="http://www.w3.org/2000/svg" width="29.692" height="30" viewBox="0 0 29.692 30"> <g data-name="Group 2"> <path data-name="Path 1" d="M29.692.003v.011L0 30.003v-25A4.993 4.993 0 0 1 4.993.011Z" fill="#003475"/> <path data-name="Path 2" d="M29.691.003v20H9.9Z" fill="#f99410"/> </g> </svg></a>
<ul class="hidden flex-auto justify-center sm:inline-flex">
<li class="inline">
<a href="/quienes-somos"
class="text-sm font-medium uppercase hover:underline hover:underline-offset-4 hover:decoration-4 hover:decoration-fip-orange ">
Quiénes somos
</a>
</li>
<li class="inline px-4 last:hidden">/</li>
<li class="inline">
<a href="/que-hacemos"
class="text-sm font-medium uppercase hover:underline hover:underline-offset-4 hover:decoration-4 hover:decoration-fip-orange ">
Qué hacemos
</a>
</li>
<li class="inline px-4 last:hidden">/</li>
<li class="inline">
<a href="/como-lo-hacemos"
class="text-sm font-medium uppercase hover:underline hover:underline-offset-4 hover:decoration-4 hover:decoration-fip-orange ">
Cómo lo hacemos
</a>
</li>
<li class="inline px-4 last:hidden">/</li>
</ul>
<button x-on:click="open =! open; window.location.href = '#top'"
class="hidden flex-auto grow-0 text-right text-xs font-bold uppercase hover:text-fip-blue hover:no-underline sm:block">
Mira todas las secciones <svg class="inline ml-2" xmlns="http://www.w3.org/2000/svg" width="15.998" height="15.999" viewBox="0 0 15.998 15.999"> <defs> <clipPath id="plus-a"> <path fill="none" stroke="#000" d="M0 0h15.998v15.999H0z" data-name="Rectangle 33"/> </clipPath> </defs> <g data-name="Group 792"> <g clip-path="url(#plus-a)" data-name="Group 66"> <path fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="1.5" d="M7.999 15.999V0" data-name="Line 6"/> </g> <path fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="1.5" d="M15.998 7.999H0" data-name="Line 5"/> </g> </svg>
</button>
<button x-on:click="open =! open; window.location.href = '#top'"
class="ml-auto flex-auto grow-0 sm:hidden"><svg xmlns="http://www.w3.org/2000/svg" width="21.607" height="13.205" viewBox="0 0 21.607 13.205"> <path d="M18,22.2H-3.607V20H18v2.2Zm0-5.5H-3.607V14.5H18v2.2Zm0-5.5H-3.607V9H18v2.2Z" transform="translate(3.607 -9)" opacity="0.4"/> </svg></button>
</div>
</nav>
<nav class="relative z-0 bg-fip-gray mx-auto w-full" x-cloak x-show="open">
<div class="container flex max-w-6xl p-8 sm:mx-auto sm:items-center sm:px-0">
<a href="/"
class="flex-auto grow-0"><svg class="h-10 hidden sm:w-72 sm:block" xmlns="http://www.w3.org/2000/svg" width="307" height="30.003" viewBox="0 0 307 30.003"> <g data-name="Group 7"> <g data-name="Group 2"> <path data-name="Path 1" d="M29.692.003v.011L0 30.003v-25A4.993 4.993 0 0 1 4.993.011Z" fill="#003475"/> <path data-name="Path 2" d="M29.691.003v20H9.9Z" fill="#f99410"/> </g> <g data-name="Group 3" fill="#003475"> <path data-name="Path 3" d="M49.691 17.311v-10h6.843v.946h-5.843v3.8h5.629v.944h-5.629v4.316Z"/> <path data-name="Path 4" d="M66.831 7.31v6.1a3.7 3.7 0 0 1-3.941 4 3.739 3.739 0 0 1-4-4v-6.1h1v6.1a2.89 2.89 0 0 0 3 3.072 2.844 2.844 0 0 0 2.944-3.072v-6.1Z"/> <path data-name="Path 5" d="m76.945 15.424-.056-3.314v-4.8h1v10h-.6l-6.474-8.043.032 2.958v5.085h-1v-10h.63Z"/> <path data-name="Path 6" d="M84.542 7.31a4.723 4.723 0 0 1 5.015 4.9 4.783 4.783 0 0 1-5.015 5.1h-3.527v-10Zm-2.528 9.074h2.528a3.889 3.889 0 0 0 4-4.188 3.836 3.836 0 0 0-4-3.94h-2.528Z"/> <path data-name="Path 7" d="M98.428 14.997h-5.8L91.6 17.311h-1.058l4.486-10h1l4.489 10h-1.059Zm-5.4-.918h5l-2.5-5.682Z"/> <path data-name="Path 8" d="M110.369 15.952a5.061 5.061 0 0 1-3.642 1.513 4.834 4.834 0 0 1-5.2-5.1 4.921 4.921 0 0 1 5.2-5.2 4.6 4.6 0 0 1 3.541 1.5l-.614.62a4.13 4.13 0 0 0-2.927-1.2 4.041 4.041 0 0 0-4.2 4.271 3.911 3.911 0 0 0 4.2 4.186 4.3 4.3 0 0 0 3-1.229Z"/> <path data-name="Path 9" d="M112.637 17.311v-10h1v10Z"/> <path data-name="Path 10" d="M121.2 7.138a4.884 4.884 0 0 1 5.054 5.2 5.065 5.065 0 1 1-10.127-.014 4.895 4.895 0 0 1 5.073-5.186Zm-4.074 5.2a4.068 4.068 0 1 0 8.13 0 3.938 3.938 0 0 0-4.056-4.257 3.9 3.9 0 0 0-4.078 4.258Zm5.758-7.973h-1.143l-1.067 1.774v.057h.869l1.341-1.8Z"/> <path data-name="Path 11" d="m135.835 15.424-.057-3.314v-4.8h1v10h-.6l-6.471-8.043.03 2.958v5.085h-1v-10h.63Z"/> <path data-name="Path 12" d="M143.83 17.311v-10h2.214v10Z"/> <path data-name="Path 13" d="M152.727 7.31a4.607 4.607 0 0 1 4.971 4.929c0 2.613-1.469 5.072-4.971 5.072h-4.1v-10Zm-1.9 7.945h1.9c2.172 0 2.774-1.6 2.774-3.044a2.6 2.6 0 0 0-2.774-2.89h-1.9Z"/> <path data-name="Path 14" d="M167.355 17.311h-7.615v-10h7.413v2.044h-5.226v1.928h4.927v1.958h-4.927v2.015h5.428Z"/> <path data-name="Path 15" d="M176.551 15.603h-5.127l-.727 1.712h-2.4l4.488-10h2.427l4.487 10h-2.415ZM174 9.568l-1.731 4.058h3.442Z"/> <path data-name="Path 16" d="M186.745 9.727a3.335 3.335 0 0 0-2.317-.846c-.985 0-1.785.415-1.785 1.1 0 .916.871 1.087 2.154 1.2 1.972.17 3.847.928 3.847 3.243 0 2.226-2.058 3.2-4.216 3.215a5.013 5.013 0 0 1-4.372-2.058l1.33-1.385a3.981 3.981 0 0 0 3.058 1.413c1.183 0 2-.47 2-1.185.014-.841-.658-1.229-2.014-1.343-2.112-.2-4-.729-3.972-3.084.015-1.986 1.9-3.045 3.954-3.045a4.411 4.411 0 0 1 3.734 1.541Z"/> <path data-name="Path 17" d="M196.837 14.479v2.832h-2.228v-10h4.713a3.488 3.488 0 0 1 3.83 3.588c0 2-1.285 3.557-3.83 3.581Zm0-2.041h2.485a1.459 1.459 0 0 0 1.6-1.5 1.478 1.478 0 0 0-1.6-1.516h-2.485Z"/> <path data-name="Path 18" d="M211.28 15.603h-5.131l-.725 1.712h-2.4l4.489-10h2.426l4.488 10h-2.415Zm-2.555-6.031-1.732 4.058h3.445Z"/> <path data-name="Path 19" d="M224.706 17.311h-2.47l-2.558-3.288h-1.615v3.288h-2.227v-10h4.742a3.388 3.388 0 0 1 3.7 3.372 3 3 0 0 1-2.316 3.143l2.744 3.316Zm-6.643-8.087v2.913h2.537a1.388 1.388 0 0 0 1.472-1.4 1.471 1.471 0 0 0-1.5-1.516Z"/> <path data-name="Path 20" d="M233.631 15.603h-5.124l-.731 1.712h-2.4l4.487-10h2.427l4.485 10h-2.413Zm-2.553-6.031-1.73 4.058h3.442Z"/> <path data-name="Path 21" d="M243.91 7.31v7.958h5v2.043h-7.23v-10Z"/> <path data-name="Path 22" d="M257.7 15.603h-5.131l-.724 1.712h-2.4l4.484-10h2.428l4.487 10h-2.414Zm-2.555-6.031-1.73 4.058h3.444Z"/> <path data-name="Path 23" d="M267.768 14.479v2.832h-2.229v-10h4.711a3.489 3.489 0 0 1 3.832 3.588c0 2-1.287 3.557-3.832 3.581Zm0-2.041h2.482a1.46 1.46 0 0 0 1.6-1.5 1.482 1.482 0 0 0-1.6-1.516h-2.482Z"/> <path data-name="Path 24" d="M282.208 15.603h-5.13l-.727 1.712h-2.4l4.486-10h2.429l4.486 10h-2.415Zm-2.558-6.031-1.729 4.058h3.442Z"/> <path data-name="Path 25" d="M286.334 7.31h7.642v.97l-4.8 6.947h4.914v2.084h-8v-1.155l4.886-6.932h-4.643Z"/> </g> <g data-name="Group 6"> <g data-name="Group 5"> <g data-name="Group 4"> <path data-name="Path 26" d="M307 .003v26.68a3.325 3.325 0 0 1-3.32 3.32H47.689l1.011-1.01h254.98a2.32 2.32 0 0 0 2.32-2.31V.003Z" fill="#f99410"/> </g> </g> </g> </g> </svg>
<svg class="h-20 w-36 sm:hidden" xmlns="http://www.w3.org/2000/svg" width="293.827" height="172.84" viewBox="0 0 293.827 172.84" xml:space="preserve"> <path fill="#124E91" d="M240.838 8.689c-.163 0-.325 0-.487.009a.279.279 0 0 0-.122 0h-63.494v127.173h48.182V103.1h15.922c26.067 0 47.205-21.137 47.205-47.204-.001-26.068-21.139-47.207-47.206-47.207zM232.9 72.078v-.008h-7.872V40.493h7.872c8.725 0 15.793 7.076 15.793 15.792 0 8.725-7.068 15.793-15.793 15.793zM88.504 57.042V87.56H52.891v48.312H4.581V16.812a8.122 8.122 0 0 1 8.124-8.123h86.344l.008 31.804H52.891v16.549h35.613zm25.232 15.246h48.31v63.593h-48.31zm48.31-63.606v.017l-48.31 48.789V16.812a8.122 8.122 0 0 1 8.123-8.123l40.187-.007z"/> <path fill="#FAA634" d="M162.046 8.689V40.49l-31.478.001v-.008z"/> <path d="M5.75 157.549V146.46h7.588v1.045h-6.48v4.213H13.1v1.046H6.858v4.785H5.75zm19.008-11.089v6.764c0 2.994-1.965 4.437-4.373 4.437-2.407 0-4.436-1.442-4.436-4.437v-6.764h1.109v6.764c0 2.106 1.441 3.406 3.326 3.406 1.68 0 3.264-1.093 3.264-3.406v-6.764h1.11zm11.213 8.997-.062-3.676v-5.321h1.108v11.089h-.665l-7.176-8.919.031 3.278v5.641h-1.108V146.46h.697l7.175 8.997zm8.425-8.997c3.754 0 5.56 2.692 5.56 5.433 0 2.805-1.679 5.656-5.56 5.656h-3.913V146.46h3.913zm-2.803 10.059h2.804c3.088 0 4.481-2.408 4.436-4.643-.048-2.154-1.442-4.371-4.436-4.371h-2.804v9.014zm18.198-1.538h-6.432l-1.141 2.567h-1.172l4.975-11.089h1.108l4.975 11.089h-1.173l-1.14-2.567zm-5.987-1.013h5.544l-2.772-6.306-2.772 6.306zm19.228 2.075a5.633 5.633 0 0 1-4.039 1.681c-3.834 0-5.751-2.567-5.767-5.657-.017-3.025 1.917-5.766 5.767-5.766 1.473 0 2.962.522 3.929 1.663l-.681.683a4.59 4.59 0 0 0-3.248-1.332c-3.09 0-4.658 2.282-4.658 4.736 0 2.599 1.568 4.643 4.658 4.643 1.188 0 2.439-.476 3.326-1.363l.713.712zm2.517 1.506V146.46h1.109v11.089h-1.109zm9.488-11.279c3.755.016 5.624 2.804 5.607 5.766-.016 2.898-1.853 5.72-5.607 5.72-3.77 0-5.624-2.821-5.624-5.735 0-3.123 2.027-5.751 5.624-5.751zm-4.515 5.765c.031 2.424 1.489 4.674 4.515 4.674s4.482-2.297 4.499-4.674c0-2.486-1.474-4.704-4.499-4.721-2.978 0-4.547 2.108-4.515 4.721zm6.385-8.839h-1.269l-1.188 1.964v.063h.968l1.489-1.996v-.031zm14.364 12.261-.062-3.676v-5.321h1.108v11.089h-.665l-7.177-8.919.032 3.278v5.641h-1.109V146.46h.697l7.176 8.997zm8.865 2.092V146.46h2.455v11.089h-2.455zm9.868-11.089c3.817 0 5.513 2.565 5.513 5.464 0 2.899-1.632 5.625-5.513 5.625h-4.547V146.46h4.547zm-2.108 8.807h2.107c2.408 0 3.073-1.773 3.073-3.374 0-1.6-.761-3.2-3.073-3.2h-2.107v6.574zm18.327 2.282h-8.443V146.46H136v2.264h-5.797v2.139h5.465v2.171h-5.465v2.233h6.02v2.282zm10.199-1.902h-5.687l-.808 1.901h-2.662l4.975-11.089h2.692l4.975 11.089h-2.678l-.807-1.901zm-2.835-6.685-1.918 4.5h3.818l-1.9-4.5zm14.135.175c-.618-.649-1.695-.935-2.566-.935-1.094 0-1.98.46-1.98 1.22 0 1.014.967 1.204 2.392 1.33 2.187.19 4.261 1.029 4.261 3.597 0 2.47-2.28 3.548-4.672 3.563-1.918.016-3.914-.729-4.849-2.28l1.474-1.537c.855 1.093 2.266 1.569 3.391 1.569 1.314 0 2.217-.524 2.217-1.315.017-.935-.728-1.363-2.232-1.49-2.346-.221-4.437-.808-4.404-3.421.016-2.202 2.106-3.374 4.388-3.374 1.711 0 2.994.38 4.135 1.71l-1.555 1.363zm11.194 5.275v3.137h-2.472V146.46h5.228c2.836 0 4.246 1.837 4.246 3.976 0 2.219-1.426 3.944-4.246 3.977h-2.756zm0-2.266h2.756c1.188 0 1.774-.776 1.774-1.663s-.602-1.681-1.774-1.681h-2.756v3.344zm16.014 3.501h-5.688l-.808 1.901h-2.661l4.974-11.089h2.693l4.975 11.089h-2.678l-.807-1.901zm-2.835-6.685-1.918 4.5h3.818l-1.9-4.5zm17.722 8.587h-2.739l-2.837-3.645h-1.789v3.645h-2.472V146.46h5.259c2.678 0 4.104 1.789 4.104 3.738-.016 1.441-.443 2.724-2.566 3.485l3.041 3.675v.191zm-7.365-8.966v3.229h2.819c1.141 0 1.632-.854 1.632-1.552-.016-.76-.507-1.678-1.664-1.678h-2.787zm17.265 7.064h-5.688l-.808 1.901h-2.661l4.974-11.089h2.693l4.975 11.089h-2.678l-.807-1.901zm-2.835-6.685-1.918 4.5h3.818l-1.9-4.5zm14.233-2.502v8.823h5.545v2.266h-8.016V146.46h2.471zm15.285 9.187h-5.688l-.808 1.901h-2.662l4.975-11.089h2.693l4.974 11.089h-2.677l-.807-1.901zm-2.836-6.685-1.917 4.5h3.818l-1.901-4.5zm14.001 5.45v3.137h-2.472V146.46h5.228c2.836 0 4.245 1.837 4.245 3.976 0 2.219-1.425 3.944-4.245 3.977h-2.756zm0-2.266h2.756c1.188 0 1.774-.776 1.774-1.663s-.603-1.681-1.774-1.681h-2.756v3.344zm16.013 3.501h-5.688l-.807 1.901h-2.662l4.974-11.089h2.693l4.975 11.089h-2.678l-.807-1.901zm-2.835-6.685-1.918 4.5h3.818l-1.9-4.5zm7.41-2.502h8.476v1.077l-5.323 7.698h5.45v2.313h-8.871v-1.284l5.417-7.682h-5.148v-2.122z" fill="#124E91"/> <path fill="#FAA634" d="M278.729 167.691H4.583v-2.303h274.146c3.845 0 6.973-3.128 6.973-6.972V106.44l2.303-2.341v54.316c0 5.116-4.16 9.276-9.276 9.276z"/> <path fill="#005490" d="M288.046 167.691h-.041"/> </svg>
</a>
<a href="/publicaciones"
class="sm:inline-flex hidden items-center rounded-md ml-auto mr-8 pr-4 border p-2 border-slate-300 hover:bg-slate-100/50 hover:no-underline relative w-full sm:w-72">
<span class="animate-ping absolute -top-1 -right-1 inline-flex h-2 w-2 rounded-full bg-sky-400 opacity-75"></span>
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 stroke-slate-400" fill="none" viewBox="0 0 24 24"
stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
</svg>
<span class="ml-4 text-xs text-slate-400">Búsqueda rápida ...</span>
</a>
<button x-on:click="open =! open"
class="ml-auto flex-auto grow-0 text-right text-xs font-bold uppercase text-fip-yellow hover:no-underline sm:ml-0">Cerrar
<svg class="inline ml-2" xmlns="http://www.w3.org/2000/svg" width="22.625" height="22.625" viewBox="0 0 22.625 22.625"> <defs> <clipPath id="close-a"> <path data-name="Rectangle 32" fill="#dea436" stroke="#dea436" d="M0 0h15.998v15.999H0z"/> </clipPath> <clipPath id="close-b"> <path data-name="Rectangle 33" fill="none" stroke="#dea436" d="M0 0h15.998v15.999H0z"/> </clipPath> </defs> <g data-name="Group 683"> <g data-name="Group 65"> <g data-name="Group 64" transform="rotate(45 5.656 13.655)" clip-path="url(#close-a)"> <path data-name="Line 5" fill="none" stroke="#dea436" stroke-miterlimit="10" stroke-width="1.5" d="M15.998 7.999H0"/> </g> </g> <g data-name="Group 67"> <g data-name="Group 66" clip-path="url(#close-b)" transform="rotate(45 5.656 13.655)"> <path data-name="Line 6" fill="none" stroke="#dea436" stroke-miterlimit="10" stroke-width="1.5" d="M7.999 15.999V0"/> </g> </g> </g> </svg>
</button>
</div>
<div class="container grid max-w-6xl gap-8 p-8 pt-0 pb-10 sm:mx-auto sm:grid-cols-8 sm:px-0">
<ul class="sm:col-span-2">
<li
class="flex sm:block items-center mb-4 border-b-2 border-b-gray-300 hover:border-b-fip-orange ">
<a href="/quienes-somos"
class="text-sm font-black uppercase text-gray-600 no-underline hover:no-underline">Quiénes somos</a>
</li>
<li class="py-1 ">
<a href="/quienes-somos#historia" class="text-sm font-medium text-fip-gray-light">Historia</a>
</li>
<li class="py-1 ">
<a href="/quienes-somos#la-paz-posible" class="text-sm font-medium text-fip-gray-light">La paz posible</a>
</li>
<li class="py-1 ">
<a href="/quienes-somos#nuestro-origen-empresarial" class="text-sm font-medium text-fip-gray-light">Nuestro origen</a>
</li>
<li class="py-1 ">
<a href="/quienes-somos#equipo" class="text-sm font-medium text-fip-gray-light">Equipo</a>
</li>
<li class="py-1 ">
<a href="/quienes-somos#impacto" class="text-sm font-medium text-fip-gray-light">Impacto</a>
</li>
<li class="py-1 ">
<a href="/quienes-somos#empresas-aportantes" class="text-sm font-medium text-fip-gray-light">Empresas aportantes</a>
</li>
<li class="py-1 ">
<a href="/quienes-somos#aliados-institucionales" class="text-sm font-medium text-fip-gray-light">Aliados institucionales</a>
</li>
<li class="py-1 ">
<a href="/quienes-somos#aliados-de-proyectos" class="text-sm font-medium text-fip-gray-light">Aliados de proyectos</a>
</li>
</ul>
<ul class="sm:col-span-2">
<li
class="flex sm:block items-center mb-4 border-b-2 border-b-gray-300 hover:border-b-fip-orange ">
<a href="/que-hacemos"
class="text-sm font-black uppercase text-gray-600 no-underline hover:no-underline">Qué hacemos</a>
</li>
<li class="py-1 ">
<a href="/que-hacemos#nuestro-trabajo" class="text-sm font-medium text-fip-gray-light">Nuestro trabajo</a>
</li>
<li class="py-1 ">
<a href="/que-hacemos#donde-lo-hacemos" class="text-sm font-medium text-fip-gray-light">Dónde lo hacemos</a>
</li>
<li class="py-1 ">
<a href="/que-hacemos#informe-de-gestion-2020" class="text-sm font-medium text-fip-gray-light">Informe de gestión</a>
</li>
<li class="py-1 ">
<a href="/que-hacemos#fip-en-datos" class="text-sm font-medium text-fip-gray-light">FIP en datos</a>
</li>
<li class="py-1 mt-8">
<a href="" class="text-sm font-black text-fip-gray-light">Nuestras agendas</a>
</li>
<li class="py-1 ">
<a href="/que-hacemos/conflicto-y-violencia-organizada" class="text-sm font-medium text-fip-gray-light">Conflicto y violencia organizada</a>
</li>
<li class="py-1 ">
<a href="/que-hacemos/construccion-de-paz" class="text-sm font-medium text-fip-gray-light">Construcción de paz</a>
</li>
<li class="py-1 ">
<a href="/que-hacemos/seguridad-y-gobernanza" class="text-sm font-medium text-fip-gray-light">Seguridad y gobernanza</a>
</li>
<li class="py-1 ">
<a href="/que-hacemos/conducta-empresarial-responsable" class="text-sm font-medium text-fip-gray-light">Conducta empresarial responsable</a>
</li>
</ul>
<ul class="sm:col-span-2">
<li
class="flex sm:block items-center mb-4 border-b-2 border-b-gray-300 hover:border-b-fip-orange ">
<a href="/como-lo-hacemos"
class="text-sm font-black uppercase text-gray-600 no-underline hover:no-underline">Cómo lo hacemos</a>
</li>
<li class="py-1 ">
<a href="/como-lo-hacemos#comprender" class="text-sm font-medium text-fip-gray-light">Comprender</a>
</li>
<li class="py-1 ">
<a href="/como-lo-hacemos#crear" class="text-sm font-medium text-fip-gray-light">Crear</a>
</li>
<li class="py-1 ">
<a href="/como-lo-hacemos#conectar" class="text-sm font-medium text-fip-gray-light">Conectar</a>
</li>
<li class="py-1 ">
<a href="/como-lo-hacemos/gestion-del-conocimiento" class="text-sm font-medium text-fip-gray-light">Gestión del conocimiento</a>
</li>
<li class="py-1 mt-8">
<a href="" class="text-sm font-black text-fip-gray-light">Áreas de soporte</a>
</li>
<li class="py-1 ">
<a href="/como-lo-hacemos/transforma-centro-de-formacion" class="text-sm font-medium text-fip-gray-light">Transforma, centro de formación</a>
</li>
<li class="py-1 ">
<a href="/como-lo-hacemos/comunicaciones" class="text-sm font-medium text-fip-gray-light">Comunicaciones</a>
</li>
<li class="py-1 ">
<a href="/como-lo-hacemos/institucional-y-financiera" class="text-sm font-medium text-fip-gray-light">Institucional y financiera</a>
</li>
</ul>
<div class="sm:col-span-2 sm:row-span-2">
<nav class="">
<ul class="mb-4 grid grid-cols-2">
<li class="block items-center mb-4 col-span-2 text-gray-600">
<a href="/publicaciones"
class="block uppercase font-black text-sm no-underline hover:no-underline border-b-2 border-b-gray-300 hover:border-b-fip-orange py-0.5">
Publicaciones
</a>
</li>
<li class="py-1 col-span-1 sm:col-span-2 font-medium"><a href="/publicaciones?refinementList%5Bcontent_type%5D%5B0%5D=An%C3%A1lisis"
class="text-sm text-fip-gray-light">Análisis</a></li>
<li class="py-1 col-span-1 sm:col-span-2 font-medium"><a href="/publicaciones?refinementList%5Bcontent_type%5D%5B0%5D=Boletines"
class="text-sm text-fip-gray-light">Boletines</a></li>
<li class="py-1 col-span-1 sm:col-span-2 font-medium"><a href="/publicaciones?refinementList%5Bcontent_type%5D%5B0%5D=FIP%20Opina"
class="text-sm text-fip-gray-light">FIP Opina</a></li>
<li class="py-1 col-span-1 sm:col-span-2 font-medium"><a href="/publicaciones?refinementList%5Bcontent_type%5D%5B0%5D=Fipcast"
class="text-sm text-fip-gray-light">FIPCAST</a></li>
<li class="py-1 col-span-1 sm:col-span-2 font-medium"><a href="/publicaciones?refinementList%5Bcontent_type%5D%5B0%5D=Infograf%C3%ADas"
class="text-sm text-fip-gray-light">Infografías</a></li>
<li class="py-1 col-span-1 sm:col-span-2 font-medium"><a href="/publicaciones?refinementList%5Bcontent_type%5D%5B0%5D=Informes%20de%20gesti%C3%B3n"
class="text-sm text-fip-gray-light">Informes de gestión</a></li>
<li class="py-1 col-span-1 sm:col-span-2 font-medium"><a href="/publicaciones?refinementList%5Bcontent_type%5D%5B0%5D=Multimedia"
class="text-sm text-fip-gray-light">Multimedia</a></li>
<li class="py-1 col-span-1 sm:col-span-2 font-medium"><a href="/publicaciones?refinementList%5Bcontent_type%5D%5B0%5D=Infograf%C3%ADas&refinementList%5Bcontent_type%5D%5B1%5D=Multimedia"
class="text-sm text-fip-gray-light">Noticias</a></li>
<li class="py-1 col-span-1 sm:col-span-2 font-medium"><a href="/publicaciones?refinementList%5Bcontent_type%5D%5B0%5D=Videos"
class="text-sm text-fip-gray-light">Videos</a></li>
</ul>
<ul class="mb-4 grid grid-cols-2">
<li class="block items-center mb-4 col-span-2 text-gray-600">
<a href="/#proyectos"
class="block uppercase font-black text-sm no-underline hover:no-underline border-b-2 border-b-gray-300 hover:border-b-fip-orange py-0.5">
Proyectos
</a>
</li>
</ul>
<ul class="mb-4 grid grid-cols-2">
<li class="block items-center mb-4 col-span-2 text-gray-600">
<a href="/#herramientas"
class="block uppercase font-black text-sm no-underline hover:no-underline border-b-2 border-b-gray-300 hover:border-b-fip-orange py-0.5">
Herramientas y metodologías
</a>
</li>
</ul>
<ul class="mb-4 grid grid-cols-2">
<li class="block items-center mb-4 col-span-2 text-fip-blue">
<a href="/convocatorias"
class="block uppercase font-black text-sm no-underline hover:no-underline border-b-2 border-b-fip-blue hover:border-b-fip-orange py-0.5">
Convocatorias
</a>
<span class="text-xs block mt-1">Súmate a la FIP</span>
</li>
</ul>
<ul class="mb-4 grid grid-cols-2">
<li class="block items-center mb-4 col-span-2 text-gray-600">
<a href="/contactanos"
class="block uppercase font-black text-sm no-underline hover:no-underline border-b-2 border-b-gray-300 hover:border-b-fip-orange py-0.5">
Contáctanos
</a>
</li>
</ul>
</nav>
<a href="/publicaciones"
class="sm:hidden inline-flex items-center rounded-md ml-auto mr-8 pr-4 border p-2 border-slate-300 hover:bg-slate-100/50 hover:no-underline relative w-full sm:w-72">
<span class="animate-ping absolute -top-1 -right-1 inline-flex h-2 w-2 rounded-full bg-sky-400 opacity-75"></span>
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 stroke-slate-400" fill="none" viewBox="0 0 24 24"
stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
</svg>
<span class="ml-4 text-xs text-slate-400">Búsqueda rápida ...</span>
</a>
<ul class="mt-8 hidden sm:block">
<li class="inline mr-6 last:mr-0">
<a href="https://www.facebook.com/ideaspaz/" target="_blank" title="Facebook">
<img src="https://ideaspaz.imgix.net/images/icons/facebook.svg" class="inline">
</a>
</li>
<li class="inline mr-6 last:mr-0">
<a href="https://twitter.com/ideaspaz" target="_blank" title="Twitter">
<img src="https://ideaspaz.imgix.net/images/icons/twitter.svg" class="inline">
</a>
</li>
<li class="inline mr-6 last:mr-0">
<a href="https://instagram.com/ideaspaz" target="_blank" title="Instagram">
<img src="https://ideaspaz.imgix.net/images/icons/instagram.svg" class="inline">
</a>
</li>
<li class="inline mr-6 last:mr-0">
<a href="https://www.youtube.com/channel/UChY_q49j5cGVQulpIaD1r3A" target="_blank" title="Youtube">
<img src="https://ideaspaz.imgix.net/images/icons/youtube.svg" class="inline">
</a>
</li>
<li class="inline mr-6 last:mr-0">
<a href="https://open.spotify.com/show/533bBrKmKsd3XoyOzLjaIw?si=a461be39c30f484d" target="_blank" title="Spotify">
<img src="https://ideaspaz.imgix.net/images/icons/spotify.svg" class="inline">
</a>
</li>
<li class="inline mr-6 last:mr-0">
<a href="https://www.linkedin.com/company/ideaspaz/" target="_blank" title="LinkedIn">
<img src="https://ideaspaz.imgix.net/images/icons/linkedin.svg" class="inline">
</a>
</li>
</ul>
</div>
<form action="https://www.createsend.com/t/subscribeerror?description=" method="post"
class="js-cm-form relative sm:col-span-4 mt-5" data-id="5B5E7037DA78A748374AD499497E309EA851BB62CA5442F2136C496113857E0FD15DD05CDE5440383A889FE4FF761BDA2073381124563E0DAF333A5BC3E0B82A">
<div
class="border-4 border-white w-10/12 top-0 -mt-2 left-1/2 transform -translate-x-1/2 hidden">
</div>
<div class="space-y-6">
<div>
<svg class="mb-6 w-32" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120.742 45.782"> <defs> <clipPath id="logo-el-radar-a"> <path fill="none" d="M0 0h40.859v33.286H0z" data-name="Rectangle 575"/> </clipPath> </defs> <g data-name="Group 1573"> <g data-name="Group 1570"> <g clip-path="url(#logo-el-radar-a)" data-name="Group 1569" transform="translate(74.28 -.001)"> <path fill="#a2c037" d="M20.428 21.415a2.107 2.107 0 1 0-2.106-2.109 2.136 2.136 0 0 0 2.107 2.107m-4.146 3.093a1.083 1.083 0 0 0 1.692-.125 1.045 1.045 0 0 0-.374-1.414 4.5 4.5 0 0 1-1.8-3.659 4.63 4.63 0 0 1 9.26 0 4.772 4.772 0 0 1-1.8 3.659 1.064 1.064 0 0 0-.375 1.414 1.082 1.082 0 0 0 1.691.125 6.668 6.668 0 1 0-8.29 0m-1.76 4.034a1.089 1.089 0 0 0 1.608-.264 1.042 1.042 0 0 0-.416-1.387 8.942 8.942 0 1 1 9.427 0 1.029 1.029 0 0 0-.416 1.387 1.079 1.079 0 0 0 1.608.264 10.786 10.786 0 0 0 5.084-9.234 10.993 10.993 0 1 0-21.987 0 10.768 10.768 0 0 0 5.088 9.233m-1.83 3.965a1.082 1.082 0 0 0 1.594-.305 1.01 1.01 0 0 0-.43-1.372 13.221 13.221 0 0 1-6.724-11.52 13.295 13.295 0 1 1 26.589 0 13.221 13.221 0 0 1-6.723 11.52 1.022 1.022 0 0 0-.43 1.372 1.08 1.08 0 0 0 1.595.305 15.319 15.319 0 1 0-15.471 0" data-name="Path 212"/> </g> </g> <path fill="#1a1818" d="M0 27.967v17.815h9.831v-2.528H2.688v-5.953h6.935v-2.527H2.688v-4.281h7.143v-2.526Z" data-name="Path 213"/> <path fill="#1a1818" d="M14.306 27.967v17.815h7.927v-2.528h-5.239V27.967Z" data-name="Path 214"/> <path fill="#1a1818" d="m38.11 38.189 5.515 7.592h-3.288l-5.088-7.292h-.485v7.292h-2.689V27.966h3.15q3.53 0 5.1 1.327a4.875 4.875 0 0 1 1.731 3.9 5.061 5.061 0 0 1-1.085 3.254 4.832 4.832 0 0 1-2.861 1.742m-3.346-2.042h.854q3.819 0 3.819-2.919 0-2.735-3.715-2.735h-.958Z" data-name="Path 215"/> <path fill="#1a1818" d="M59.601 41.455h-7.627l-1.984 4.327h-2.9l8.819-18.934 8.5 18.934h-2.942Zm-1.1-2.527-2.642-6.058-2.769 6.058Z" data-name="Path 216"/> <path fill="#1a1818" d="M68.53 45.782V27.967h3.738a13.6 13.6 0 0 1 4.246.531 7.945 7.945 0 0 1 3.035 1.765 8.524 8.524 0 0 1 2.758 6.611 8.668 8.668 0 0 1-5.9 8.411 13.757 13.757 0 0 1-4.189.5Zm2.689-2.527h1.212a10.116 10.116 0 0 0 3.011-.381 6.115 6.115 0 0 0 4.154-6 6.191 6.191 0 0 0-1.961-4.754 7.43 7.43 0 0 0-5.2-1.627h-1.212Z" data-name="Path 217"/> <path fill="#1a1818" d="M98.373 41.455h-7.628l-1.984 4.327h-2.9l8.815-18.934 8.5 18.934h-2.931Zm-1.1-2.527-2.642-6.058-2.769 6.058Z" data-name="Path 218"/> <path fill="#1a1818" d="m115.227 38.189 5.515 7.592h-3.293l-5.088-7.292h-.485v7.292h-2.689V27.966h3.15q3.53 0 5.1 1.327a4.876 4.876 0 0 1 1.731 3.9 5.061 5.061 0 0 1-1.085 3.254 4.832 4.832 0 0 1-2.861 1.742m-3.346-2.042h.854q3.819 0 3.819-2.919 0-2.735-3.716-2.735h-.957Z" data-name="Path 219"/> </g> </svg>
<h4 class="text-base leading-6 font-black text-fip-gray-light">Subscríbete gratis a nuestro boletín</h4>
<h5 class="hidden"><span class="text-fip-green">#</span> Sumamos ideas para generar cambios para la paz</h5>
<p class="mt-1 text-sm text-gray-500">La FIP publica periódicamente análisis, informes de monitoreo temáticos y columnas de opinión, producidos por nuestros investigadores.</p>
</div>
<div class="grid grid-cols-3 gap-2">
<input id="fieldName" type="text" name="cm-name" required
placeholder="Nombres y apellidos"
class="sm:col-span-1 col-span-3 rounded-md block w-full border border-slate-300 py-2 px-3 focus:outline-none focus:ring-fip-green focus:border-fip-green text-sm" />
<input id="fieldEmail" type="email" name="cm-tyilhrr-tyilhrr" required
placeholder="Correo electrónico"
class="js-cm-email-input qa-input-email rounded-md sm:col-span-1 col-span-2 block w-full border border-slate-300 py-2 px-3 focus:outline-none focus:ring-fip-green focus:border-fip-green text-sm" />
<button type="submit"
class="bg-fip-green rounded-md border border-transparent py-2 px-4 inline-flex justify-center text-xs sm:text-sm font-semibold uppercase text-white hover:bg-lime-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-lime-600">
Suscribirme
</button>
</div>
</div>
<div
class="border-4 border-white w-10/12 absolute bottom-0 -mb-2 left-1/2 transform -translate-x-1/2 hidden">
</div>
</form>
<div class="block text-sm text-fip-gray-light sm:hidden"><p>World Trade Center<br>Calle 100 #8A-37<br>Torre A, Oficina 701<br>Bogotá, Colombia</p><p><strong>Contacto</strong><br><a href="mailto:[email protected]">[email protected]</a><br>+57 601 747 0273</p></div>
</div>
</nav>
<div id="app">
<!-- hero block -->
<div class="container max-w-screen-2xl bg-[#F6F6F6] sm:mx-auto mb-4 sm:mb-8">
<div class="container relative max-w-6xl sm:mx-auto sm:grid sm:grid-cols-3 sm:gap-8 sm:px-0 -mt-16 pb-16 sm:pb-0">
<div class="col-span-1 w-full px-6 pt-24 sm:pb-12 sm:px-0">
<h1 class="mb-4 font-sans text-2xl sm:text-3xl font-black uppercase leading-6 sm:leading-8 text-fip-orange">
Pensar la paz, el mejor comienzo para construirla.
</h1>
<h2 class="mb-4 font-sans text-xl uppercase leading-8">
<span class="text-base font-black leading-7 sm:block sm:text-xl">
<span class="text-fip-orange">#</span>comprender
</span>
<span class="text-base font-black leading-7 sm:block sm:text-xl">
<span class="text-fip-orange">#</span>crear
</span>
<span class="text-base font-black leading-7 sm:block sm:text-xl">
<span class="text-fip-orange">#</span>conectar
</span>
</h2>
<a href="/como-lo-hacemos"
class="font-serif text-xs font-thin uppercase underline decoration-fip-orange decoration-2 underline-offset-4 sm:text-sm">Así
lo hacemos</a>
</div>
<div class="col-span-2">
<div class="relative">
<div
class="absolute left-0 bg-white/90 py-4 px-6 sm:top-1/2 z-30 w-20 h-12 hidden sm:block pointer-events-none">
<svg xmlns="http://www.w3.org/2000/svg" width="29.5" height="15.621" viewBox="0 0 29.5 15.621"> <defs> <clipPath id="arrow-left-a"> <path fill="none" stroke="rgba(0,0,0,0)" stroke-width="1" d="M0 0h29v13.452H0z" data-name="Rectangle 16"/> </clipPath> </defs> <g data-name="Group 633" transform="translate(.5 1.083)"> <path fill="#040405" stroke="rgba(0,0,0,0)" stroke-width="1" d="M7.389 0v1.836L1.424 6.7v.051l5.959 4.87.006 1.835L.004 7.155v-.861Z" data-name="Path 4"/> <path fill="#040405" stroke="rgba(0,0,0,0)" stroke-width="1" d="M29 6.725Z" data-name="Path 5"/> <g data-name="Group 14"> <g clip-path="url(#arrow-left-a)" data-name="Group 13" opacity=".9"> <path fill="none" stroke="#161615" stroke-miterlimit="10" stroke-width="1.389" d="M.805 6.726H29" data-name="Line 1"/> </g> </g> </g> </svg>
</div>
<div
class="absolute right-0 bg-white/90 py-4 px-6 sm:top-1/2 z-30 w-20 h-12 hidden sm:block pointer-events-none">
<svg xmlns="http://www.w3.org/2000/svg" width="29.5" height="15.621" viewBox="0 0 29.5 15.621"> <defs> <clipPath id="arrow-right-a"> <path fill="none" stroke="rgba(0,0,0,0)" stroke-width="1" d="M0 0h29v13.452H0z" data-name="Rectangle 16"/> </clipPath> </defs> <g data-name="Group 633" transform="translate(0 1.083)"> <path fill="#040405" stroke="rgba(0,0,0,0)" stroke-width="1" d="M21.615 0v1.836L27.577 6.7v.051l-5.962 4.866v1.835l7.388-6.3v-.858Z" data-name="Path 4"/> <path fill="#040405" stroke="rgba(0,0,0,0)" stroke-width="1" d="M0 6.725Z" data-name="Path 5"/> <g data-name="Group 14"> <g clip-path="url(#arrow-right-a)" data-name="Group 13"> <path fill="none" stroke="#161615" stroke-miterlimit="10" stroke-width="1.389" d="M28.195 6.726H0" data-name="Line 1"/> </g> </g> </g> </svg>
</div>
<ul class="carousel flex sm:gap-4 overflow-x-scroll snap-x snap-mandatory scroll-smooth">
<li id="carousel__slide1"
class="relative w-full grow-0 shrink-0 basis-full sm:w-[768px] mt-8 sm:pt-16 sm:mt-0 snap-center">
<a href="/publicaciones/investigaciones-analisis/2022-09/construir-puentes-entre-el-congreso-y-las-regiones-aprendizajes-de-la-experiencia-del-capitolio-al-territorio" target="_self" class="hover:no-underline">
<img src="https://ideaspaz.imgix.net/images/capitolio.png?auto=format&crop=focalpoint&fp-x=0.5&fp-y=0.5&fp-z=1&w=720&h=420&fit=crop&ixlib=php-3.3.1"
class="w-full" width="720" height="420" alt="FIP"
title="FIP" />
<div class="relative z-10 m-auto block sm:bg-white p-6 pt-0 sm:-mt-4 sm:max-w-sm sm:pt-6">
<span
class="block border-t-8 border-t-red-600 pt-1 font-black uppercase text-red-600">Análisis</span>
<h3 class="mb-10 font-serif text-2xl font-semibold leading-7 tracking-tight">Construir puentes entre el Congreso y las regiones: aprendizajes 'Del Capitolio al Territorio'</h3>
<ul>
<li
class="inline font-serif text-xs font-bold uppercase underline decoration-red-600 underline-offset-4">
Implementación
</li>
<li class="inline px-2 text-xs last:hidden">/</li>
<li
class="inline font-serif text-xs font-bold uppercase underline decoration-red-600 underline-offset-4">
Acuerdo de Paz
</li>
<li class="inline px-2 text-xs last:hidden">/</li>
<li
class="inline font-serif text-xs font-bold uppercase underline decoration-red-600 underline-offset-4">
PDET
</li>
<li class="inline px-2 text-xs last:hidden">/</li>
</ul>
</div>
</a>
<a href="#carousel__slide"
class="absolute sm:top-1/2 text-transparent text-center left-0 w-20 h-12 hidden sm:block">Prev</a>
<a href="#carousel__slide2"
class="absolute sm:top-1/2 text-transparent text-center right-0 w-20 h-12 hidden sm:block">Next</a>
</li>
<li id="carousel__slide2"
class="relative w-full grow-0 shrink-0 basis-full sm:w-[768px] mt-8 sm:pt-16 sm:mt-0 snap-center">
<a href="https://multimedia.ideaspaz.org/infografias/segunda-marquetalia.html" target="_blank" class="hover:no-underline">
<img src="https://ideaspaz.imgix.net/images/multimedia/segunda-marquetalia.jpg?auto=format&crop=focalpoint&fp-x=0.5&fp-y=0.3&fp-z=1&w=720&h=420&fit=crop&ixlib=php-3.3.1"
class="w-full" width="720" height="420" alt="COLPRENSA"
title="COLPRENSA" />
<div class="relative z-10 m-auto block sm:bg-white p-6 pt-0 sm:-mt-4 sm:max-w-sm sm:pt-6">
<span
class="block border-t-8 border-t-red-600 pt-1 font-black uppercase text-red-600">Infografía</span>
<h3 class="mb-10 font-serif text-2xl font-semibold leading-7 tracking-tight">ABC de la 'Segunda Marquetalia'</h3>
<ul>
<li
class="inline font-serif text-xs font-bold uppercase underline decoration-red-600 underline-offset-4">
Acuerdo de Paz
</li>
<li class="inline px-2 text-xs last:hidden">/</li>
<li
class="inline font-serif text-xs font-bold uppercase underline decoration-red-600 underline-offset-4">
Paz Total
</li>
<li class="inline px-2 text-xs last:hidden">/</li>
<li
class="inline font-serif text-xs font-bold uppercase underline decoration-red-600 underline-offset-4">
Disidencias
</li>
<li class="inline px-2 text-xs last:hidden">/</li>
</ul>
</div>
</a>
<a href="#carousel__slide"
class="absolute sm:top-1/2 text-transparent text-center left-0 w-20 h-12 hidden sm:block">Prev</a>
<a href="#carousel__slide3"
class="absolute sm:top-1/2 text-transparent text-center right-0 w-20 h-12 hidden sm:block">Next</a>
</li>
<li id="carousel__slide3"
class="relative w-full grow-0 shrink-0 basis-full sm:w-[768px] mt-8 sm:pt-16 sm:mt-0 snap-center">
<a href="/publicaciones/investigaciones-analisis/2022-08/cual-es-el-eln-que-se-sentara-a-negociar-radiografia-en-cuatro-regiones-de-colombia" target="_self" class="hover:no-underline">
<img src="https://ideaspaz.imgix.net/images/630d30df9965f.jpg?auto=format&crop=focalpoint&fp-x=0.5&fp-y=0.5&fp-z=1&w=720&h=420&fit=crop&ixlib=php-3.3.1"
class="w-full" width="720" height="420" alt="Agencia Anadolu / Christian Escobar Mora"
title="Agencia Anadolu / Christian Escobar Mora" />
<div class="relative z-10 m-auto block sm:bg-white p-6 pt-0 sm:-mt-4 sm:max-w-sm sm:pt-6">
<span
class="block border-t-8 border-t-red-600 pt-1 font-black uppercase text-red-600">Análisis</span>
<h3 class="mb-10 font-serif text-2xl font-semibold leading-7 tracking-tight">¿Cuál es el ELN que se sentará a dialogar? Radiografía en cuatro regiones de Colombia</h3>
<ul>
<li
class="inline font-serif text-xs font-bold uppercase underline decoration-red-600 underline-offset-4">
ELN
</li>
<li class="inline px-2 text-xs last:hidden">/</li>
<li
class="inline font-serif text-xs font-bold uppercase underline decoration-red-600 underline-offset-4">
Guerrilla
</li>
<li class="inline px-2 text-xs last:hidden">/</li>
<li
class="inline font-serif text-xs font-bold uppercase underline decoration-red-600 underline-offset-4">
Conflicto armado
</li>
<li class="inline px-2 text-xs last:hidden">/</li>
</ul>
</div>
</a>
<a href="#carousel__slide"
class="absolute sm:top-1/2 text-transparent text-center left-0 w-20 h-12 hidden sm:block">Prev</a>
<a href="#carousel__slide4"
class="absolute sm:top-1/2 text-transparent text-center right-0 w-20 h-12 hidden sm:block">Next</a>
</li>
<li id="carousel__slide4"
class="relative w-full grow-0 shrink-0 basis-full sm:w-[768px] mt-8 sm:pt-16 sm:mt-0 snap-center">
<a href="/publicaciones/investigaciones-analisis/2022-07/que-hacer-con-el-pnis-decisiones-claves-para-los-primeros-100-dias-de-gobierno" target="_self" class="hover:no-underline">
<img src="https://ideaspaz.imgix.net/images/62e9152aa6892.jpg?auto=format&crop=focalpoint&fp-x=0.5&fp-y=0.5&fp-z=1&w=720&h=420&fit=crop&ixlib=php-3.3.1"
class="w-full" width="720" height="420" alt="Colprensa"
title="Colprensa" />
<div class="relative z-10 m-auto block sm:bg-white p-6 pt-0 sm:-mt-4 sm:max-w-sm sm:pt-6">
<span
class="block border-t-8 border-t-red-600 pt-1 font-black uppercase text-red-600">Análisis</span>
<h3 class="mb-10 font-serif text-2xl font-semibold leading-7 tracking-tight">¿Qué hacer con el PNIS? Decisiones claves para los primeros 100 días de Gobierno</h3>
<ul>
<li
class="inline font-serif text-xs font-bold uppercase underline decoration-red-600 underline-offset-4">
Política de drogas
</li>
<li class="inline px-2 text-xs last:hidden">/</li>
<li
class="inline font-serif text-xs font-bold uppercase underline decoration-red-600 underline-offset-4">
Sustitución de cultivos ilícitos
</li>
<li class="inline px-2 text-xs last:hidden">/</li>
<li
class="inline font-serif text-xs font-bold uppercase underline decoration-red-600 underline-offset-4">
PNIS
</li>
<li class="inline px-2 text-xs last:hidden">/</li>
</ul>
</div>
</a>
<a href="#carousel__slide"
class="absolute sm:top-1/2 text-transparent text-center left-0 w-20 h-12 hidden sm:block">Prev</a>
<a href="#carousel__slide1"
class="absolute sm:top-1/2 text-transparent text-center right-0 w-20 h-12 hidden sm:block">Next</a>
</li>
</ul>
<svg xmlns="http://www.w3.org/2000/svg" class="absolute left-0 right-0 -bottom-10 mt-4 mx-auto block sm:hidden"
width="62" height="8" viewBox="0 0 62 8">
<g data-name="Group 4035" transform="translate(-150 -6796)">
<circle data-name="Ellipse 139" cx="4" cy="4" r="4" transform="translate(150 6796)" fill="#b5b5b5" />
<circle data-name="Ellipse 140" cx="4" cy="4" r="4" transform="translate(168 6796)" fill="#b5b5b5" />
<circle data-name="Ellipse 141" cx="4" cy="4" r="4" transform="translate(186 6796)" fill="#b5b5b5" />
<circle data-name="Ellipse 142" cx="4" cy="4" r="4" transform="translate(204 6796)" fill="#b5b5b5" />
</g>
</svg>
</div>
<svg class="m-6 sm:absolute sm:left-0 sm:bottom-24 sm:m-0 hidden sm:block" xmlns="http://www.w3.org/2000/svg" width="13.452" height="69.25" viewBox="0 0 13.452 69.25"> <defs> <clipPath id="arrow-down-a"> <path id="Rectangle_16" fill="none" d="M0 0h69.25v13.452H0z" data-name="Rectangle 16"/> </clipPath> </defs> <g id="Flecha" transform="translate(-139 -660)"> <g id="Group_611" data-name="Group 611" transform="rotate(90 -253.774 406.226)"> <path id="Path_4" fill="#040405" d="M43.9 0v1.836L49.862 6.7v.051L43.9 11.617v1.835l7.388-6.3v-.858Z" data-name="Path 4" transform="translate(17.965)"/> <path id="Path_5" fill="#040405" d="M0 6.725Z" data-name="Path 5"/> <g id="Group_14" data-name="Group 14"> <g id="Group_13" clip-path="url(#arrow-down-a)" data-name="Group 13"> <path id="Line_1" fill="none" stroke="#161615" stroke-miterlimit="10" stroke-width="1.389" d="M67.328 6.726H.001" data-name="Line 1"/> </g> </g> </g> </g> </svg>
</div>
</div>
</div>
<!-- post carousel block -->
<div class="sm:pt-2 pl-6 sm:px-0 max-w-screen-2xl mx-auto w-full mb-4 sm:mb-8 bg-[#F6F6F6]"
x-data="{ tab_selected: 'posts-tab-noticias', tab_more_link: '/publicaciones?refinementList%5Bcontent_type%5D%5B0%5D=Noticias' }">
<div class="container max-w-6xl pr-6 sm:px-0 sm:mx-auto -mt-4">
<div class="mb-2 h-2 sm:w-1/3 bg-fip-green"> </div>
<div class="flex font-black uppercase w-full text-fip-green">
<h2 id="publicaciones-recientes" class="text-xl sm:text-2xl">Publicaciones recientes</h2>
<a :href="tab_more_link" class="ml-auto mt-2 text-xs hover:no-underline">
<span class="before:content-['/'] before:pr-2 after:content-['/'] after:pl-2 font-normal whitespace-nowrap">
<span class="hidden sm:inline font-black">Ver todas las publicaciones</span>
<span class="inline sm:hidden font-black">Ver todo</span>
</span>
</a>
</div>
</div>
<div class="container max-w-6xl sm:mx-auto sm:grid sm:grid-cols-5 sm:gap-6 mt-4 sm:mt-12">
<ul class="sm:col-span-1 sm:block">
<li
class="mb-2 sm:border sm:border-fip-green inline sm:block after:content-['·'] sm:after:content-none after:text-xs after:font-normal after:text-fip-green after:mx-1 last:after:content-[''] sm:last:after:content-none"
x-bind:class="tab_selected == 'posts-tab-noticias' ? 'sm:border-2 font-bold sm:bg-white' : ''">
<button x-on:click="
tab_selected = 'posts-tab-noticias';
tab_more_link = '/publicaciones?refinementList%5Bcontent_type%5D%5B0%5D=Noticias'
"
class="sm:flex sm:items-center py-3 sm:p-3 text-xs uppercase text-fip-green sm:hover:bg-white hover:no-underline text-left sm:w-full mb-6 sm:mb-0">
Noticias
<svg class="ml-auto -rotate-90 fill-fip-green h-5 w-5 hidden sm:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" /> </svg>
</button>
</li>
<li
class="mb-2 sm:border sm:border-fip-green inline sm:block after:content-['·'] sm:after:content-none after:text-xs after:font-normal after:text-fip-green after:mx-1 last:after:content-[''] sm:last:after:content-none"
x-bind:class="tab_selected == 'posts-tab-investigaciones-analisis' ? 'sm:border-2 font-bold sm:bg-white' : ''">
<button x-on:click="
tab_selected = 'posts-tab-investigaciones-analisis';
tab_more_link = '/publicaciones?refinementList%5Bcontent_type%5D%5B0%5D=Análisis'
"
class="sm:flex sm:items-center py-3 sm:p-3 text-xs uppercase text-fip-green sm:hover:bg-white hover:no-underline text-left sm:w-full mb-6 sm:mb-0">
Análisis
<svg class="ml-auto -rotate-90 fill-fip-green h-5 w-5 hidden sm:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" /> </svg>
</button>
</li>
<li
class="mb-2 sm:border sm:border-fip-green inline sm:block after:content-['·'] sm:after:content-none after:text-xs after:font-normal after:text-fip-green after:mx-1 last:after:content-[''] sm:last:after:content-none"
x-bind:class="tab_selected == 'posts-tab-videos' ? 'sm:border-2 font-bold sm:bg-white' : ''">
<button x-on:click="
tab_selected = 'posts-tab-videos';
tab_more_link = '/publicaciones?refinementList%5Bcontent_type%5D%5B0%5D=Videos'
"
class="sm:flex sm:items-center py-3 sm:p-3 text-xs uppercase text-fip-green sm:hover:bg-white hover:no-underline text-left sm:w-full mb-6 sm:mb-0">
Videos
<svg class="ml-auto -rotate-90 fill-fip-green h-5 w-5 hidden sm:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" /> </svg>
</button>
</li>
<li
class="mb-2 sm:border sm:border-fip-green inline sm:block after:content-['·'] sm:after:content-none after:text-xs after:font-normal after:text-fip-green after:mx-1 last:after:content-[''] sm:last:after:content-none"
x-bind:class="tab_selected == 'posts-tab-podcasts' ? 'sm:border-2 font-bold sm:bg-white' : ''">
<button x-on:click="
tab_selected = 'posts-tab-podcasts';
tab_more_link = '/publicaciones?refinementList%5Bcontent_type%5D%5B0%5D=Fipcast'
"
class="sm:flex sm:items-center py-3 sm:p-3 text-xs uppercase text-fip-green sm:hover:bg-white hover:no-underline text-left sm:w-full mb-6 sm:mb-0">
Fipcast
<svg class="ml-auto -rotate-90 fill-fip-green h-5 w-5 hidden sm:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" /> </svg>
</button>
</li>
</ul>
<div class="sm:col-span-4 sm:-mr-96 pb-4 sm:pb-16">
<div x-ref="posts-tab-noticias"
x-show="tab_selected == 'posts-tab-noticias'"
x-transition:enter="transition ease-in-out duration-500 transform"
x-transition:enter-start="translate-x-[60px]" x-transition:enter-end="translate-x-0"
class="carousel flex snap-x snap-mandatory gap-4 overflow-x-auto pr-20">
<a href="/publicaciones/noticias/2022-10/dos-anos-conectando-las-regiones-del-uraba-antioqueno" target="_self"
class="w-64 flex-none snap-start bg-white hover:no-underline">
<div class="flex h-96 flex-col pb-8">
<img class="flex flex-none"
src="https://ideaspaz.imgix.net/images/img_20220923_105333-(1).jpg?auto=format&w=1024&crop=focalpoint&fp-x=0.5&fp-y=0.5&fp-z=1&w=260&h=148&fit=crop&ixlib=php-3.3.1"
alt="" />
<small
class="text-xs uppercase text-gray-300 p-4 pb-0">Noticias</small>
<h3 class="flex grow p-4 font-serif text-xl leading-6 tracking-tight">Dos años conectando las regiones del Urabá antioqueño con la alianza Cacao Conecta</h3>
<ul class="flex flex-none px-4">
<li
class="font-serif text-xs font-bold uppercase underline decoration-fip-green underline-offset-4">
Cacao Conecta
</li>
<li class="px-2 text-xs last:hidden">/</li>
</ul>
</div>
</a>
<a href="/publicaciones/noticias/2022-09/guias-colombia-realizo-taller-sobre-el-reporte-corporativo-en-derechos-humanos" target="_self"
class="w-64 flex-none snap-start bg-white hover:no-underline">
<div class="flex h-96 flex-col pb-8">
<img class="flex flex-none"
src="https://ideaspaz.imgix.net/images/sostenibilidad.jpg?auto=format&w=1024&crop=focalpoint&fp-x=0.5&fp-y=0.5&fp-z=1&w=260&h=148&fit=crop&ixlib=php-3.3.1"
alt="" />
<small
class="text-xs uppercase text-gray-300 p-4 pb-0">Noticias</small>
<h3 class="flex grow p-4 font-serif text-xl leading-6 tracking-tight">Guías Colombia avanza en fortalecer capacidades para el reporte corporativo en derechos humanos</h3>
<ul class="flex flex-none px-4">
<li
class="font-serif text-xs font-bold uppercase underline decoration-fip-green underline-offset-4">
Guías Colombia
</li>
<li class="px-2 text-xs last:hidden">/</li>
</ul>
</div>
</a>
<a href="/publicaciones/noticias/2022-09/memorando-conjunto-al-gobierno-nacional-sobre-la-nueva-politica-de-drogas" target="_self"
class="w-64 flex-none snap-start bg-white hover:no-underline">
<div class="flex h-96 flex-col pb-8">
<img class="flex flex-none"
src="https://ideaspaz.imgix.net/images/coca.jpg?auto=format&w=1024&crop=focalpoint&fp-x=0.5&fp-y=0.5&fp-z=1&w=260&h=148&fit=crop&ixlib=php-3.3.1"
alt="" />
<small
class="text-xs uppercase text-gray-300 p-4 pb-0">Noticias</small>
<h3 class="flex grow p-4 font-serif text-xl leading-6 tracking-tight">Memorando conjunto al Gobierno Nacional sobre la nueva política de drogas</h3>
<ul class="flex flex-none px-4">
<li
class="font-serif text-xs font-bold uppercase underline decoration-fip-green underline-offset-4">
Política de drogas
</li>
<li class="px-2 text-xs last:hidden">/</li>
</ul>
</div>
</a>
<a href="/publicaciones/noticias/2022-08/vuelve-el-diplomado-habilidades-gerenciales-para-la-reactivacion-la-sostenibilidad-y-la-paz" target="_self"
class="w-64 flex-none snap-start bg-white hover:no-underline">
<div class="flex h-96 flex-col pb-8">
<img class="flex flex-none"
src="https://ideaspaz.imgix.net/images/img_0662.JPG?auto=format&w=1024&crop=focalpoint&fp-x=0.5&fp-y=0.5&fp-z=1&w=260&h=148&fit=crop&ixlib=php-3.3.1"
alt="" />
<small
class="text-xs uppercase text-gray-300 p-4 pb-0">Noticias</small>
<h3 class="flex grow p-4 font-serif text-xl leading-6 tracking-tight">Vuelve el diplomado "Habilidades gerenciales para la reactivación, la sostenibilidad y la paz"</h3>
<ul class="flex flex-none px-4">
<li
class="font-serif text-xs font-bold uppercase underline decoration-fip-green underline-offset-4">