Compare commits

..

2 Commits

Author SHA1 Message Date
Julio Ruiz d5bf6e7386 Merge branch 'main' of https://gitea.carpa.com/LGCC/cdrdpyj 2026-02-11 21:39:05 -05:00
Julio Ruiz b700cf3d26 Fixed formation area styles for desktop 2026-02-11 21:38:31 -05:00
4 changed files with 58 additions and 19 deletions

View File

@ -2,46 +2,52 @@
import { Icon } from "astro-icon/components";
---
<div class="bg-[#BEA48D] py-20">
<div class="bg-[#BEA48D] py-32">
<div class="container mx-auto">
<h4>Programas y areas de acción</h4>
<h2>Formación y Capacitación</h2>
<p>El CPyJ desarrolla cursos, seminarios y programas de formación dirigidos a líderes, profesionales, referentes institucionales y actores con responsabilidad pública.</p>
<h4 class="text-lg text-center font-bold uppercase text-[#003421]">Programas y areas de acción</h4>
<h2 class="text-6xl text-center font-bold font-secondary my-8 text-[#003421]">Formación y Capacitación</h2>
<p class="text-lg w-2/3 mx-auto mb-20 text-[#003421]">El <strong>CPyJ desarrolla cursos, seminarios y programas de formación</strong> dirigidos a líderes, profesionales, referentes institucionales y actores con responsabilidad pública.</p>
<div class="grid grid-cols-3 gap-20">
<div class="bg-[#EBE5D0] p-12">
<div class="bg-[#EBE5D0] p-12 relative pb-40">
<Icon name="ph:arrow-circle-down-thin" class="text-6xl mb-12" />
<h4 class="text-[#003421] font-bold text-2xl mb-12">Area de Formacion</h4>
<p>
<ul>
<li>Liderazgo ético y estra- tégico.</li>
<li>Mediación y resolución responsable de conflic- tos.</li>
<li>Fe, valores y acción en el espacio público.</li>
<li>Análisis de escenarios internacionales y desa- fíos contemporáneos.</li>
<li>Fundamentos para la construcción de una paz sólida y duradera, con eje en Israel.</li>
<p class="text-lg">
<ul class="text-lg list-disc list-inside">
<li class="mb-8">Liderazgo ético y estratégico.</li>
<li class="mb-8">Mediación y resolución responsable de conflictos.</li>
<li class="mb-8">Fe, valores y acción en el espacio público.</li>
<li class="mb-8">Análisis de escenarios internacionales y desafíos contemporáneos.</li>
<li class="mb-8">Fundamentos para la construcción de una paz sólida y duradera, con eje en Israel.</li>
</ul>
</p>
<Icon name="ph:magnifying-glass" />
<div class="bottom-12 right-12 absolute">
<Icon name="icon_formation_1" class="text-8xl" />
</div>
</div>
<div class="bg-[#EBE5D0] p-12">
<div class="bg-[#EBE5D0] p-12 relative">
<Icon name="ph:arrow-circle-down-thin" class="text-6xl mb-12" />
<h4 class="text-[#003421] font-bold text-2xl mb-12">Asesoría y Consultoría</h4>
<p>Acompañamiento estratégico a organiza- ciones e instituciones que buscan diseñar e implementar iniciativas de impacto, alineadas con valores claros, objetivos transversales y una visión de largo plazo.</p>
<p class="text-lg">Acompañamiento estratégico a organiza- ciones e instituciones que buscan diseñar e implementar iniciativas de impacto, alineadas con valores claros, objetivos transversales y una visión de largo plazo.</p>
<Icon name="ph:magnifying-glass" />
<div class="bottom-12 right-12 absolute">
<Icon name="icon_formation_2" class="text-8xl" />
</div>
</div>
<div class="bg-[#EBE5D0] p-12">
<div class="bg-[#EBE5D0] p-12 relative">
<Icon name="ph:arrow-circle-down-thin" class="text-6xl mb-12" />
<h4 class="text-[#003421] font-bold text-2xl mb-12">Proyectos de Acción</h4>
<p>Desarrollo de iniciativas concretas en distintos territorios, orientadas a la formación, la preven- ción de conflictos y el fortalecimiento de lide- razgos locales con visión internacional.</p>
<p class="text-lg">Desarrollo de iniciativas concretas en distintos territorios, orientadas a la formación, la preven- ción de conflictos y el fortalecimiento de lide- razgos locales con visión internacional.</p>
<Icon name="ph:handshake-thin" />
<div class="bottom-12 right-12 absolute">
<Icon name="icon_formation_3" class="text-8xl" />
</div>
</div>
</div>
</div>

View File

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 579 580" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(1,0,0,1,-11685,-7723.99)">
<g transform="matrix(5.55556,0,0,5.55556,9900,0)">
<g transform="matrix(1,0,0,1,421.193,1401.59)">
<path d="M0,81.855L-7.284,89.139C-7.977,89.832 -9.018,89.832 -9.712,89.139L-30.522,68.328C-31.216,67.634 -31.216,66.594 -30.522,65.9L-23.065,58.616C-22.718,58.27 -22.371,58.096 -21.851,58.096C-21.504,58.096 -20.984,58.27 -20.811,58.616L0,79.427C0.694,80.121 0.694,81.161 0,81.855M-43.876,36.071C-44.569,35.725 -45.263,35.551 -46.13,35.551C-46.997,35.551 -47.691,35.725 -48.385,36.071L-58.79,25.666C-58.443,24.973 -58.27,24.279 -58.27,23.412C-58.27,20.463 -60.524,18.209 -63.472,18.209C-66.42,18.209 -68.675,20.463 -68.675,23.412C-68.675,24.452 -68.328,25.493 -67.808,26.36L-79.774,42.141C-81.681,38.673 -82.895,34.511 -82.895,30.175C-82.895,16.822 -71.97,5.896 -58.616,5.896C-46.65,5.896 -36.592,14.741 -34.684,26.187L-43.876,36.071ZM-44.396,40.754C-44.396,41.794 -45.09,42.488 -46.13,42.488C-47.171,42.488 -47.864,41.794 -47.864,40.754C-47.864,39.713 -47.171,39.02 -46.13,39.02C-45.09,39.02 -44.396,39.713 -44.396,40.754M-65.033,28.441C-64.513,28.614 -63.992,28.614 -63.472,28.614C-62.605,28.614 -61.911,28.441 -61.218,28.094L-50.812,38.5C-51.159,39.193 -51.333,39.887 -51.333,40.754C-51.333,43.702 -49.078,45.957 -46.13,45.957C-43.182,45.957 -40.927,43.702 -40.927,40.754C-40.927,39.887 -41.101,39.193 -41.448,38.5L-34.337,31.042C-34.684,44.049 -45.436,54.627 -58.616,54.627C-66.42,54.627 -73.184,50.986 -77.693,45.263L-65.033,28.441ZM-63.472,25.146C-64.513,25.146 -65.206,24.452 -65.206,23.412C-65.206,22.371 -64.513,21.678 -63.472,21.678C-62.432,21.678 -61.738,22.371 -61.738,23.412C-61.738,24.452 -62.432,25.146 -63.472,25.146M-39.02,54.627C-44.569,59.137 -51.333,61.564 -58.616,61.564C-75.785,61.564 -89.832,47.518 -89.832,30.349C-89.832,13.18 -75.785,-0.867 -58.616,-0.867C-44.916,-0.867 -33.123,8.151 -28.961,20.463L-31.736,23.412C-34.858,11.446 -45.783,2.601 -58.616,2.601C-73.877,2.601 -86.364,15.087 -86.364,30.349C-86.364,45.61 -73.877,58.096 -58.616,58.096C-43.355,58.096 -30.869,45.61 -30.869,30.349C-30.869,29.481 -30.869,28.441 -31.042,27.574L-28.094,24.452C-27.747,26.36 -27.574,28.441 -27.574,30.349C-27.574,37.632 -30.002,44.396 -34.511,49.945L-35.378,51.159L-27.921,58.616L-30.349,61.044L-37.806,53.587L-39.02,54.627ZM-94.688,66.767C-95.729,66.767 -96.422,66.073 -96.422,65.033C-96.422,63.992 -95.729,63.299 -94.688,63.299C-93.648,63.299 -92.954,63.992 -92.954,65.033C-92.954,66.073 -93.648,66.767 -94.688,66.767M-1.041,-7.804C0,-7.804 0.694,-7.11 0.694,-6.07C0.694,-5.029 0,-4.335 -1.041,-4.335C-2.081,-4.335 -2.775,-5.029 -2.775,-6.07C-2.775,-7.11 -2.081,-7.804 -1.041,-7.804M-18.209,56.188C-20.117,54.107 -23.412,54.107 -25.493,56.188L-30.696,50.986C-26.36,44.916 -23.932,37.806 -23.932,30.349C-23.932,27.227 -24.452,24.279 -25.146,21.504L-3.295,-1.388C-2.601,-1.041 -1.908,-0.867 -1.041,-0.867C1.908,-0.867 4.162,-3.122 4.162,-6.07C4.162,-9.018 1.908,-11.272 -1.041,-11.272C-3.989,-11.272 -6.243,-9.018 -6.243,-6.07C-6.243,-5.203 -6.07,-4.509 -5.723,-3.815L-26.36,17.689C-31.389,4.855 -44.049,-4.335 -58.616,-4.335C-77.693,-4.335 -93.301,11.272 -93.301,30.349C-93.301,38.152 -90.699,45.263 -86.364,50.986L-93.301,60.004C-93.648,60.004 -94.168,59.83 -94.688,59.83C-97.636,59.83 -99.891,62.085 -99.891,65.033C-99.891,67.981 -97.636,70.235 -94.688,70.235C-91.74,70.235 -89.485,67.981 -89.485,65.033C-89.485,63.992 -89.832,62.952 -90.353,62.085L-84.109,53.761C-77.693,60.697 -68.675,65.033 -58.616,65.033C-51.333,65.033 -44.049,62.605 -38.153,58.27L-32.777,63.646C-34.684,65.553 -34.684,68.848 -32.777,70.756L-11.966,91.566C-10.926,92.607 -9.712,93.127 -8.324,93.127C-7.11,93.127 -5.723,92.607 -4.682,91.566L2.601,84.283C4.682,82.375 4.682,79.08 2.601,76.999L-18.209,56.188Z" style="fill:rgb(0,52,33);fill-rule:nonzero;"/>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.2 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 7.2 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 12 KiB