{"id":964,"date":"2026-07-10T21:08:37","date_gmt":"2026-07-10T21:08:37","guid":{"rendered":"https:\/\/ose-echange.org\/recursos\/cuaderno-fundador-9-los-caminos-de-transformacion\/"},"modified":"2026-08-03T20:00:04","modified_gmt":"2026-08-03T20:00:04","slug":"cuaderno-fundador-9-los-caminos-de-transformacion","status":"publish","type":"page","link":"https:\/\/ose-echange.org\/es\/biblioteca\/cahiers-de-base\/cuaderno-fundador-9-los-caminos-de-transformacion\/","title":{"rendered":"Cuaderno Fundador 9 &#8211; Los caminos de transformaci\u00f3n"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"964\" class=\"elementor elementor-964 elementor-258\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8904d42 e-flex e-con-boxed e-con e-parent\" data-id=\"8904d42\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dfc5f5c elementor-widget elementor-widget-html\" data-id=\"dfc5f5c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     OSE \u2014 CAHIER FONDATEUR 9 : LES CHEMINS DE TRANSFORMATION\r\n     Corps + pied de page uniquement (header global exclu)\r\n     Pr\u00e9fixe CSS unique : .ocf9-\r\n     ============================================================ -->\r\n<div class=\"ocf9-wrap\">\r\n<style>\r\n.ocf9-wrap{\r\n  --navy:#0B2748;\r\n  --orange:#FF8C00;\r\n  --cream:#EFE2C4;\r\n  --green:#2F6B45;\r\n  --gold:#C8862B;\r\n  --bg-page:#FAF8F3;\r\n  --bg-card:#FFFFFF;\r\n  --text-body:#2B2F36;\r\n  --font-head:'Playfair Display', Georgia, serif;\r\n  --font-label:'Montserrat', Arial, sans-serif;\r\n  --font-body:'Open Sans', Arial, sans-serif;\r\n  all: initial;\r\n  display:block;\r\n  font-family: var(--font-body);\r\n  color: var(--text-body);\r\n  background: var(--bg-page);\r\n  box-sizing: border-box;\r\n  line-height: 1.5;\r\n  overflow-x: hidden;\r\n  width: 100%;\r\n}\r\n.ocf9-wrap *{ box-sizing: border-box; margin:0; padding:0; font-family: inherit; }\r\n.ocf9-wrap img{ max-width:100%; display:block; }\r\n.ocf9-wrap a{ text-decoration:none; cursor:pointer; }\r\n.ocf9-wrap ul{ list-style:none; }\r\n.ocf9-wrap svg{ display:block; }\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700;800&family=Montserrat:wght@500;600;700;800&family=Open+Sans:wght@400;500;600;700&display=swap');\r\n\r\n\/* ---------- layout helpers ---------- *\/\r\n.ocf9-section{\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 0 clamp(20px, 4vw, 64px);\r\n}\r\n.ocf9-eyebrow-rule{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:18px;\r\n  margin: 0 0 30px;\r\n}\r\n.ocf9-eyebrow-rule::before,\r\n.ocf9-eyebrow-rule::after{\r\n  content:\"\";\r\n  flex:0 0 60px;\r\n  height:2px;\r\n  background: linear-gradient(90deg, transparent, var(--orange));\r\n}\r\n.ocf9-eyebrow-rule::after{ background: linear-gradient(90deg, var(--orange), transparent); }\r\n.ocf9-eyebrow-rule span{\r\n  font-family: var(--font-label);\r\n  font-weight: 800;\r\n  letter-spacing: 2px;\r\n  font-size: clamp(18px, 2vw, 30px);\r\n  color: var(--navy);\r\n  text-align:center;\r\n}\r\n\r\n\/* ================= HERO \/ TITRE ================= *\/\r\n.ocf9-hero{\r\n  padding-top: clamp(36px, 5vw, 64px);\r\n  padding-bottom: 8px;\r\n}\r\n.ocf9-hero h1{\r\n  font-family: var(--font-head);\r\n  font-weight: 800;\r\n  color: var(--navy);\r\n  font-size: clamp(24px, 3.4vw, 34px);\r\n  line-height: 1.15;\r\n  letter-spacing: 0.2px;\r\n  overflow-wrap: break-word;\r\n  word-break: break-word;\r\n  width: 100%;\r\n  margin-bottom: 22px;\r\n}\r\n.ocf9-hero .ocf9-rule{\r\n  width: 90px;\r\n  height: 4px;\r\n  background: var(--orange);\r\n  margin: 20px 0 22px;\r\n  border-radius: 4px;\r\n}\r\n.ocf9-hero p.ocf9-intro{\r\n  font-size: 16px;\r\n  color: #262B33;\r\n  width: 100%;\r\n  max-width: 100%;\r\n  line-height: 1.8;\r\n  margin-bottom: 18px;\r\n}\r\n.ocf9-hero p.ocf9-intro:last-of-type{ margin-bottom:0; }\r\n.ocf9-hero .ocf9-triad{\r\n  font-size: 16px;\r\n  line-height: 1.8;\r\n  width: 100%;\r\n  max-width: 100%;\r\n  margin: 20px 0;\r\n  font-family: var(--font-label);\r\n  font-weight: 800;\r\n}\r\n.ocf9-hero .ocf9-triad span:nth-child(1){ color: var(--navy); }\r\n.ocf9-hero .ocf9-triad span:nth-child(2){ color: var(--orange); }\r\n.ocf9-hero .ocf9-triad span:nth-child(3){ color: var(--green); }\r\n\r\n\/* ================= ESSENTIEL EN UNE MINUTE ================= *\/\r\n.ocf9-essentiel{\r\n  margin: clamp(28px,3vw,40px) auto 0;\r\n  max-width: 900px;\r\n  background: #EAF1FB;\r\n  border: 1px solid #D3E1F5;\r\n  border-radius: 18px;\r\n  padding: clamp(22px,3vw,30px) clamp(22px,3.5vw,36px);\r\n  display:flex;\r\n  gap: 18px;\r\n  align-items:flex-start;\r\n}\r\n.ocf9-essentiel .ocf9-ico{\r\n  flex: none;\r\n  width: 46px; height:46px;\r\n  border-radius: 50%;\r\n  background: #FFFFFF;\r\n  border: 2px solid var(--navy);\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n}\r\n.ocf9-essentiel .ocf9-ico svg{ width:24px; height:24px; }\r\n.ocf9-essentiel h3{\r\n  font-family: var(--font-label);\r\n  font-weight: 800;\r\n  letter-spacing: 1px;\r\n  color: var(--navy);\r\n  font-size: 17px;\r\n  margin-bottom: 12px;\r\n}\r\n.ocf9-essentiel p{\r\n  font-size: 16px;\r\n  color: #1E3A66;\r\n  line-height: 1.75;\r\n}\r\n.ocf9-essentiel p + p{ margin-top:10px; font-weight:700; }\r\n\r\n\/* ================= SCHEMA \u2014 LE TRIANGLE DE TRANSFORMATION ================= *\/\r\n.ocf9-schema{\r\n  padding-top: clamp(56px,6vw,80px);\r\n  padding-bottom: 10px;\r\n}\r\n.ocf9-tri-outer{\r\n  max-width: 980px;\r\n  margin: 0 auto;\r\n}\r\n.ocf9-tri{\r\n  position: relative;\r\n  width: 100%;\r\n  aspect-ratio: 1 \/ 1.58;\r\n}\r\n.ocf9-tri svg.ocf9-tri-lines{\r\n  position:absolute; inset:0;\r\n  width:100%; height:100%;\r\n  z-index: 1;\r\n}\r\n.ocf9-tri-lines.ocf9-tri-lines-mobile{ display:none; }\r\n.ocf9-tri-node{\r\n  position:absolute;\r\n  transform: translate(-50%, 0);\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  width: 34%;\r\n  text-align:center;\r\n  z-index: 2;\r\n}\r\n.ocf9-node-a{ left:26%; top:2%; }\r\n.ocf9-node-b{ left:74%; top:2%; }\r\n.ocf9-node-c{ left:50%; top:58%; width:40%; }\r\n.ocf9-tri-pill{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:9px;\r\n  padding: 10px 22px;\r\n  border-radius: 50px;\r\n  color:#fff;\r\n  font-family: var(--font-label);\r\n  font-weight:800;\r\n  letter-spacing:0.5px;\r\n  font-size: clamp(13px, 1.5vw, 17px);\r\n  box-shadow: 0 5px 14px rgba(11,39,72,0.26);\r\n  white-space: nowrap;\r\n  margin-bottom: 14px;\r\n}\r\n.ocf9-tri-pill svg{ width:18px; height:18px; flex:none; }\r\n.ocf9-tri-photo{\r\n  position: relative;\r\n  width: 100%;\r\n  aspect-ratio: 3 \/ 2;\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  box-shadow: 0 10px 26px rgba(11,39,72,0.18);\r\n  border: 4px solid #FFFFFF;\r\n  outline: 1px solid #ECE6D8;\r\n}\r\n.ocf9-tri-photo-fallback{\r\n  position: absolute;\r\n  inset: 0;\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap: 8px;\r\n  padding: 9%;\r\n  z-index: 1;\r\n}\r\n.ocf9-tri-photo img{\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  display: block;\r\n  z-index: 2;\r\n}\r\n.ocf9-tri-photo svg{ width: 22%; height:auto; flex:none; }\r\n.ocf9-tri-photo span{\r\n  font-family: var(--font-label);\r\n  font-weight: 700;\r\n  font-size: clamp(10.5px, 1.05vw, 13px);\r\n  color: #7C7566;\r\n  font-style: italic;\r\n  line-height: 1.35;\r\n}\r\n.ocf9-tri-node p.ocf9-tri-caption{\r\n  margin-top: 12px;\r\n  font-size: clamp(12.5px, 1.25vw, 15px);\r\n  line-height: 1.5;\r\n  color: #333A46;\r\n  max-width: 300px;\r\n}\r\n.ocf9-tri-node p.ocf9-tri-caption b{ color: var(--navy); }\r\n.ocf9-tri-center{\r\n  position:absolute; left:50%; top:44%; transform:translate(-50%,-50%);\r\n  width: 22%;\r\n  aspect-ratio:1\/1;\r\n  border-radius:50%;\r\n  background: #FFFFFF;\r\n  border: 3px solid #EFE2C4;\r\n  display:flex; align-items:center; justify-content:center; flex-direction:column;\r\n  box-shadow: 0 8px 24px rgba(11,39,72,0.2);\r\n  text-align:center;\r\n  padding: 0;\r\n  z-index: 4;\r\n  overflow: hidden;\r\n}\r\n.ocf9-tri-center-icon{\r\n  width: 26%;\r\n  height: auto;\r\n  margin-bottom: 6%;\r\n  flex: none;\r\n}\r\n.ocf9-tri-center .ocf9-tc-title{\r\n  font-family: var(--font-label);\r\n  font-weight:800;\r\n  letter-spacing: 0.2px;\r\n  color: var(--navy);\r\n  font-size: clamp(10px, 1.3vw, 14px);\r\n  line-height: 1.15;\r\n  width: 78%;\r\n  white-space: nowrap;\r\n}\r\n.ocf9-tri-center .ocf9-tc-sub{\r\n  font-size: clamp(9px, 1.05vw, 12px);\r\n  color:#333A46;\r\n  margin-top: 4px;\r\n  line-height:1.3;\r\n  width: 74%;\r\n  overflow-wrap: break-word;\r\n}\r\n.ocf9-tri-center .ocf9-tc-sub b{ color: var(--navy); }\r\n\r\n\/* ================= LES 3 CARTES DETAILLEES ================= *\/\r\n.ocf9-cartes{\r\n  padding-top: clamp(52px,6vw,76px);\r\n}\r\n.ocf9-cartes-grid{\r\n  display:grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 20px;\r\n}\r\n.ocf9-carte{\r\n  background: var(--bg-card);\r\n  border: 1px solid #ECE6D8;\r\n  border-radius: 16px;\r\n  padding: 26px 24px 24px;\r\n  box-shadow: 0 3px 14px rgba(11,39,72,0.06);\r\n}\r\n.ocf9-carte-head{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:12px;\r\n  margin-bottom: 16px;\r\n  padding-bottom: 14px;\r\n  border-bottom: 1px solid #EFEAE0;\r\n}\r\n.ocf9-carte-head .ocf9-c-ico{\r\n  flex:none;\r\n  width: 38px; height:38px;\r\n  border-radius:50%;\r\n  display:flex; align-items:center; justify-content:center;\r\n}\r\n.ocf9-carte-head .ocf9-c-ico svg{ width:20px; height:20px; }\r\n.ocf9-carte-head h4{\r\n  font-family: var(--font-label);\r\n  font-weight: 800;\r\n  letter-spacing: 0.4px;\r\n  font-size: 17px;\r\n}\r\n.ocf9-carte p{\r\n  font-size: 16px;\r\n  line-height: 1.75;\r\n  color: #3A404C;\r\n  margin-bottom: 14px;\r\n}\r\n.ocf9-carte p:last-child{ margin-bottom:0; }\r\n.ocf9-carte p.ocf9-highlight{\r\n  font-weight:700;\r\n  padding-top: 10px;\r\n  border-top: 1px dashed #EFEAE0;\r\n}\r\n\r\n\/* ================= TROIS CHEMINS COMPLEMENTAIRES ================= *\/\r\n.ocf9-complement{\r\n  padding-top: clamp(52px,6vw,76px);\r\n}\r\n.ocf9-complement-inner{\r\n  max-width: 1080px;\r\n  margin: 0 auto;\r\n}\r\n.ocf9-comp-row{\r\n  display:grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 22px;\r\n  padding-bottom: 26px;\r\n}\r\n.ocf9-comp-item{\r\n  display:flex;\r\n  align-items:flex-start;\r\n  gap:14px;\r\n}\r\n.ocf9-comp-item .ocf9-comp-dot{\r\n  flex:none;\r\n  width: 46px; height:46px;\r\n  border-radius:50%;\r\n  display:flex; align-items:center; justify-content:center;\r\n  box-shadow: 0 3px 10px rgba(11,39,72,0.14);\r\n}\r\n.ocf9-comp-item .ocf9-comp-dot svg{ width:24px; height:24px; }\r\n.ocf9-comp-item .ocf9-comp-title{\r\n  font-family: var(--font-label);\r\n  font-weight:800;\r\n  color: var(--navy);\r\n  font-size: 16px;\r\n  margin-bottom: 5px;\r\n}\r\n.ocf9-comp-item .ocf9-comp-text{\r\n  font-size: 16px;\r\n  color:#3A404C;\r\n  line-height:1.6;\r\n}\r\n.ocf9-comp-quote{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap: 14px;\r\n  text-align:center;\r\n  background: #FBF4E6;\r\n  border: 1px solid #EFDFC0;\r\n  border-radius: 50px;\r\n  padding: 20px 30px;\r\n}\r\n.ocf9-comp-quote svg{ flex:none; width:26px; height:26px; }\r\n.ocf9-comp-quote p{\r\n  font-family: var(--font-head);\r\n  font-weight:700;\r\n  font-style: italic;\r\n  color: var(--navy);\r\n  font-size: 18px;\r\n}\r\n\r\n\/* ================= BARRE INFO (Carte identite \/ Une invitation \/ Documents lies) ================= *\/\r\n.ocf9-infobar{\r\n  padding-top: clamp(52px,6vw,76px);\r\n}\r\n.ocf9-infogrid{\r\n  display:grid;\r\n  grid-template-columns: 1fr 1.2fr 1fr;\r\n  gap: 22px;\r\n  align-items:start;\r\n}\r\n.ocf9-infobox{\r\n  background: var(--bg-card);\r\n  border: 1px solid #ECE6D8;\r\n  border-radius: 16px;\r\n  padding: 24px 24px 26px;\r\n  height:100%;\r\n}\r\n.ocf9-infobox h5{\r\n  font-family: var(--font-label);\r\n  font-weight:800;\r\n  letter-spacing:1px;\r\n  color: var(--navy);\r\n  font-size: 17px;\r\n  margin-bottom: 20px;\r\n  padding-bottom: 13px;\r\n  border-bottom: 1px solid #EFEAE0;\r\n  text-align:center;\r\n}\r\n.ocf9-idrow{\r\n  display:flex;\r\n  gap:12px;\r\n  align-items:flex-start;\r\n  margin-bottom: 16px;\r\n}\r\n.ocf9-idrow:last-child{ margin-bottom:0; }\r\n.ocf9-idrow svg{ flex:none; width:20px; height:20px; margin-top:2px; }\r\n.ocf9-idrow .ocf9-idlabel{\r\n  font-family: var(--font-label);\r\n  font-weight:700;\r\n  color: var(--navy);\r\n  font-size: 15px;\r\n  margin-bottom:3px;\r\n}\r\n.ocf9-idrow .ocf9-idvalue{\r\n  font-size: 16px;\r\n  color:#3A404C;\r\n  line-height:1.6;\r\n}\r\n.ocf9-invit-ico{\r\n  width: 54px; height:54px;\r\n  border-radius:50%;\r\n  border: 2px solid var(--navy);\r\n  display:flex; align-items:center; justify-content:center;\r\n  margin: 0 auto 16px;\r\n}\r\n.ocf9-invit-ico svg{ width:28px; height:28px; }\r\n.ocf9-infobox p.ocf9-invit-text{\r\n  font-size: 16px;\r\n  line-height: 1.72;\r\n  color: #3A404C;\r\n  margin-bottom: 14px;\r\n}\r\n.ocf9-invit-list{\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap: 12px;\r\n  margin: 16px 0;\r\n}\r\n.ocf9-invit-list-item{\r\n  display:flex;\r\n  align-items:center;\r\n  gap: 10px;\r\n  font-family: var(--font-label);\r\n  font-weight:700;\r\n  font-size: 16px;\r\n}\r\n.ocf9-invit-list-item .ocf9-invit-dot{\r\n  flex:none;\r\n  width: 28px; height:28px;\r\n  border-radius:50%;\r\n  display:flex; align-items:center; justify-content:center;\r\n}\r\n.ocf9-invit-list-item .ocf9-invit-dot svg{ width:15px; height:15px; }\r\n.ocf9-doclink{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:10px;\r\n  padding: 12px 14px;\r\n  margin: 0 -14px;\r\n  border-radius: 50px;\r\n  border-bottom: 1px solid #EFEAE0;\r\n  font-family: var(--font-label);\r\n  font-weight:700;\r\n  color: var(--navy);\r\n  font-size: 16px;\r\n  transition: background-color .25s ease, color .25s ease, transform .25s ease;\r\n}\r\n.ocf9-doclink:last-child{ border-bottom:none; }\r\n.ocf9-doclink .ocf9-doclink-left{ display:flex; align-items:center; gap:10px; }\r\n.ocf9-doclink svg.ocf9-doc-ico{ width:19px; height:19px; color: var(--gold); transition: color .25s ease; }\r\n.ocf9-doclink svg.ocf9-arrow{ width:16px; height:16px; flex:none; color: var(--navy); transition: transform .25s ease, color .25s ease; }\r\n.ocf9-doclink:hover{\r\n  background-color: var(--orange);\r\n  color: #FFFFFF;\r\n  transform: translateX(4px);\r\n}\r\n.ocf9-doclink:hover svg.ocf9-doc-ico{ color: #FFFFFF; }\r\n.ocf9-doclink:hover svg.ocf9-arrow{ color: #FFFFFF; transform: translateX(4px); }\r\n\r\n\/* ================= FOOTER \u2014 identique aux autres Cahiers Fondateurs (barre Mission \/ Finalit\u00e9 \/ Vision) ================= *\/\r\n.ocf9-footer{ background: #FFFFFF; padding: 0; margin-top: clamp(56px,6vw,80px); }\r\n.ocf9-mfv{ max-width: 1600px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); }\r\n.ocf9-mfv > div{ display: flex; align-items: center; gap: 18px; padding: 40px 36px; border-right: 1px solid rgba(11,39,72,0.12); }\r\n.ocf9-mfv > div:last-child{ border-right: none; }\r\n.ocf9-mfv svg{ width: 46px; height: 46px; flex: 0 0 auto; }\r\n.ocf9-mfv-label{ font-family: var(--font-label); font-weight: 800; font-size: 15px; text-transform: uppercase; letter-spacing: 0.6px; margin-bottom: 9px; color: var(--navy); }\r\n.ocf9-mfv p{ color: #3A404C; font-size: 15px; line-height: 1.6; margin: 0; font-family: var(--font-body); }\r\n\r\n\/* ================= RESPONSIVE ================= *\/\r\n\r\n\/* ---- TABLETTE (641px \u00e0 1024px) ---- *\/\r\n@media (max-width: 1024px){\r\n  .ocf9-mfv{ grid-template-columns: 1fr; }\r\n  .ocf9-mfv > div{ border-right:none; border-bottom:1px solid rgba(11,39,72,0.12); }\r\n  .ocf9-cartes-grid{ grid-template-columns: 1fr; }\r\n  .ocf9-infogrid{ grid-template-columns: 1fr; }\r\n  .ocf9-comp-row{ grid-template-columns: 1fr; gap:18px; }\r\n}\r\n@media (max-width: 1024px) and (min-width: 641px){\r\n  .ocf9-tri-outer{ max-width: 560px; }\r\n  .ocf9-tri-pill{ padding: 8px 16px; }\r\n  .ocf9-tri-node p.ocf9-tri-caption{ max-width: 100%; }\r\n  .ocf9-tri-center .ocf9-tc-title{ font-size: 9px; letter-spacing:0; }\r\n  .ocf9-tri-center .ocf9-tc-sub{ font-size: 7.5px; }\r\n}\r\n\r\n\/* ---- MOBILE (jusqu'\u00e0 640px) ---- *\/\r\n@media (max-width: 640px){\r\n  .ocf9-wrap{ overflow-x:hidden; }\r\n  .ocf9-section{ padding: 0 18px; }\r\n\r\n  .ocf9-hero, .ocf9-schema, .ocf9-cartes, .ocf9-complement, .ocf9-infobar{\r\n    text-align:center;\r\n  }\r\n  .ocf9-hero h1{ font-size: 24px; line-height:1.25; margin-bottom: 18px; }\r\n  .ocf9-hero p.ocf9-intro{ margin:0 auto 16px; font-size:15px; }\r\n  .ocf9-hero .ocf9-triad{ margin: 16px auto; font-size:15px; }\r\n  .ocf9-essentiel{ flex-direction:column; align-items:center; text-align:center; padding:22px; }\r\n\r\n  .ocf9-eyebrow-rule span{ font-size: 19px; }\r\n\r\n  \/* ---- Triangle : on compresse les cadres et le texte tout en gardant\r\n     la g\u00e9om\u00e9trie exacte du sch\u00e9ma (triangle + centre), toujours en %,\r\n     pour rester lisible, net et sans chevauchement sur petit \u00e9cran. ---- *\/\r\n  .ocf9-tri-outer{ max-width: 340px; margin-bottom: 90px; }\r\n  .ocf9-tri{ aspect-ratio: 1\/1.85; }\r\n  .ocf9-tri-center{ top: 56%; }\r\n  .ocf9-node-c{ top: 74%; }\r\n  .ocf9-tri-lines.ocf9-tri-lines-desktop{ display:none; }\r\n  .ocf9-tri-lines.ocf9-tri-lines-mobile{ display:block; }\r\n  .ocf9-tri-node{ width: 42%; }\r\n  .ocf9-tri-pill{ padding: 5px 10px; font-size: 9.5px; gap:4px; margin-bottom:7px; }\r\n  .ocf9-tri-pill svg{ width:10px; height:10px; }\r\n  .ocf9-tri-photo{ border-radius: 10px; border-width:2px; padding:8%; gap:4px; }\r\n  .ocf9-tri-photo svg{ width:20%; }\r\n  .ocf9-tri-photo span{ font-size: 7px; }\r\n  .ocf9-tri-node p.ocf9-tri-caption{ font-size: 10.5px; margin-top:7px; line-height:1.4; }\r\n  .ocf9-tri-center{ width: 36%; }\r\n  .ocf9-tri-center-icon{ width: 24%; margin-bottom:5%; }\r\n  .ocf9-tri-center .ocf9-tc-title{ font-size: 7.6px; letter-spacing:0; }\r\n  .ocf9-tri-center .ocf9-tc-sub{ font-size: 6.4px; }\r\n\r\n  .ocf9-carte{ text-align:center; }\r\n  .ocf9-carte-head{ flex-direction:column; text-align:center; }\r\n  .ocf9-comp-item{ flex-direction:column; align-items:center; text-align:center; }\r\n  .ocf9-comp-quote{ flex-direction:column; border-radius: 24px; }\r\n  .ocf9-idrow{ flex-direction:column; align-items:center; text-align:center; }\r\n  .ocf9-invit-list-item{ justify-content:center; }\r\n  .ocf9-doclink{ justify-content:center; text-align:center; }\r\n  .ocf9-doclink .ocf9-doclink-left{ justify-content:center; }\r\n  .ocf9-infobox{ text-align:center; }\r\n\r\n  .ocf9-mfv > div{ flex-direction: column; text-align: center; padding: 28px 20px; max-width: 100%; }\r\n  .ocf9-footer{ padding: 36px 16px 28px; }\r\n}\r\n@media (max-width: 380px){\r\n  .ocf9-tri-outer{ max-width: 300px; margin-bottom: 100px; }\r\n  .ocf9-hero h1{ font-size: 21px; }\r\n  .ocf9-tri-center{ width: 40%; }\r\n  .ocf9-tri-center .ocf9-tc-title{ font-size: 6.8px; }\r\n  .ocf9-tri-center .ocf9-tc-sub{ font-size: 5.8px; }\r\n}\r\n<\/style>\r\n\r\n<!-- ================= HERO ================= -->\r\n<section class=\"ocf9-section ocf9-hero\">\r\n  <h1>LOS CAMINOS DE LA TRANSFORMACI\u00d3N<\/h1>\r\n\r\n  <p class=\"ocf9-intro\">Toda transformaci\u00f3n humana supone un camino.<\/p>\r\n  <p class=\"ocf9-intro\">Las cualidades humanas que OSE busca cultivar no se decretan. No se decide simplemente ser m\u00e1s seguro de uno mismo, m\u00e1s sereno, m\u00e1s responsable o m\u00e1s abierto. Estas cualidades se construyen progresivamente a trav\u00e9s de las experiencias que vivimos y la manera en que decidimos vivirlas.<\/p>\r\n  <p class=\"ocf9-intro\">OSE no pretende transformar a los j\u00f3venes. Les propone experiencias capaces de favorecer su crecimiento. Para ello, el programa se apoya en tres caminos de transformaci\u00f3n que constituyen el coraz\u00f3n de su proyecto educativo:<\/p>\r\n\r\n  <p class=\"ocf9-triad\"><span>Superarse.<\/span> &nbsp; <span>Conocerse.<\/span> &nbsp; <span>Abrirse a los dem\u00e1s.<\/span><\/p>\r\n\r\n  <p class=\"ocf9-intro\">Estos tres verbos no son esl\u00f3ganes ni objetivos que alcanzar de una vez por todas. Designan tres procesos de crecimiento libremente elegidos. Tres invitaciones a llegar a ser m\u00e1s plenamente uno mismo.<\/p>\r\n\r\n  <div class=\"ocf9-essentiel\">\r\n    <div class=\"ocf9-ico\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0B2748\" stroke-width=\"1.6\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><circle cx=\"12\" cy=\"12\" r=\"4.2\"\/><circle cx=\"12\" cy=\"12\" r=\"0.9\" fill=\"#0B2748\"\/><path d=\"M12 2 V5 M12 19 V22 M2 12 H5 M19 12 H22\" stroke-linecap=\"round\"\/><\/svg>\r\n    <\/div>\r\n    <div>\r\n      <h3>LO ESENCIAL EN UN MINUTO<\/h3>\r\n      <p>Superarse, conocerse, abrirse a los dem\u00e1s: tres caminos de transformaci\u00f3n personal propuestos por OSE.<\/p>\r\n      <p>En la encrucijada de estos tres caminos se juega la transformaci\u00f3n interior buscada.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ================= SCHEMA : LE TRIANGLE DE TRANSFORMATION ================= -->\r\n<section class=\"ocf9-section ocf9-schema\">\r\n  <div class=\"ocf9-eyebrow-rule\"><span>El Camino hacia la Transformaci\u00f3n<\/span><\/div>\r\n\r\n  <div class=\"ocf9-tri-outer\">\r\n    <div class=\"ocf9-tri\">\r\n      <svg class=\"ocf9-tri-lines ocf9-tri-lines-desktop\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\">\r\n        <line x1=\"26\" y1=\"9\" x2=\"44\" y2=\"41\" stroke=\"#0B2748\" stroke-width=\"0.35\" stroke-dasharray=\"0.4 1.3\" stroke-linecap=\"round\"\/>\r\n        <line x1=\"74\" y1=\"9\" x2=\"56\" y2=\"41\" stroke=\"#FF8C00\" stroke-width=\"0.35\" stroke-dasharray=\"0.4 1.3\" stroke-linecap=\"round\"\/>\r\n        <line x1=\"50\" y1=\"50\" x2=\"50\" y2=\"57\" stroke=\"#2F6B45\" stroke-width=\"0.35\" stroke-dasharray=\"0.4 1.3\" stroke-linecap=\"round\"\/>\r\n      <\/svg>\r\n      <svg class=\"ocf9-tri-lines ocf9-tri-lines-mobile\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\">\r\n        <line x1=\"26\" y1=\"9\" x2=\"44\" y2=\"53\" stroke=\"#0B2748\" stroke-width=\"0.35\" stroke-dasharray=\"0.4 1.3\" stroke-linecap=\"round\"\/>\r\n        <line x1=\"74\" y1=\"9\" x2=\"56\" y2=\"53\" stroke=\"#FF8C00\" stroke-width=\"0.35\" stroke-dasharray=\"0.4 1.3\" stroke-linecap=\"round\"\/>\r\n        <line x1=\"50\" y1=\"61\" x2=\"50\" y2=\"72\" stroke=\"#2F6B45\" stroke-width=\"0.35\" stroke-dasharray=\"0.4 1.3\" stroke-linecap=\"round\"\/>\r\n      <\/svg>\r\n\r\n      <!-- Nodo SUPERARSE: espacio para foto (monta\u00f1a \/ superaci\u00f3n personal) -->\r\n      <div class=\"ocf9-tri-node ocf9-node-a\">\r\n        <div class=\"ocf9-tri-pill\" style=\"background:var(--navy);\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\"><path d=\"M3 19l6-9 4 5 3-4 5 8H3Z\" stroke-linejoin=\"round\"\/><\/svg>\r\n          SUPERARSE\r\n        <\/div>\r\n        <!-- REEMPLACE ESTE ENLACE AQU\u00cd CON SU FOTO OSE (escena: un joven en la cima de una monta\u00f1a) -->\r\n        <div class=\"ocf9-tri-photo\" style=\"background:linear-gradient(145deg,#E7EEF7,#F5F3EC);\">\r\n          <div class=\"ocf9-tri-photo-fallback\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0B2748\" stroke-width=\"1.4\"><path d=\"M3 19l6-9 4 5 3-4 5 8H3Z\" stroke-linejoin=\"round\"\/><\/svg>\r\n            <span>Espacio para foto \u2014 Superarse<\/span>\r\n          <\/div>\r\n          <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/07\/se-depasser.jpg\" alt=\"Joven deportista de OSE en la cima de una monta\u00f1a, s\u00edmbolo de la superaci\u00f3n personal en el programa de intercambio OSE\" style=\"object-position: center 20%;\" onerror=\"this.style.display='none'\">\r\n        <\/div>\r\n        <p class=\"ocf9-tri-caption\">Ir m\u00e1s all\u00e1 de lo que nos parece <b>inmediatamente f\u00e1cil<\/b> o c\u00f3modo.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Nodo CONOCERSE: espacio para foto (espejo \/ introspecci\u00f3n) -->\r\n      <div class=\"ocf9-tri-node ocf9-node-b\">\r\n        <div class=\"ocf9-tri-pill\" style=\"background:var(--orange);\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"8\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\r\n          CONOCERSE\r\n        <\/div>\r\n        <!-- REEMPLACE ESTE ENLACE AQU\u00cd CON SU FOTO OSE (escena: un joven frente a su reflejo) -->\r\n        <div class=\"ocf9-tri-photo\" style=\"background:linear-gradient(145deg,#F7EDDC,#F5F3EC);\">\r\n          <div class=\"ocf9-tri-photo-fallback\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FF8C00\" stroke-width=\"1.4\"><circle cx=\"12\" cy=\"12\" r=\"8\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\r\n            <span>Espacio para foto \u2014 Conocerse<\/span>\r\n          <\/div>\r\n          <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/07\/se-connaitre.jpg\" alt=\"Joven participante de OSE frente a su reflejo, ilustraci\u00f3n del autoconocimiento y la introspecci\u00f3n\" onerror=\"this.style.display='none'\">\r\n        <\/div>\r\n        <p class=\"ocf9-tri-caption\">Comprender mejor qui\u00e9nes somos y qu\u00e9 <b>da sentido<\/b> a nuestra existencia.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Centro TRANSFORMACI\u00d3N -->\r\n      <div class=\"ocf9-tri-center\">\r\n        <svg class=\"ocf9-tri-center-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0B2748\" stroke-width=\"1.5\"><path d=\"M12 21c-4-2.8-7-6-7-10a7 7 0 0 1 14 0c0 4-3 7.2-7 10Z\"\/><path d=\"M12 7v8M9 11l3-2 3 2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n        <div class=\"ocf9-tc-title\">TRANSFORMACI\u00d3N<\/div>\r\n        <div class=\"ocf9-tc-sub\">Llegar a ser m\u00e1s plenamente <b>uno mismo.<\/b><\/div>\r\n      <\/div>\r\n\r\n      <!-- Nodo ABRIRSE A LOS DEM\u00c1S: espacio para foto (grupo \/ puente \/ encuentro) -->\r\n      <div class=\"ocf9-tri-node ocf9-node-c\">\r\n        <!-- REEMPLACE ESTE ENLACE AQU\u00cd CON SU FOTO OSE (escena: un grupo de j\u00f3venes reunidos en un puente) -->\r\n        <div class=\"ocf9-tri-photo\" style=\"background:linear-gradient(145deg,#E9F1EA,#F5F3EC);\">\r\n          <div class=\"ocf9-tri-photo-fallback\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2F6B45\" stroke-width=\"1.4\"><circle cx=\"8\" cy=\"8\" r=\"2.6\"\/><circle cx=\"16\" cy=\"8\" r=\"2.6\"\/><path d=\"M3 19c0-2.9 2.2-5.2 5-5.2s5 2.3 5 5.2M11 19c0-2.9 2.2-5.2 5-5.2s5 2.3 5 5.2\" stroke-linecap=\"round\"\/><\/svg>\r\n            <span>Espacio para foto \u2014 Abrirse a los dem\u00e1s<\/span>\r\n          <\/div>\r\n          <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/07\/s-ouvrir-aux-autres.jpg\" alt=\"Grupo de j\u00f3venes embajadores de OSE reunidos en un puente, s\u00edmbolo de la apertura a los dem\u00e1s y del encuentro intercultural\" onerror=\"this.style.display='none'\">\r\n        <\/div>\r\n        <div class=\"ocf9-tri-pill\" style=\"background:var(--green); margin-top:14px; margin-bottom:0;\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\"><circle cx=\"8\" cy=\"8\" r=\"2.6\"\/><circle cx=\"16\" cy=\"8\" r=\"2.6\"\/><path d=\"M3 19c0-2.9 2.2-5.2 5-5.2s5 2.3 5 5.2M11 19c0-2.9 2.2-5.2 5-5.2s5 2.3 5 5.2\" stroke-linecap=\"round\"\/><\/svg>\r\n          ABRIRSE A LOS DEM\u00c1S\r\n        <\/div>\r\n        <p class=\"ocf9-tri-caption\" style=\"max-width:300px;\">Acoger la diversidad y construir relaciones basadas en el respeto y la confianza.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ================= LES 3 CARTES DETAILLEES ================= -->\r\n<section class=\"ocf9-section ocf9-cartes\">\r\n  <div class=\"ocf9-cartes-grid\">\r\n\r\n    <div class=\"ocf9-carte\">\r\n      <div class=\"ocf9-carte-head\">\r\n        <div class=\"ocf9-c-ico\" style=\"background:var(--navy);\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\"><path d=\"M3 19l6-9 4 5 3-4 5 8H3Z\" stroke-linejoin=\"round\"\/><\/svg>\r\n        <\/div>\r\n        <h4 style=\"color:var(--navy);\">SUPERARSE<\/h4>\r\n      <\/div>\r\n      <p>Superarse consiste en ir m\u00e1s all\u00e1 de lo que nos parece inmediatamente f\u00e1cil o c\u00f3modo.<\/p>\r\n      <p>Es aceptar salir de la zona de confort. Es hacer frente a lo desconocido. Es perseverar a pesar de las dificultades. Es descubrir recursos que no sab\u00edamos que ten\u00edamos.<\/p>\r\n      <p>La experiencia OSE sit\u00faa regularmente a los j\u00f3venes en situaciones nuevas que les invitan a desarrollar esta capacidad.<\/p>\r\n      <p class=\"ocf9-highlight\">La superaci\u00f3n personal no consiste en convertirse en otra persona. Consiste en revelar m\u00e1s plenamente aquello que uno es capaz de llegar a ser.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"ocf9-carte\">\r\n      <div class=\"ocf9-carte-head\">\r\n        <div class=\"ocf9-c-ico\" style=\"background:var(--orange);\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"8\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\r\n        <\/div>\r\n        <h4 style=\"color:var(--orange);\">CONOCERSE<\/h4>\r\n      <\/div>\r\n      <p>Conocerse consiste en comprender mejor qui\u00e9n es uno.<\/p>\r\n      <p>Es descubrir las propias fortalezas y fragilidades. Es identificar lo que nos mueve profundamente. Es reconocer lo que da sentido a nuestra existencia.<\/p>\r\n      <p>El autoconocimiento no nace solo de la reflexi\u00f3n. A menudo se revela a trav\u00e9s de la acci\u00f3n, los encuentros, los \u00e9xitos, los fracasos y las experiencias vividas. La reflexi\u00f3n permite despu\u00e9s conectar estos descubrimientos y profundizar en su sentido.<\/p>\r\n      <p class=\"ocf9-highlight\" style=\"color:var(--orange);\">OSE considera que todo crecimiento verdadero pasa por este encuentro progresivo con uno mismo.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"ocf9-carte\">\r\n      <div class=\"ocf9-carte-head\">\r\n        <div class=\"ocf9-c-ico\" style=\"background:var(--green);\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\"><circle cx=\"8\" cy=\"8\" r=\"2.6\"\/><circle cx=\"16\" cy=\"8\" r=\"2.6\"\/><path d=\"M3 19c0-2.9 2.2-5.2 5-5.2s5 2.3 5 5.2M11 19c0-2.9 2.2-5.2 5-5.2s5 2.3 5 5.2\" stroke-linecap=\"round\"\/><\/svg>\r\n        <\/div>\r\n        <h4 style=\"color:var(--green);\">ABRIRSE A LOS DEM\u00c1S<\/h4>\r\n      <\/div>\r\n      <p>Abrirse a los dem\u00e1s no es solo una disposici\u00f3n natural o un rasgo de car\u00e1cter. Es una elecci\u00f3n. Una elecci\u00f3n de encuentro. Una elecci\u00f3n de escucha. Una elecci\u00f3n de apertura hacia lo que es diferente de uno mismo.<\/p>\r\n      <p>Algunas personas parecen naturalmente orientadas hacia los dem\u00e1s. Otras lo est\u00e1n menos. Pero en todos los casos, la apertura verdadera supone un proceso consciente y libremente asumido.<\/p>\r\n      <p>Consiste en acoger otras culturas, otras sensibilidades, otras maneras de ver el mundo. Invita a construir puentes en lugar de fronteras. A reconocer en el otro no una amenaza, sino una riqueza.<\/p>\r\n      <p class=\"ocf9-highlight\">OSE considera que esta capacidad de apertura constituye una de las condiciones esenciales para el acercamiento entre las personas y los pueblos.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ================= TROIS CHEMINS COMPLEMENTAIRES ================= -->\r\n<section class=\"ocf9-section ocf9-complement\">\r\n  <div class=\"ocf9-complement-inner\">\r\n    <div class=\"ocf9-eyebrow-rule\"><span>Tres Caminos Complementarios<\/span><\/div>\r\n\r\n    <div class=\"ocf9-comp-row\">\r\n      <div class=\"ocf9-comp-item\">\r\n        <div class=\"ocf9-comp-dot\" style=\"background:var(--navy);\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\"><path d=\"M3 19l6-9 4 5 3-4 5 8H3Z\" stroke-linejoin=\"round\"\/><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <div class=\"ocf9-comp-title\">Superarse<\/div>\r\n          <div class=\"ocf9-comp-text\">desarrolla nuestra capacidad de acci\u00f3n.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"ocf9-comp-item\">\r\n        <div class=\"ocf9-comp-dot\" style=\"background:var(--orange);\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"8\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <div class=\"ocf9-comp-title\">Conocerse<\/div>\r\n          <div class=\"ocf9-comp-text\">desarrolla nuestra conciencia de nosotros mismos.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"ocf9-comp-item\">\r\n        <div class=\"ocf9-comp-dot\" style=\"background:var(--green);\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\"><circle cx=\"8\" cy=\"8\" r=\"2.6\"\/><circle cx=\"16\" cy=\"8\" r=\"2.6\"\/><path d=\"M3 19c0-2.9 2.2-5.2 5-5.2s5 2.3 5 5.2M11 19c0-2.9 2.2-5.2 5-5.2s5 2.3 5 5.2\" stroke-linecap=\"round\"\/><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <div class=\"ocf9-comp-title\">Abrirse a los dem\u00e1s<\/div>\r\n          <div class=\"ocf9-comp-text\">desarrolla nuestra conciencia del otro y del mundo.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ocf9-comp-quote\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C8862B\" stroke-width=\"1.6\"><circle cx=\"12\" cy=\"12\" r=\"3.2\"\/><path d=\"M12 3v2.2M12 18.8V21M21 12h-2.2M5.2 12H3M18.4 5.6l-1.5 1.5M7.1 16.9l-1.5 1.5M18.4 18.4l-1.5-1.5M7.1 7.1L5.6 5.6\" stroke-linecap=\"round\"\/><\/svg>\r\n      <p>En la encrucijada de estos tres caminos nace la verdadera transformaci\u00f3n.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ================= BARRE INFO ================= -->\r\n<section class=\"ocf9-section ocf9-infobar\">\r\n  <div class=\"ocf9-infogrid\">\r\n\r\n    <!-- Ficha de identidad -->\r\n    <div class=\"ocf9-infobox\">\r\n      <h5>FICHA DE IDENTIDAD DEL DOCUMENTO<\/h5>\r\n      <div class=\"ocf9-idrow\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"#C8862B\" stroke=\"none\"><path d=\"M12 2l2.9 6.3 6.9.7-5.2 4.7 1.6 6.8L12 16.9 5.8 20.5l1.6-6.8L2.2 9l6.9-.7L12 2Z\"\/><\/svg>\r\n        <div><div class=\"ocf9-idlabel\">Tipo<\/div><div class=\"ocf9-idvalue\">Principio fundador<\/div><\/div>\r\n      <\/div>\r\n      <div class=\"ocf9-idrow\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C8862B\" stroke-width=\"1.7\"><circle cx=\"12\" cy=\"12\" r=\"9.2\" fill=\"none\"\/><circle cx=\"12\" cy=\"12\" r=\"5.4\"\/><circle cx=\"12\" cy=\"12\" r=\"1.6\" fill=\"#C8862B\" stroke=\"none\"\/><\/svg>\r\n        <div><div class=\"ocf9-idlabel\">Tema<\/div><div class=\"ocf9-idvalue\">Transformaci\u00f3n humana y educaci\u00f3n<\/div><\/div>\r\n      <\/div>\r\n      <div class=\"ocf9-idrow\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C8862B\" stroke-width=\"1.7\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5.5l4 2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n        <div><div class=\"ocf9-idlabel\">Tiempo de lectura<\/div><div class=\"ocf9-idvalue\">7-8 min<\/div><\/div>\r\n      <\/div>\r\n      <div class=\"ocf9-idrow\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C8862B\" stroke-width=\"1.7\"><circle cx=\"7\" cy=\"7\" r=\"3.3\"\/><circle cx=\"17\" cy=\"7\" r=\"3.3\"\/><circle cx=\"12\" cy=\"17\" r=\"3.3\"\/><\/svg>\r\n        <div><div class=\"ocf9-idlabel\">Enlaces relacionados<\/div><div class=\"ocf9-idvalue\">Principio de Alineaci\u00f3n, Valores Institucionales, Valores Humanos, Las 4 Preguntas, Pacto de Aventura<\/div><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Una invitaci\u00f3n -->\r\n    <div class=\"ocf9-infobox\">\r\n      <h5>UNA INVITACI\u00d3N<\/h5>\r\n      <div class=\"ocf9-invit-ico\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0B2748\" stroke-width=\"1.6\"><circle cx=\"12\" cy=\"6.5\" r=\"2.4\"\/><circle cx=\"5.5\" cy=\"10\" r=\"2\"\/><circle cx=\"18.5\" cy=\"10\" r=\"2\"\/><path d=\"M12 10.5c-3 0-5.5 2.3-5.5 5.5v3h11v-3c0-3.2-2.5-5.5-5.5-5.5Z\"\/><path d=\"M5.5 12c-2 .3-3.5 2-3.5 4.2V19h3M18.5 12c2 .3 3.5 2 3.5 4.2V19h-3\" stroke-linecap=\"round\"\/><\/svg>\r\n      <\/div>\r\n      <p class=\"ocf9-invit-text\">OSE no promete la transformaci\u00f3n. La transformaci\u00f3n pertenece a cada persona.<\/p>\r\n      <p class=\"ocf9-invit-text\">Pero OSE ofrece un marco, experiencias y encuentros capaces de favorecerla. Por eso invita a cada joven a recorrer estos tres caminos:<\/p>\r\n      <div class=\"ocf9-invit-list\">\r\n        <div class=\"ocf9-invit-list-item\">\r\n          <div class=\"ocf9-invit-dot\" style=\"background:var(--navy);\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M3 19l6-9 4 5 3-4 5 8H3Z\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n          <span style=\"color:var(--navy);\">Superarse.<\/span>\r\n        <\/div>\r\n        <div class=\"ocf9-invit-list-item\">\r\n          <div class=\"ocf9-invit-dot\" style=\"background:var(--orange);\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"7.5\"\/><circle cx=\"12\" cy=\"12\" r=\"2.6\"\/><\/svg><\/div>\r\n          <span style=\"color:var(--orange);\">Conocerse.<\/span>\r\n        <\/div>\r\n        <div class=\"ocf9-invit-list-item\">\r\n          <div class=\"ocf9-invit-dot\" style=\"background:var(--green);\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><circle cx=\"8\" cy=\"9\" r=\"2.2\"\/><circle cx=\"16\" cy=\"9\" r=\"2.2\"\/><path d=\"M3 19c0-2.6 2-4.6 4.5-4.6s4.5 2 4.5 4.6M11 19c0-2.6 2-4.6 4.5-4.6s4.5 2 4.5 4.6\" stroke-linecap=\"round\"\/><\/svg><\/div>\r\n          <span style=\"color:var(--green);\">Abrirse a los dem\u00e1s.<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <p class=\"ocf9-invit-text\" style=\"margin-top:14px;\">Porque a menudo es en su encrucijada donde nacen las transformaciones humanas m\u00e1s hermosas.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Documentos relacionados -->\r\n    <div class=\"ocf9-infobox\">\r\n      <h5>DOCUMENTOS RELACIONADOS<\/h5>\r\n      <a class=\"ocf9-doclink\" href=\"#\">\r\n        <span class=\"ocf9-doclink-left\">\r\n          <svg class=\"ocf9-doc-ico\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><polygon points=\"14,10 12,15 10,14 12,9\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\r\n          Principio de Alineaci\u00f3n\r\n        <\/span>\r\n        <svg class=\"ocf9-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <\/a>\r\n      <a class=\"ocf9-doclink\" href=\"#\">\r\n        <span class=\"ocf9-doclink-left\">\r\n          <svg class=\"ocf9-doc-ico\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><circle cx=\"12\" cy=\"12\" r=\"9.2\" fill=\"none\"\/><circle cx=\"12\" cy=\"12\" r=\"5.4\"\/><circle cx=\"12\" cy=\"12\" r=\"1.6\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\r\n          Valores Institucionales de OSE\r\n        <\/span>\r\n        <svg class=\"ocf9-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <\/a>\r\n      <a class=\"ocf9-doclink\" href=\"#\">\r\n        <span class=\"ocf9-doclink-left\">\r\n          <svg class=\"ocf9-doc-ico\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M12 21s-7-4.35-9.5-8.5C.7 8.9 2.3 5 6 5c2 0 3.3 1.1 4 2.2C10.7 6.1 12 5 14 5c3.7 0 5.3 3.9 3.5 7.5C19 16.65 12 21 12 21Z\"\/><\/svg>\r\n          Valores Humanos Buscados\r\n        <\/span>\r\n        <svg class=\"ocf9-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <\/a>\r\n      <a class=\"ocf9-doclink\" href=\"#\">\r\n        <span class=\"ocf9-doclink-left\">\r\n          <svg class=\"ocf9-doc-ico\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M6 2.5h9l3.5 3.5V21H6z\"\/><path d=\"M9 11h6M9 14.5h6M9 17.5h4\" stroke-linecap=\"round\"\/><\/svg>\r\n          Las 4 Preguntas de la Alineaci\u00f3n\r\n        <\/span>\r\n        <svg class=\"ocf9-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <\/a>\r\n      <a class=\"ocf9-doclink\" href=\"#\">\r\n        <span class=\"ocf9-doclink-left\">\r\n          <svg class=\"ocf9-doc-ico\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M6 21 11 8l2 5 2-3 3 11z\"\/><\/svg>\r\n          Pacto de Aventura\r\n        <\/span>\r\n        <svg class=\"ocf9-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ================= FOOTER (identique Cahiers Fondateurs \u2014 copi\u00e9 du mod\u00e8le CF7) ================= -->\r\n<footer class=\"ocf9-footer\">\r\n  <div class=\"ocf9-mfv\">\r\n    <div>\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#FF8C00\" stroke-width=\"1.5\"\/><circle cx=\"12\" cy=\"12\" r=\"5.2\" stroke=\"#FF8C00\" stroke-width=\"1.5\"\/><circle cx=\"12\" cy=\"12\" r=\"1.6\" fill=\"#FF8C00\"\/><path d=\"M15.5 8.5L20 4\" stroke=\"#FF8C00\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><path d=\"M17 4h3v3\" stroke=\"#FF8C00\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <div>\r\n        <div class=\"ocf9-mfv-label\">Nuestra misi\u00f3n<\/div>\r\n        <p>Formar embajadores del Olimpismo.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <div>\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"8\" cy=\"8\" r=\"2.3\" stroke=\"#FF8C00\" stroke-width=\"1.4\"\/><circle cx=\"16\" cy=\"8\" r=\"2.3\" stroke=\"#FF8C00\" stroke-width=\"1.4\"\/><path d=\"M3 19c0-2.9 2.2-5.2 5-5.2s5 2.3 5 5.2M11 19c0-2.9 2.2-5.2 5-5.2s5 2.3 5 5.2\" stroke=\"#FF8C00\" stroke-width=\"1.4\" stroke-linecap=\"round\"\/><\/svg>\r\n      <div>\r\n        <div class=\"ocf9-mfv-label\">Nuestra finalidad<\/div>\r\n        <p>Ayudar a los j\u00f3venes a tener \u00e9xito en la vida.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <div>\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#FF8C00\" stroke-width=\"1.4\"\/><path d=\"M12 3v2.4M12 18.6V21M21 12h-2.4M5.4 12H3M18.4 5.6l-1.7 1.7M7.3 16.7l-1.7 1.7M18.4 18.4l-1.7-1.7M7.3 7.3 5.6 5.6\" stroke=\"#FF8C00\" stroke-width=\"1.4\" stroke-linecap=\"round\"\/><path d=\"M12 7l1.8 3.7L17.5 12l-3.7 1.3L12 17l-1.8-3.7L6.5 12l3.7-1.3z\" fill=\"#FF8C00\"\/><\/svg>\r\n      <div>\r\n        <div class=\"ocf9-mfv-label\">Nuestra visi\u00f3n<\/div>\r\n        <p>Encontrarse con el otro para descubrirse mejor a uno mismo, y construir un mundo m\u00e1s humano.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>LOS CAMINOS DE LA TRANSFORMACI\u00d3N Toda transformaci\u00f3n humana supone un camino. Las cualidades humanas que OSE busca cultivar no se decretan. No se decide simplemente ser m\u00e1s seguro de uno mismo, m\u00e1s sereno, m\u00e1s responsable o m\u00e1s abierto. Estas cualidades se construyen progresivamente a trav\u00e9s de las experiencias que vivimos y la manera en que [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1976,"menu_order":9,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-964","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ose-echange.org\/es\/wp-json\/wp\/v2\/pages\/964","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ose-echange.org\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ose-echange.org\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ose-echange.org\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ose-echange.org\/es\/wp-json\/wp\/v2\/comments?post=964"}],"version-history":[{"count":7,"href":"https:\/\/ose-echange.org\/es\/wp-json\/wp\/v2\/pages\/964\/revisions"}],"predecessor-version":[{"id":2160,"href":"https:\/\/ose-echange.org\/es\/wp-json\/wp\/v2\/pages\/964\/revisions\/2160"}],"up":[{"embeddable":true,"href":"https:\/\/ose-echange.org\/es\/wp-json\/wp\/v2\/pages\/1976"}],"wp:attachment":[{"href":"https:\/\/ose-echange.org\/es\/wp-json\/wp\/v2\/media?parent=964"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}