{"id":859,"date":"2026-07-11T06:28:57","date_gmt":"2026-07-11T06:28:57","guid":{"rendered":"https:\/\/ose-echange.org\/cip-ose\/los-caminos-de-transformacion-cpi-9\/"},"modified":"2026-08-04T10:39:25","modified_gmt":"2026-08-04T10:39:25","slug":"los-caminos-de-transformacion-cpi-9","status":"publish","type":"page","link":"https:\/\/ose-echange.org\/es\/cip-ose\/los-caminos-de-transformacion-cpi-9\/","title":{"rendered":"Los caminos de transformaci\u00f3n (CPI 9)"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"859\" class=\"elementor elementor-859 elementor-223\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60ef8f1 e-flex e-con-boxed e-con e-parent\" data-id=\"60ef8f1\" 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-7407765 elementor-widget elementor-widget-html\" data-id=\"7407765\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ocpi9-page\" lang=\"fr\">\r\n\r\n  <!-- ============ BADGE CPI 09 + R\u00c9F\u00c9RENCE CAHIER FONDATEUR ============ -->\r\n  <div class=\"ocpi9-badge-row\">\r\n    <div class=\"ocpi9-badge-circle\">\r\n      <span class=\"ocpi9-badge-cpi\">CPI<\/span>\r\n      <span class=\"ocpi9-badge-num\">09<\/span>\r\n    <\/div>\r\n    <div class=\"ocpi9-badge-below\">\r\n      <div class=\"ocpi9-badge-ref\">\r\n        <span class=\"ocpi9-badge-ref-label\">Referencia<\/span>\r\n        <span class=\"ocpi9-badge-ref-title\">Cuaderno Fundador n.\u00ba 09<\/span>\r\n      <\/div>\r\n      <div class=\"ocpi9-badge-cover\">\r\n        <!-- REMPLACER CE LIEN ICI AVEC VOTRE PHOTO OSE (miniature de la couverture du Cahier Fondateur n\u00b009) -->\r\n        <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/07\/cahier-fondateur-09-couverture.jpg\" alt=\"Miniatura de la portada del Cuaderno Fundador n.\u00ba 09 \u2013 Los Caminos de Transformaci\u00f3n\" class=\"ocpi9-badge-cover-img\" onerror=\"this.parentElement.style.display='none'\">\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- ============ TITRE (pas de sous-titre) ============ -->\r\n  <header class=\"ocpi9-hero\">\r\n    <div class=\"ocpi9-hero-inner\">\r\n      <h1 class=\"ocpi9-title\">LOS CAMINOS DE TRANSFORMACI\u00d3N<\/h1>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <!-- ============ ELEMENT CENTRAL : LE CARREFOUR DES TROIS CHEMINS ============ -->\r\n  <section class=\"ocpi9-carrefour-section\">\r\n    <div class=\"ocpi9-container\">\r\n      <div class=\"ocpi9-carrefour-grid\">\r\n\r\n        <!-- ---- COLONNE CARREFOUR (dominante) ---- -->\r\n        <div class=\"ocpi9-carrefour-col\">\r\n          <h2 class=\"ocpi9-carrefour-toplabel\">La Encrucijada de los Tres Caminos<\/h2>\r\n\r\n          <div class=\"ocpi9-tri-outer\">\r\n            <div class=\"ocpi9-tri\">\r\n\r\n              <svg class=\"ocpi9-tri-lines ocpi9-tri-lines-desktop\" viewbox=\"0 0 100 100\" preserveaspectratio=\"none\">\r\n                <line x1=\"26\" y1=\"9\" x2=\"44\" y2=\"41\" stroke=\"#0B3C5D\" stroke-width=\"0.35\" stroke-dasharray=\"0.4 1.3\" stroke-linecap=\"round\"><\/line>\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\"><\/line>\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\"><\/line>\r\n              <\/svg>\r\n              <svg class=\"ocpi9-tri-lines ocpi9-tri-lines-mobile\" viewbox=\"0 0 100 100\" preserveaspectratio=\"none\">\r\n                <line x1=\"26\" y1=\"9\" x2=\"44\" y2=\"53\" stroke=\"#0B3C5D\" stroke-width=\"0.35\" stroke-dasharray=\"0.4 1.3\" stroke-linecap=\"round\"><\/line>\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\"><\/line>\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\"><\/line>\r\n              <\/svg>\r\n\r\n              <!-- Noeud SE DEPASSER -->\r\n              <div class=\"ocpi9-tri-node ocpi9-node-a\">\r\n                <div class=\"ocpi9-tri-pill\" style=\"background:#0B3C5D;\">\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\"><\/path><\/svg>\r\n  SUPERARSE\r\n                <\/div>\r\n                <!-- REMPLACER CE LIEN ICI AVEC VOTRE PHOTO OSE (sc\u00e8ne : un jeune au sommet d'une montagne) -->\r\n                <div class=\"ocpi9-tri-photo\" style=\"background:linear-gradient(145deg,#E7EEF7,#F5F3EC);\">\r\n                  <div class=\"ocpi9-tri-photo-fallback\">\r\n                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#0B3C5D\" stroke-width=\"1.4\"><path d=\"M3 19l6-9 4 5 3-4 5 8H3Z\" stroke-linejoin=\"round\"><\/path><\/svg>\r\n                    <span>Ubicaci\u00f3n de la 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 OSE en la cima de una monta\u00f1a, s\u00edmbolo de superaci\u00f3n personal en el programa de intercambio OSE\" style=\"object-position: center 20%;\" onerror=\"this.style.display='none'\">\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <!-- Noeud SE CONNAITRE -->\r\n              <div class=\"ocpi9-tri-node ocpi9-node-b\">\r\n                <div class=\"ocpi9-tri-pill\" style=\"background:#FF8C00;\">\r\n                  <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><\/svg>\r\n  CONOCERSE\r\n                <\/div>\r\n                <!-- REMPLACER CE LIEN ICI AVEC VOTRE PHOTO OSE (sc\u00e8ne : un jeune face \u00e0 son reflet) -->\r\n                <div class=\"ocpi9-tri-photo\" style=\"background:linear-gradient(145deg,#F7EDDC,#F5F3EC);\">\r\n                  <div class=\"ocpi9-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><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><\/svg>\r\n                    <span>Ubicaci\u00f3n de la 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 OSE frente a su reflejo, ilustraci\u00f3n del autoconocimiento y la introspecci\u00f3n\" onerror=\"this.style.display='none'\">\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <!-- Centre TRANSFORMATION -->\r\n              <div class=\"ocpi9-tri-center\">\r\n                <svg class=\"ocpi9-tri-center-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#0B3C5D\" 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><path d=\"M12 7v8M9 11l3-2 3 2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\r\n                <div class=\"ocpi9-tc-title\">TRANSFORMACI\u00d3N<\/div>\r\n                <div class=\"ocpi9-tc-sub\">Llegar a ser m\u00e1s <b>uno mismo<\/b><\/div>\r\n              <\/div>\r\n\r\n              <!-- Noeud S'OUVRIR AUX AUTRES -->\r\n              <div class=\"ocpi9-tri-node ocpi9-node-c\">\r\n                <!-- REMPLACER CE LIEN ICI AVEC VOTRE PHOTO OSE (sc\u00e8ne : un groupe de jeunes r\u00e9unis sur un pont) -->\r\n                <div class=\"ocpi9-tri-photo\" style=\"background:linear-gradient(145deg,#E9F1EA,#F5F3EC);\">\r\n                  <div class=\"ocpi9-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><circle cx=\"16\" cy=\"8\" r=\"2.6\"><\/circle><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\"><\/path><\/svg>\r\n                    <span>Ubicaci\u00f3n de la 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 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=\"ocpi9-tri-pill\" style=\"background:#2F6B45; 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><circle cx=\"16\" cy=\"8\" r=\"2.6\"><\/circle><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\"><\/path><\/svg>\r\n  ABRIRSE A LOS DEM\u00c1S\r\n                <\/div>\r\n              <\/div>\r\n\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- ---- ENCART LAT\u00c9RAL (remplace la citation Teilhard) ---- -->\r\n        <aside class=\"ocpi9-side-col\">\r\n          <article class=\"ocpi9-side-card\">\r\n            <span class=\"ocpi9-side-eyebrow\">Tres invitaciones<\/span>\r\n            <blockquote class=\"ocpi9-side-quote\">\u201c Tres invitaciones a llegar a ser m\u00e1s uno mismo. \u201d<\/blockquote>\r\n          <\/article>\r\n        <\/aside>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============ PHRASE PRINCIPALE ============ -->\r\n  <section class=\"ocpi9-mainphrase\">\r\n    <div class=\"ocpi9-container ocpi9-container--narrow\">\r\n      <p class=\"ocpi9-mainphrase-text\">\r\n Las cualidades humanas no se decretan. Se construyen a trav\u00e9s de las experiencias\r\n que vivimos y la manera en que elegimos vivirlas. \r\n      <\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============ LES TROIS CHEMINS (cartouches courts) ============ -->\r\n  <section class=\"ocpi9-chemins\">\r\n    <div class=\"ocpi9-container\">\r\n      <div class=\"ocpi9-chemins-grid\">\r\n\r\n        <div class=\"ocpi9-chemin-card\">\r\n          <div class=\"ocpi9-chemin-ico\" style=\"background:#0B3C5D;\">\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\"><\/path><\/svg>\r\n          <\/div>\r\n          <h3 class=\"ocpi9-chemin-title\" style=\"color:#0B3C5D;\">SUPERARSE<\/h3>\r\n          <p class=\"ocpi9-chemin-text\">Salir de la zona de confort y descubrir recursos insospechados.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"ocpi9-chemin-card\">\r\n          <div class=\"ocpi9-chemin-ico\" style=\"background:#FF8C00;\">\r\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><\/svg>\r\n          <\/div>\r\n          <h3 class=\"ocpi9-chemin-title\" style=\"color:#FF8C00;\">CONOCERSE<\/h3>\r\n          <p class=\"ocpi9-chemin-text\">Comprender qui\u00e9n es uno y dar sentido a la propia experiencia.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"ocpi9-chemin-card\">\r\n          <div class=\"ocpi9-chemin-ico\" style=\"background:#2F6B45;\">\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><circle cx=\"16\" cy=\"8\" r=\"2.6\"><\/circle><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\"><\/path><\/svg>\r\n          <\/div>\r\n          <h3 class=\"ocpi9-chemin-title\" style=\"color:#2F6B45;\">ABRIRSE A LOS DEM\u00c1S<\/h3>\r\n          <p class=\"ocpi9-chemin-text\">Construir puentes entre personas, culturas y pueblos.<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============ TROIS CHEMINS COMPLEMENTAIRES (synth\u00e9tique) ============ -->\r\n  <section class=\"ocpi9-complement\">\r\n    <div class=\"ocpi9-container ocpi9-container--narrow\">\r\n      <h2 class=\"ocpi9-complement-title\">Tres Caminos Complementarios<\/h2>\r\n      <div class=\"ocpi9-complement-row\">\r\n        <div class=\"ocpi9-complement-item\">\r\n          <span class=\"ocpi9-complement-dot\" style=\"background:#0B3C5D;\"><\/span>\r\n          <p><b>Superarse<\/b> desarrolla nuestra capacidad de acci\u00f3n.<\/p>\r\n        <\/div>\r\n        <div class=\"ocpi9-complement-item\">\r\n          <span class=\"ocpi9-complement-dot\" style=\"background:#FF8C00;\"><\/span>\r\n          <p><b>Conocerse<\/b> desarrolla nuestra conciencia de nosotros mismos.<\/p>\r\n        <\/div>\r\n        <div class=\"ocpi9-complement-item\">\r\n          <span class=\"ocpi9-complement-dot\" style=\"background:#2F6B45;\"><\/span>\r\n          <p><b>Abrirse a los dem\u00e1s<\/b> desarrolla nuestra conciencia del mundo.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============ CITATION FINALE (signature de la page) ============ -->\r\n  <section class=\"ocpi9-closing\">\r\n    <div class=\"ocpi9-container ocpi9-container--narrow\">\r\n      <p class=\"ocpi9-closing-text\">\r\n        <span class=\"ocpi9-closing-quote-mark\">\u201c<\/span><span class=\"ocpi9-closing-highlight\">En la encrucijada de estos tres caminos nace la verdadera transformaci\u00f3n.<\/span><span class=\"ocpi9-closing-quote-mark\">\u201d<\/span>\r\n      <\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/section>\r\n\r\n<!-- ============ PIED DE PAGE SP\u00c9CIFIQUE CPI (mod\u00e8le standard valid\u00e9 CPI 02\/04) ============ -->\r\n<footer class=\"ocpi9-footer\">\r\n  <div class=\"ocpi9-container ocpi9-container--narrow\">\r\n    <div class=\"ocpi9-footer-card\">\r\n      <span class=\"ocpi9-footer-label\">Para profundizar<\/span>\r\n      <h3 class=\"ocpi9-footer-title\">Cuaderno Fundador n.\u00ba 09 \u2013 Los Caminos de Transformaci\u00f3n<\/h3>\r\n      <a href=\"\/es\/cuaderno-fundador-9-los-caminos-de-transformacion\/\" class=\"ocpi9-footer-btn\">Consultar el Cuaderno Fundador<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<style>\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\/* ===================================================================\r\n   CPI 09 \u2014 \"Les Chemins de Transformation\" \u2014 .ocpi9-\r\n   D\u00e9riv\u00e9 du Cahier Fondateur 9, charte officielle CPI (Bleu OSE \/ Or OSE)\r\n   =================================================================== *\/\r\n.ocpi9-page, .ocpi9-footer {\r\n  font-family: 'Open Sans', sans-serif;\r\n  color: #0B3C5D;\r\n  box-sizing: border-box;\r\n  overflow-x: hidden;\r\n}\r\n.ocpi9-page *, .ocpi9-footer * { box-sizing: border-box; }\r\n\r\n.ocpi9-container { max-width: 1200px; margin: 0 auto; padding: 0 40px; }\r\n.ocpi9-container--narrow { max-width: 820px; }\r\n\r\n\/* ---------- BADGE CPI 09 (align\u00e9 \u00e0 gauche, comme les autres pages CPI) ---------- *\/\r\n.ocpi9-badge-row { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding: 44px 24px 0 40px; max-width: 1200px; margin: 0 auto; text-align: left; }\r\n.ocpi9-badge-circle {\r\n  width: 84px; height: 84px; border-radius: 50%; flex-shrink: 0;\r\n  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;\r\n  background: radial-gradient(circle at 35% 30%, #f6dd94, #e0ab2f 45%, #c98a1e 75%, #a06a15 100%);\r\n  box-shadow: 0 6px 14px rgba(180,130,20,0.45), inset 0 2px 4px rgba(255,255,255,0.5), inset 0 -3px 6px rgba(0,0,0,0.25);\r\n}\r\n.ocpi9-badge-cpi { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 13px; letter-spacing: 1px; color: #5a3d0a; }\r\n.ocpi9-badge-num { font-family: 'Playfair Display', serif; font-weight: 800; font-size: 28px; color: #0B3C5D; line-height: 1; }\r\n.ocpi9-badge-below { display: flex; align-items: center; justify-content: flex-start; gap: 18px; flex-wrap: wrap; }\r\n.ocpi9-badge-ref { display: flex; flex-direction: column; gap: 4px; text-align: left; }\r\n.ocpi9-badge-ref-label { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 16px; text-transform: uppercase; letter-spacing: 0.8px; color: #FF8C00; }\r\n.ocpi9-badge-ref-title { font-family: 'Playfair Display', serif; font-size: 18px; color: #0B3C5D; font-weight: 700; }\r\n.ocpi9-badge-cover { width: 56px; height: 74px; border-radius: 8px; overflow: hidden; border: 2px solid #EFE2C4; box-shadow: 0 4px 10px rgba(11,60,93,0.18); flex-shrink: 0; }\r\n.ocpi9-badge-cover-img { width: 100%; height: 100%; object-fit: cover; display: block; }\r\n\r\n\/* ---------- HERO (titre seul, sans sous-titre) ---------- *\/\r\n.ocpi9-hero { background: #ffffff; padding: 30px 24px 50px; text-align: center; }\r\n.ocpi9-hero-inner { max-width: 900px; margin: 0 auto; }\r\n.ocpi9-title { font-family: 'Playfair Display', serif; font-weight: 800; font-size: clamp(24px, 3.4vw, 34px); line-height: 1.2; color: #0B3C5D; margin: 0; word-break: break-word; }\r\n\r\n\/* ---------- SECTION CARREFOUR (\u00e9l\u00e9ment dominant) ---------- *\/\r\n.ocpi9-carrefour-section { background: #ffffff; padding: 10px 24px 60px; }\r\n.ocpi9-carrefour-grid { display: grid; grid-template-columns: 1.8fr 1fr; gap: 50px; align-items: start; }\r\n.ocpi9-carrefour-col { text-align: center; }\r\n.ocpi9-carrefour-toplabel { font-family: 'Montserrat', sans-serif; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; font-size: clamp(18px, 2vw, 26px); color: #0B3C5D; margin: 0 0 34px; }\r\n\r\n\/* ---- Triangle du carrefour (structure fiabilis\u00e9e : ancrage haut, sans chevauchement) ---- *\/\r\n.ocpi9-tri-outer{ max-width: 980px; margin: 0 auto; }\r\n.ocpi9-tri{ position: relative; width: 100%; aspect-ratio: 1 \/ 1.58; }\r\n.ocpi9-tri svg.ocpi9-tri-lines{ position:absolute; inset:0; width:100%; height:100%; z-index: 1; }\r\n.ocpi9-tri-lines.ocpi9-tri-lines-mobile{ display:none; }\r\n\r\n.ocpi9-tri-node{ position:absolute; transform: translate(-50%, 0); display:flex; flex-direction:column; align-items:center; width: 34%; text-align:center; z-index: 2; }\r\n.ocpi9-node-a{ left:26%; top:2%; }\r\n.ocpi9-node-b{ left:74%; top:2%; }\r\n.ocpi9-node-c{ left:50%; top:58%; width:40%; }\r\n\r\n.ocpi9-tri-pill{ display:inline-flex; align-items:center; gap:9px; padding: 10px 22px; border-radius: 50px; color:#fff; font-family:'Montserrat',sans-serif; font-weight:800; letter-spacing:0.5px; font-size: clamp(14px, 1.65vw, 19px); box-shadow: 0 5px 14px rgba(11,60,93,0.26); white-space: nowrap; margin-bottom: 14px; }\r\n.ocpi9-tri-pill svg{ width:18px; height:18px; flex:none; }\r\n\r\n.ocpi9-tri-photo{ position: relative; width: 100%; aspect-ratio: 3 \/ 2; border-radius: 20px; overflow: hidden; box-shadow: 0 10px 26px rgba(11,60,93,0.18); border: 4px solid #FFFFFF; outline: 1px solid #ECE6D8; }\r\n.ocpi9-tri-photo-fallback{ position: absolute; inset: 0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap: 8px; padding: 9%; z-index: 1; }\r\n.ocpi9-tri-photo img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; z-index: 2; }\r\n.ocpi9-tri-photo svg{ width: 22%; height:auto; flex:none; }\r\n.ocpi9-tri-photo span{ font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: clamp(10.5px, 1.05vw, 13px); color: #7C7566; font-style: italic; line-height: 1.35; }\r\n\r\n.ocpi9-tri-center{ position:absolute !important; left:50% !important; top:44% !important; transform:translate(-50%,-50%) !important; width: 24% !important; aspect-ratio:1\/1 !important; border-radius:50% !important; background: #FFFFFF !important; border: 3px solid #EFE2C4 !important; display:flex !important; align-items:center !important; justify-content:center !important; flex-direction:column !important; box-shadow: 0 8px 24px rgba(11,60,93,0.2); text-align:center !important; padding: 0 !important; margin: 0 !important; z-index: 4; overflow: hidden !important; }\r\n.ocpi9-tri-center-icon{ width: 24% !important; height: auto !important; margin: 0 0 5% 0 !important; flex: none; }\r\n.ocpi9-tc-title{ font-family: 'Montserrat', Arial, sans-serif !important; font-weight:800 !important; letter-spacing: 0 !important; color: #0B3C5D !important; font-size: 8px !important; line-height: 1.2 !important; width: 82% !important; max-width: 82% !important; margin: 0 !important; padding: 0 !important; white-space: normal !important; overflow-wrap: break-word !important; word-break: break-word !important; }\r\n.ocpi9-tc-sub{ font-family: 'Open Sans', Arial, sans-serif !important; font-size: 6.8px !important; color:#3a5066 !important; margin: 3px 0 0 0 !important; padding: 0 !important; line-height:1.25 !important; width: 78% !important; max-width: 78% !important; overflow-wrap: break-word !important; word-break: break-word !important; }\r\n.ocpi9-tc-sub b{ color: #FF8C00; }\r\n\r\n\/* ---------- ENCART LAT\u00c9RAL \"TROIS INVITATIONS\" ---------- *\/\r\n.ocpi9-side-col { display: flex; flex-direction: column; padding-top: 66px; }\r\n.ocpi9-side-card { background: #fbf9f4; border-left: 3px solid #FF8C00; border-radius: 4px; padding: 34px 30px; }\r\n.ocpi9-side-eyebrow { display: block; font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; font-size: 16px; color: #FF8C00; margin-bottom: 14px; }\r\n.ocpi9-side-quote { font-family: 'Playfair Display', serif; font-style: italic; font-weight: 600; font-size: 18px; color: #0B3C5D; margin: 0; line-height: 1.55; }\r\n\r\n\/* ---------- PHRASE PRINCIPALE ---------- *\/\r\n.ocpi9-mainphrase { background: #0B3C5D; padding: 64px 24px; }\r\n.ocpi9-mainphrase-text { font-family: 'Playfair Display', serif; font-style: italic; font-weight: 600; font-size: 19px; line-height: 1.6; color: #EFE2C4; text-align: center; margin: 0; }\r\n\r\n\/* ---------- LES TROIS CHEMINS (cartouches) ---------- *\/\r\n.ocpi9-chemins { background: #ffffff; padding: 64px 24px; }\r\n.ocpi9-chemins-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }\r\n.ocpi9-chemin-card { background: #fbf9f4; border: 1px solid #ECE6D8; border-radius: 16px; padding: 32px 26px; text-align: center; box-shadow: 0 3px 14px rgba(11,60,93,0.06); }\r\n.ocpi9-chemin-ico { width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 18px; }\r\n.ocpi9-chemin-title { font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 17px; letter-spacing: 0.4px; margin: 0 0 12px; }\r\n.ocpi9-chemin-text { font-size: 16px; line-height: 1.68; color: #3a5066; margin: 0; }\r\n\r\n\/* ---------- TROIS CHEMINS COMPLEMENTAIRES ---------- *\/\r\n.ocpi9-complement { background: #fbf9f4; padding: 56px 24px; }\r\n.ocpi9-complement-title { font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; font-size: 20px; color: #0B3C5D; text-align: center; margin: 0 0 34px; }\r\n.ocpi9-complement-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }\r\n.ocpi9-complement-item { display: flex; align-items: flex-start; gap: 12px; }\r\n.ocpi9-complement-dot { width: 12px; height: 12px; border-radius: 50%; flex-shrink: 0; margin-top: 7px; }\r\n.ocpi9-complement-item p { font-size: 16px; line-height: 1.6; color: #3a5066; margin: 0; }\r\n.ocpi9-complement-item p b { color: #0B3C5D; }\r\n\r\n\/* ---------- CITATION FINALE (signature) ---------- *\/\r\n.ocpi9-closing { background: #ffffff; padding: 70px 24px; text-align: center; }\r\n.ocpi9-closing-quote-mark { font-family: 'Playfair Display', serif; font-size: 26px; font-weight: 700; color: #FF8C00; line-height: 0; position: relative; top: 4px; margin: 0 4px; }\r\n.ocpi9-closing-text { font-family: 'Playfair Display', serif; font-size: 19px; font-style: italic; font-weight: 600; line-height: 1.6; color: #0B3C5D; margin: 0 auto; max-width: 880px; }\r\n.ocpi9-closing-highlight { color: #0B3C5D; }\r\n\r\n\/* ---------- FOOTER CPI \u2014 MOD\u00c8LE STANDARD (valid\u00e9 CPI 02 \/ CPI 04) ----------\r\n   Fond blanc + fine s\u00e9paration, carte cr\u00e8me claire, pas de bloc couleur pleine,\r\n   pas de tagline, pas de lien du site (d\u00e9j\u00e0 g\u00e9r\u00e9s par le footer global WordPress). *\/\r\n.ocpi9-footer { background: #ffffff; border-top: 1px solid #ECE6D8; padding: 60px 24px; text-align: center; }\r\n.ocpi9-footer-card { background: #FBF9F4; border: 1px solid #ECE6D8; border-radius: 20px; padding: 42px 36px; }\r\n.ocpi9-footer-label { display: block; font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; font-size: 14px; color: #FF8C00; margin-bottom: 16px; }\r\n.ocpi9-footer-title { font-family: 'Playfair Display', serif; font-weight: 700; font-size: 19px; color: #0B3C5D; margin: 0 0 28px; line-height: 1.4; }\r\n.ocpi9-footer-btn { display: inline-block; background: #FF8C00; color: #ffffff; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 16px; text-decoration: none; padding: 13px 32px; border-radius: 50px; transition: background-color 0.2s ease; }\r\n.ocpi9-footer-btn:hover { background: #E67A00; color: #ffffff; }\r\n.ocpi9-footer-btn:active { background: #CC6D00; color: #ffffff; }\r\n\r\n\/* ===================================================================\r\n   RESPONSIVE \u2014 GRAND \u00c9CRAN (le cercle dispose de plus d'espace)\r\n   =================================================================== *\/\r\n@media (min-width: 1230px) {\r\n  .ocpi9-tc-title{ font-size: 10px !important; }\r\n  .ocpi9-tc-sub{ font-size: 8.5px !important; }\r\n}\r\n\r\n\/* ===================================================================\r\n   RESPONSIVE \u2014 TABLETTE\r\n   =================================================================== *\/\r\n@media (max-width: 1024px) {\r\n  .ocpi9-title { font-size: 28px; }\r\n  .ocpi9-carrefour-grid { grid-template-columns: 1fr; }\r\n  .ocpi9-tri-outer { max-width: 620px; }\r\n  .ocpi9-side-col { max-width: 620px; margin: 34px auto 0; padding-top: 0; }\r\n  .ocpi9-chemins-grid { grid-template-columns: 1fr; }\r\n  .ocpi9-complement-row { grid-template-columns: 1fr; gap: 18px; }\r\n}\r\n@media (max-width: 1024px) and (min-width: 641px){\r\n  .ocpi9-tri-pill{ padding: 8px 16px; }\r\n  .ocpi9-tc-title{ font-size: 7.5px !important; }\r\n  .ocpi9-tc-sub{ font-size: 6.5px !important; }\r\n}\r\n\r\n\/* ===================================================================\r\n   RESPONSIVE \u2014 MOBILE\r\n   =================================================================== *\/\r\n@media (max-width: 640px) {\r\n  .ocpi9-container { padding: 0 18px; }\r\n  .ocpi9-badge-row { align-items: center; text-align: center; padding: 34px 16px 0; }\r\n  .ocpi9-badge-below { flex-direction: column; justify-content: center; }\r\n  .ocpi9-badge-ref { text-align: center; align-items: center; }\r\n  .ocpi9-hero { padding: 24px 16px 40px; }\r\n  .ocpi9-title { font-size: 22px; }\r\n\r\n  .ocpi9-carrefour-section { padding: 10px 12px 44px; }\r\n  .ocpi9-carrefour-toplabel { font-size: 18px; margin-bottom: 22px; }\r\n\r\n  .ocpi9-tri-outer{ max-width: 340px; margin-bottom: 90px; }\r\n  .ocpi9-tri{ aspect-ratio: 1\/1.85; }\r\n  .ocpi9-tri-node{ width: 42%; }\r\n  .ocpi9-tri-center{ top: 56% !important; }\r\n  .ocpi9-node-c{ top: 74%; }\r\n  .ocpi9-tri-lines.ocpi9-tri-lines-desktop{ display:none; }\r\n  .ocpi9-tri-lines.ocpi9-tri-lines-mobile{ display:block; }\r\n  .ocpi9-tri-pill{ padding: 5px 10px; font-size: 9.5px; gap:4px; margin-bottom:7px; }\r\n  .ocpi9-tri-pill svg{ width:10px; height:10px; }\r\n  .ocpi9-tri-photo{ border-radius: 10px; border-width:2px; }\r\n  .ocpi9-tri-photo-fallback{ padding: 8%; gap:4px; }\r\n  .ocpi9-tri-photo svg{ width:20%; }\r\n  .ocpi9-tri-photo span{ font-size: 7px; }\r\n  .ocpi9-tri-center{ width: 38% !important; }\r\n  .ocpi9-tri-center-icon{ width: 22% !important; margin: 0 0 5% 0 !important; }\r\n  .ocpi9-tc-title{ font-size: 6.8px !important; }\r\n  .ocpi9-tc-sub{ font-size: 5.8px !important; }\r\n\r\n  .ocpi9-side-card { padding: 26px 22px; }\r\n  .ocpi9-side-quote { font-size: 16px; }\r\n\r\n  .ocpi9-mainphrase { padding: 44px 18px; }\r\n  .ocpi9-mainphrase-text { font-size: 16px; }\r\n\r\n  .ocpi9-chemins { padding: 44px 18px; }\r\n  .ocpi9-chemin-card { padding: 26px 20px; }\r\n\r\n  .ocpi9-complement { padding: 40px 18px; }\r\n  .ocpi9-complement-item { flex-direction: column; align-items: center; text-align: center; }\r\n  .ocpi9-complement-dot { margin-top: 0; }\r\n\r\n  .ocpi9-closing { padding: 44px 18px; }\r\n  .ocpi9-closing-quote-mark { font-size: 20px; }\r\n  .ocpi9-closing-text { font-size: 16px; }\r\n\r\n  .ocpi9-footer { padding: 40px 18px; }\r\n  .ocpi9-footer-card { padding: 30px 22px; }\r\n  .ocpi9-footer-title { font-size: 16px; }\r\n}\r\n@media (max-width: 380px){\r\n  .ocpi9-tri-outer{ max-width: 300px; margin-bottom: 100px; }\r\n  .ocpi9-title{ font-size: 19px; }\r\n  .ocpi9-tri-center{ width: 42% !important; }\r\n  .ocpi9-tc-title{ font-size: 6px !important; }\r\n  .ocpi9-tc-sub{ font-size: 5.2px !important; }\r\n}\r\n<\/style>\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>CPI 09 Referencia Cuaderno Fundador n.\u00ba 09 LOS CAMINOS DE TRANSFORMACI\u00d3N La Encrucijada de los Tres Caminos SUPERARSE Ubicaci\u00f3n de la foto \u2014 Superarse CONOCERSE Ubicaci\u00f3n de la foto \u2014 Conocerse TRANSFORMACI\u00d3N Llegar a ser m\u00e1s uno mismo Ubicaci\u00f3n de la foto \u2014 Abrirse a los dem\u00e1s ABRIRSE A LOS DEM\u00c1S Tres invitaciones \u201c Tres [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":819,"menu_order":10,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-859","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ose-echange.org\/es\/wp-json\/wp\/v2\/pages\/859","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=859"}],"version-history":[{"count":4,"href":"https:\/\/ose-echange.org\/es\/wp-json\/wp\/v2\/pages\/859\/revisions"}],"predecessor-version":[{"id":2271,"href":"https:\/\/ose-echange.org\/es\/wp-json\/wp\/v2\/pages\/859\/revisions\/2271"}],"up":[{"embeddable":true,"href":"https:\/\/ose-echange.org\/es\/wp-json\/wp\/v2\/pages\/819"}],"wp:attachment":[{"href":"https:\/\/ose-echange.org\/es\/wp-json\/wp\/v2\/media?parent=859"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}