-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
289 lines (289 loc) · 19.7 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
<!DOCTYPE html><!-- Last Published: Thu Jul 18 2024 00:43:00 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="66450c3259019af6265038d5" data-wf-site="66450c3259019af6265038d3" lang="es">
<head>
<meta charset="utf-8">
<title>Informe PODER 2023</title>
<meta content="En 2023, nos lanzamos en un viaje interestelar que nos llevó a horizontes inesperados y también a profundizar en galaxias conocidas." name="description">
<meta content="width=device-width, initial-scale=1" name="viewport">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/components.css" rel="stylesheet" type="text/css">
<link href="css/informepoder2023.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com" rel="preconnect">
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Ubuntu:300,300italic,400,400italic,500,500italic,700,700italic","Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic","PT Sans:400,400italic,700,700italic","Ubuntu Sans:100,300,regular,500,600,700,800"] }});</script>
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.png" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
<style>
html {
height: auto !important;
}
body {
background-image: linear-gradient(#062E43, #054B71, #2F698B, #48839E, #4C9FA7, #75CCD4) !important;
background-position: top;
background-repeat: no-repeat;
background-attachment: scroll;
background-size: cover;
}
.btn-gradient {
position: relative;
-webkit-transition: 2s;
transition: 2s;
}
.btn-gradient::before {
content: "";
position: absolute;
inset: 0;
border-radius: 5px;
padding: 3px;
background:linear-gradient(to right, #4a3ffa, #5ad7c6);
-webkit-transition: 2s;
transition: 2s;
-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
}
.btn-gradient:hover::before {
content: "";
position: absolute;
inset: 0;
border-radius: 5px;
padding: 3px;
background:linear-gradient(to left, #4a3ffa, #5ad7c6);
-webkit-transition: 2s;
transition: 2s;
-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
}
.star-numbers::before {
content: "";
position: absolute;
inset: 0;
border-radius: 20px;
padding: 3px;
background:linear-gradient(to right, #4a3ffa, #5ad7c6);
-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
}
.box-gradient::before {
content: "";
position: absolute;
inset: 0;
border-radius: 20px;
padding: 3px;
background:linear-gradient(to right, #4a3ffa, #5ad7c6);
-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
}
.linedecoration::after {
content:'';
width:100%;
position: absolute;
right:0;
bottom: 0;
height: 3px;
background: -webkit-linear-gradient(to right, #4a3ffa, #5ad7c6);
background: linear-gradient(to right, #4a3ffa, #5ad7c6);
}
.navlink:hover::after, .navlink.w--current::after {
content:'';
width:70%;
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: auto;
height: 3px;
background: -webkit-linear-gradient(to right, #4a3ffa, #5ad7c6);
background: linear-gradient(to right, #4a3ffa, #5ad7c6);
}
</style>
</head>
<body class="body">
<div data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease-in-out-quad" data-easing2="ease" role="banner" class="navbar w-nav">
<div class="w100 text-center">
<a href="index.html" aria-current="page" class="brand w-nav-brand w--current"><img src="images/logoPODER_19.png" loading="lazy" alt="" class="logo-informe"></a>
<nav role="navigation" class="navmenu w-nav-menu">
<a href="index.html" aria-current="page" class="navlink w-nav-link w--current">El<br>Despegue</a>
<a href="estrellas-alcanzadas.html" class="navlink w-nav-link">Estrellas<br>Alcanzadas</a>
<a href="planetas-descubiertos.html" class="navlink w-nav-link">Planetas<br>Descubiertos</a>
<a href="navegando-juntes.html" class="navlink w-nav-link">Navegando<br>Juntes</a>
<a href="galaxias-conectadas.html" class="navlink w-nav-link">Galaxias<br>Conectadas</a>
<a href="mensajes-estelares.html" class="navlink w-nav-link">Mensajes<br>Estelares</a>
<a href="combustible-para-el-viaje.html" class="navlink w-nav-link">Combustible <br>para el viaje</a>
<a href="nuestro-universo.html" class="navlink w-nav-link">Nuestro <br>Universo</a>
</nav>
<div id="open-navmenu" class="menu-button w-nav-button">
<div class="w-icon-nav-menu"></div>
</div>
</div>
</div>
<div class="stars-bg"></div>
<section id="inicio" data-w-id="0ae851db-9958-fa46-2af6-a89cc85c6554" class="section">
<div data-w-id="60da6148-29d6-4ab0-5644-1ace0bce5c7a" style="-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="w-layout-blockcontainer container mt-40 w-container">
<div class="columns-32 w-row">
<div class="w-col w-col-8">
<h1 data-w-id="4545aa87-a679-8c20-89de-27b8e5273e24" style="-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="heading h1 main">Descubriendo constelaciones <br>de poder</h1>
<h2 class="heading h2 white-text b">Informe anual 2023</h2>
<div class="mt-20">
<a href="#sobre-el-viaje" class="button btn-gradient w-inline-block"><img src="images/Icono_Flecha-abajo.png" loading="lazy" alt="" class="icono-flecha-abajo">
<div class="text-block-3">Comenzar</div>
</a>
</div>
</div>
<div class="w-col w-col-4"><img src="images/constelacion1.png" loading="lazy" alt="" class="constelacion"></div>
</div>
</div>
<div data-w-id="cd554c9e-bf00-4f48-5033-19c4da928763" style="-webkit-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="w-layout-blockcontainer container relative w-container"><img src="images/Icono_Flecha.png" loading="lazy" sizes="30px" srcset="images/Icono_Flecha-p-500.png 500w, images/Icono_Flecha.png 512w" alt="" class="icon-flecha _2">
<h2 id="sobre-el-viaje" class="heading h2 inline">Sobre <br>este viaje</h2>
<div class="columns-33 w-row">
<div class="w-col w-col-6 w-col-medium-6 w-col-small-small-stack">
<p>En 2023, nos lanzamos en un viaje interestelar que nos llevó a horizontes inesperados y también a profundizar en galaxias conocidas. <br><br>Fortalecimos nuestro trabajo en las industrias extractivas, enfocándonos sobre todo en la transición energética y abogando porque ésta sea justa y no repita patrones dañinos para las personas y el ambiente. Exploramos las consecuencias de la industria farmacéutica en el derecho humano a la salud durante la pandemia y expusimos sus patrones de captura del Estado. Contamos historias, develando el rol del sector privado en abusos a los derechos humanos, sin perder nunca de vista el rostro y las voces de las personas afectadas.<br><br>Continuamos caminando junto a las comunidades del Río Sonora en su larga lucha por la justicia y reparación integral, y con las compañeras de la Sierra Norte de Puebla en la consolidación del Colectivo Regional en Defensa de los Bosques y el Territorio. Navegamos colectivamente por cielos agitados para incidir en México y a nivel internacional en el desarrollo de políticas públicas y de instrumentos regulatorios que protejan los derechos humanos en el contexto de la actividad empresarial.<br><br>Nos paramos con orgullo frente a la lluvia de meteoritos de la ultraderecha que avanza en nuestra región.</p>
</div>
<div class="w-col w-col-6 w-col-medium-6 w-col-small-small-stack">
<p>Denunciamos con voz fuerte las vulneraciones a las mujeres, las personas LGBTI+, las comunidades racializadas e históricamente excluidas.<br><br>Nos hicimos preguntas, seguimos trabajando para buscar respuestas.<br><br>Nos abrazamos para celebrar algunas victorias y continuamos poniendo todo nuestro esfuerzo y compromiso en hacer de este universo un espacio mejor, más incluyente de todas las personas, más democrático y donde la rendición de cuentas del sector público y privado se convierta en una realidad.<br><br>Agradecemos a las comunidades que nos permiten caminar a su lado, a las aliadas de sociedad civil por el trabajo compartido y a las donantes que confían en el diseño de esta compleja nave espacial que somos y en el impacto que estamos generando. <br><br>Y gracias a quienes nos leen, difunden nuestro trabajo, utilizan nuestras herramientas, nos retroalimentan y se unen a esta travesía.<br><br>Les invitamos a internarse con nosotres en este repaso por el viaje de PODER en 2023.<br><br><strong>Fernanda y Elena.</strong></p>
</div>
</div><img src="images/cohete.png" loading="lazy" sizes="(max-width: 479px) 92vw, (max-width: 767px) 77vw, (max-width: 991px) 48vw, 37vw" srcset="images/cohete-p-500.png 500w, images/cohete.png 541w" alt="" class="cohete">
</div>
</section>
<section data-w-id="cb1d5088-26f0-6dc9-517b-d0cdf9097228" class="section">
<div class="w-layout-blockcontainer container w-container"><img src="images/Icono_Flecha.png" loading="lazy" sizes="30px" srcset="images/Icono_Flecha-p-500.png 500w, images/Icono_Flecha.png 512w" alt="" class="icon-flecha _2">
<h2 class="heading h2 inline">Quiénes <br>somos</h2>
<div class="pl">
<p>Proyecto sobre Organización, Desarrollo, Educación e Investigación (PODER) somos una organización de la sociedad civil, regional y sin fines de lucro, fundada en 2010.<br><br>Buscamos fomentar la transparencia y rendición de cuentas de las empresas en América Latina, desde una perspectiva de derechos humanos, género e interseccionalidad; así como fortalecer a personas, comunidades y organizaciones de la sociedad civil afectadas por prácticas empresariales, con el fin de que actúen como garantes de la rendición de cuentas a largo plazo. <br><br>Centramos nuestro análisis en el reconocimiento de las relaciones de poder desiguales en la toma de decisiones políticas y económicas que afectan a las sociedades latinoamericanas en su conjunto.<br></p>
<div class="mt-30">
<div class="inline">
<a href="https://poderlatam.org/" target="_blank" class="button bg">Visita nuestro sitio web</a>
</div>
<div class="inline mr-20">
<a href="nuestro-universo.html" class="button bg">Conoce a la tripulación</a>
</div>
</div>
</div><img src="images/planeta_PODER.png" loading="lazy" sizes="(max-width: 479px) 92vw, (max-width: 767px) 77vw, 50vw" srcset="images/planeta_PODER-p-500.png 500w, images/planeta_PODER-p-800.png 800w, images/planeta_PODER-p-1080.png 1080w, images/planeta_PODER.png 1412w" alt="" class="planeta-decoracion">
</div>
</section>
<section class="section">
<div class="w-layout-blockcontainer container w-container">
<p class="quote">Nuestra misión es <span class="gradient-text-orange-yellow">exponer y desentrañar la captura del Estado</span> por parte de las corporaciones, mediante la cual <span class="gradient-text-orange-yellow">las élites políticas y económicas controlan las decisiones</span> de política económica nacional para su propio beneficio, limitando o excluyendo al resto de la sociedad.<br></p>
<p class="mt-40 pl">Centramos nuestro trabajo en industrias no deslocalizables, como la minería y combustibles fósiles, infraestructura, transporte, manufactura pesada, sector financiero y, más recientemente, en la industria farmacéutica. Creemos que es allí donde las corporaciones tienen los impactos más generalizados sobre los derechos humanos, las comunidades y sus medios de vida, y donde los esfuerzos de reparación y remediación pueden conducir a un cambio sistémico.<br></p>
</div>
</section>
<section data-w-id="7810f40a-46b3-4161-e356-5071f5f80c0b" class="section">
<div class="w-layout-blockcontainer container relative w-container"><img src="images/Estrellas_GalaxiasConectadas1.png" loading="lazy" sizes="(max-width: 479px) 73vw, (max-width: 767px) 76vw, (max-width: 991px) 77vw, 80vw" srcset="images/Estrellias_Nuestras-estrategias2-p-500.png 500w, images/Estrellias_Nuestras-estrategias2-p-800.png 800w, images/Estrellias_Nuestras-estrategias2-p-1080.png 1080w, images/Estrellias_Nuestras-estrategias2-p-1600.png 1600w, images/Estrellias_Nuestras-estrategias2-p-2000.png 2000w, images/Estrellas_GalaxiasConectadas1.png 2536w" alt="" class="estrellas-home"><img src="images/Icono_Flecha.png" loading="lazy" sizes="30px" srcset="images/Icono_Flecha-p-500.png 500w, images/Icono_Flecha.png 512w" alt="" class="icon-flecha _2">
<h2 class="heading h2 inline">Nuestras <br>estrategias</h2>
<div class="w-layout-grid grid-home">
<div id="w-node-fe3ff2de-e529-8f0c-0df6-9e91bd4a5177-265038d5" class="cloneable-area">
<div class="c-flip-card">
<div class="_w-flip-card">
<div class="c-card-front">
<div class="_w-card-front">
<div class="c-card-text">
<div class="c-card-title">
<div class="card-title-2 gradient-text-orange-yellow"><strong>Investigación corporativa, <br>datos y periodismo</strong></div>
</div>
</div>
</div>
</div>
<div class="c-card-back">
<div class="_w-card-back">
<div class="c-card-quote">
<div class="_w-card-quote">
<p class="card-quote home"><span>en industrias clave para exponer patrones de abusos de derechos humanos por parte de las empresas, cerrar brechas en el acceso a la información y apoyar estrategias de rendición de cuentas y justicia para las comunidades afectadas por actividades corporativas.</span></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="w-node-_27ae701f-5ec5-66b6-3499-a6d46d18304a-265038d5" class="cloneable-area">
<div class="c-flip-card">
<div class="_w-flip-card">
<div class="c-card-front">
<div class="_w-card-front">
<div class="c-card-text">
<div class="c-card-title">
<div class="card-title-2 gradient-text-orange-yellow"><strong>Vinculación e incidencia<br></strong></div>
</div>
</div>
</div>
</div>
<div class="c-card-back">
<div class="_w-card-back">
<div class="c-card-quote">
<div class="_w-card-quote">
<p class="card-quote home"><span>a nivel nacional, regional e internacional, con tomadores de decisiones, inversionistas, comunidades y organizaciones para mejorar y establecer la normativa y regulación de respeto a los derechos humanos y su garantía por parte de las empresas y el Estado; facilitar la participación de la sociedad civil, el acceso a la justicia y reparación cuando hay daños; y prevenir futuros impactos negativos. </span></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="w-node-_890d64aa-2232-15e8-eacc-d418e1ec4d90-265038d5" class="cloneable-area">
<div class="c-flip-card">
<div class="_w-flip-card">
<div class="c-card-front">
<div class="_w-card-front">
<div class="c-card-text">
<div class="c-card-title">
<div class="card-title-2 gradient-text-orange-yellow"><strong>Organización <br>comunitaria y litigio</strong></div>
</div>
</div>
</div>
</div>
<div class="c-card-back">
<div class="_w-card-back">
<div class="c-card-quote">
<div class="_w-card-quote">
<p class="card-quote home"><span>con comunidades afectadas por prácticas corporativas nocivas, con el objetivo de promover el fortalecimiento de sus capacidades para la defensa de sus derechos para que sean agentes de cambio a largo plazo.</span></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="w-node-b5ed14c5-29ff-1833-658a-0735f705022c-265038d5" class="cloneable-area">
<div class="c-flip-card">
<div class="_w-flip-card">
<div class="c-card-front">
<div class="_w-card-front">
<div class="c-card-text">
<div class="c-card-title">
<div class="card-title-2 gradient-text-orange-yellow"><strong>Comunicación pública<br></strong></div>
</div>
</div>
</div>
</div>
<div class="c-card-back">
<div class="_w-card-back">
<div class="c-card-quote">
<div class="_w-card-quote">
<p class="card-quote home"><span>con mensajes estratégicos que aumenten la conciencia pública sobre el impacto de las prácticas corporativas y que movilicen al público objetivo para que las empresas y los gobiernos rindan cuentas.</span></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=66450c3259019af6265038d3" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/informepoder2023.js" type="text/javascript"></script>
</body>
</html>