{"id":823,"date":"2026-07-03T17:09:38","date_gmt":"2026-07-03T17:09:38","guid":{"rendered":"https:\/\/ose-echange.org\/cip-ose\/presentacion-general-de-la-cip-cip-00\/"},"modified":"2026-08-02T23:33:37","modified_gmt":"2026-08-02T23:33:37","slug":"presentacion-general-de-la-cip-cip-00","status":"publish","type":"page","link":"https:\/\/ose-echange.org\/es\/cip-ose\/presentacion-general-de-la-cip-cip-00\/","title":{"rendered":"Presentaci\u00f3n general de la CIP (CIP 00)"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"823\" class=\"elementor elementor-823 elementor-202\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e083b1 e-flex e-con-boxed e-con e-parent\" data-id=\"2e083b1\" 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-089eae7 elementor-widget elementor-widget-html\" data-id=\"089eae7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================================================ -->\r\n<!-- PAGE : CPI 00 \u2014 Tarjeta de Identidad Planetaria (VERSI\u00d3N ES)  -->\r\n<!-- Traducci\u00f3n WPML \u2014 CSS\/estructura id\u00e9nticos a la versi\u00f3n FR    -->\r\n<!-- Pr\u00e9fixe CSS : .cpi00-  |  WPML-safe  |  Sans header global     -->\r\n<!-- ================================================================ -->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400;1,700&family=Montserrat:wght@300;400;500;600;700;800&family=Open+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* =================== RESET D\u00c9FENSIF ELEMENTOR =================== *\/\r\n.cpi00-wrap,.cpi00-wrap *{box-sizing:border-box;margin:0;padding:0}\r\n.cpi00-wrap img{max-width:100%;height:auto;display:block}\r\n.cpi00-wrap ul{list-style:none}\r\n.cpi00-wrap a{text-decoration:none;color:inherit}\r\n.cpi00-wrap p,.cpi00-wrap h1,.cpi00-wrap h2,.cpi00-wrap h3,\r\n.cpi00-wrap h4,.cpi00-wrap span,.cpi00-wrap li{line-height:1.5}\r\n\r\n\/* =================== VARIABLES COULEURS CLIENT =================== *\/\r\n.cpi00-wrap{\r\n  --navy:   #0B3C5D;\r\n  --orange: #FF8C00;\r\n  --gold:   #F5C97B;\r\n  --dark:   #071e30;\r\n  --light:  #F4F7FA;\r\n  --border: #D0DAE6;\r\n  --text:   #1e2e3e;\r\n  font-family:'Open Sans',sans-serif;\r\n  color:var(--navy);\r\n  overflow-x:hidden;\r\n  font-size:15px; \/* BASE POLICE 15px \u2014 rendu fin et institutionnel v15 *\/\r\n}\r\n\r\n\/* ================================================================ *\/\r\n\/*  SECTION 1 \u2014 BANDE D'IDENTIFICATION                               *\/\r\n\/* ================================================================ *\/\r\n.cpi00-pageid{\r\n  width:100%;background:#fff;\r\n  border-bottom:4px solid var(--orange);\r\n  padding:18px 5%;\r\n}\r\n.cpi00-pageid-inner{\r\n  max-width:1300px;margin:0 auto;\r\n  display:flex;align-items:center;gap:26px;flex-wrap:wrap;\r\n}\r\n.cpi00-pageid-logo img{height:60px;width:auto;object-fit:contain}\r\n.cpi00-pid-badge{\r\n  background:var(--navy);color:#fff;\r\n  padding:10px 24px;border-radius:8px;text-align:center;flex-shrink:0;\r\n}\r\n.cpi00-pid-badge .num{\r\n  font-family:'Playfair Display',serif;\r\n  font-size:18px;font-weight:700;color:var(--orange);\r\n  display:block;line-height:1;\r\n}\r\n.cpi00-pid-badge .lbl{\r\n  font-family:'Montserrat',sans-serif;\r\n  font-size:11px;font-weight:700;letter-spacing:3px;\r\n  text-transform:uppercase;display:block;margin-top:5px;\r\n}\r\n.cpi00-pid-text{flex:1}\r\n.cpi00-pid-text .eyebrow{\r\n  font-family:'Montserrat',sans-serif;\r\n  font-size:11px;font-weight:700;letter-spacing:3px;\r\n  text-transform:uppercase;color:var(--orange);\r\n  display:block;margin-bottom:5px;\r\n}\r\n.cpi00-pid-text h2{\r\n  font-family:'Playfair Display',serif;\r\n  font-size:clamp(13px,1.4vw,17px);\r\n  color:var(--navy);font-weight:700;line-height:1.2;\r\n}\r\n\r\n\/* ================================================================ *\/\r\n\/*  SECTION 2 \u2014 HERO                                                  *\/\r\n\/* ================================================================ *\/\r\n.cpi00-hero{\r\n  position:relative;width:100%;\r\n  min-height:520px;display:flex;align-items:center;overflow:hidden;\r\n}\r\n.cpi00-hero-photo{position:absolute;inset:0}\r\n.cpi00-hero-photo img{\r\n  width:100%;height:100%;\r\n  object-fit:cover;object-position:center 30%;\r\n}\r\n.cpi00-hero-overlay{\r\n  position:absolute;inset:0;\r\n  background:linear-gradient(90deg,\r\n    rgba(11,60,93,.93) 0%,\r\n    rgba(11,60,93,.70) 55%,\r\n    rgba(11,60,93,.20) 100%);\r\n}\r\n.cpi00-hero-content{\r\n  position:relative;z-index:2;\r\n  padding:90px 5%;max-width:740px;\r\n}\r\n.cpi00-hero h1{\r\n  font-family:'Playfair Display',serif;\r\n  font-size:clamp(22px,3vw,36px);\r\n  font-weight:800;line-height:1.05;\r\n  color:#fff;margin-bottom:28px;\r\n}\r\n.cpi00-hero h1 .hi{color:var(--orange);font-style:italic}\r\n.cpi00-tagline{\r\n  font-family:'Open Sans',sans-serif;\r\n  font-size:clamp(12px,1.2vw,15px);\r\n  color:var(--gold);font-style:italic;\r\n  font-weight:300;line-height:1.55;\r\n}\r\n\r\n\/* ================================================================ *\/\r\n\/*  SECTION 3 \u2014 CITATION (fond BLANC total, guillemets INTERNES)    *\/\r\n\/*  Conforme Image 2 : fond blanc, textes navy + orange, avatar     *\/\r\n\/* ================================================================ *\/\r\n.cpi00-quotes{width:100%;background:#fff;padding:90px 5%}\r\n.cpi00-quotes-card{\r\n  max-width:1220px;margin:0 auto;\r\n  background:#fff;\r\n  border-radius:20px;\r\n  border:2px solid #D8E4EF;\r\n  box-shadow:0 6px 40px rgba(11,60,93,.10);\r\n  padding:55px 65px;\r\n  position:relative;\r\n}\r\n\/* Guillemets \u2014 MARINE FONC\u00c9, DANS la carte, aux coins int\u00e9rieurs *\/\r\n.cpi00-gm{\r\n  font-family:'Playfair Display',serif;\r\n  font-size:26px;font-weight:900;\r\n  line-height:1;\r\n  position:absolute;user-select:none;pointer-events:none;\r\n}\r\n.cpi00-gm.open{color:var(--navy);top:18px;left:28px}\r\n.cpi00-gm.close{color:var(--navy);bottom:8px;right:28px}\r\n\/* Grille int\u00e9rieure : col-gauche | avatar | col-droite *\/\r\n.cpi00-quotes-inner{\r\n  display:grid;\r\n  grid-template-columns:1fr 100px 1fr;\r\n  gap:32px;align-items:center;\r\n  padding:0 30px; \/* espace pour les guillemets de coins *\/\r\n}\r\n\/* Colonnes \u2014 fond BLANC, texte navy *\/\r\n.cpi00-q-col{display:flex;flex-direction:column}\r\n.cpi00-q-col p{\r\n  font-family:'Open Sans',sans-serif;\r\n  font-size:15px;\r\n  color:var(--navy);line-height:1.9;margin-bottom:12px;\r\n}\r\n\/* Textes en orange (questions-cl\u00e9s) \u2014 NON italique pour un Q propre et lisible *\/\r\n.cpi00-q-col .q-orange{\r\n  font-family:'Open Sans',sans-serif;\r\n  font-size:16px;\r\n  color:var(--orange);font-weight:700;\r\n  display:block;margin:6px 0;line-height:1.35;\r\n  font-style:normal; \/* PAS d'italique = Q propre et simple *\/\r\n}\r\n\/* Avatar central : cercle orange + silhouette navy PROPRE *\/\r\n.cpi00-q-avatar{\r\n  width:88px;height:88px;border-radius:50%;\r\n  border:3px solid var(--orange);\r\n  background:#fff;\r\n  display:flex;align-items:center;justify-content:center;\r\n  margin:0 auto;flex-shrink:0;\r\n}\r\n.cpi00-q-avatar svg{width:56px;height:56px}\r\n\r\n\/* ================================================================ *\/\r\n\/*  SECTION 4 \u2014 DEUX H\u00c9RITAGES ET UNE INTUITION                      *\/\r\n\/* S\u00e9parateur vertical entre les colonnes et l'avatar *\/\r\n.cpi00-q-sep-line{\r\n  width:1px;height:100%;background:var(--border);margin:auto 0;display:none;\r\n}\r\n\/* ================================================================ *\/\r\n.cpi00-heritage{\r\n  width:100%;background:var(--light);padding:90px 5%;\r\n}\r\n.cpi00-heritage-inner{max-width:1300px;margin:0 auto}\r\n.cpi00-sec-title{\r\n  font-family:'Playfair Display',serif;\r\n  font-size:clamp(15px,1.7vw,26px);\r\n  color:var(--navy);font-weight:700;\r\n  text-align:center;text-transform:uppercase;\r\n  letter-spacing:1.5px;line-height:1.3;\r\n  margin-bottom:62px;padding-bottom:24px;\r\n  border-bottom:3px solid var(--orange);\r\n}\r\n.cpi00-heritage-grid{\r\n  display:grid;grid-template-columns:repeat(3,1fr);gap:28px;\r\n}\r\n.cpi00-hcard{\r\n  background:#fff;border-radius:14px;padding:42px 30px;\r\n  box-shadow:0 4px 24px rgba(11,60,93,.09);\r\n  text-align:center;display:flex;\r\n  flex-direction:column;align-items:center;\r\n}\r\n.cpi00-hcard-portrait{\r\n  width:120px;height:120px;border-radius:50%;\r\n  overflow:hidden;border:4px solid var(--orange);\r\n  margin-bottom:22px;background:#dce8f0;\r\n}\r\n.cpi00-hcard-portrait img{\r\n  width:100%;height:100%;object-fit:contain;\r\n}\r\n\/* Placeholder icon circle pour \"Une Intuition\" *\/\r\n.cpi00-hcard-icon-ph{\r\n  width:120px;height:120px;border-radius:50%;\r\n  border:4px solid var(--orange);\r\n  margin-bottom:22px;background:#dce8f0;\r\n  display:flex;align-items:center;justify-content:center;\r\n  overflow:hidden;\r\n}\r\n.cpi00-hcard-icon-ph img{\r\n  width:100%;height:100%;object-fit:contain;\r\n}\r\n.cpi00-hcard .eyebrow{\r\n  font-family:'Montserrat',sans-serif;\r\n  font-size:11px;font-weight:700;letter-spacing:3px;\r\n  text-transform:uppercase;color:var(--orange);\r\n  margin-bottom:6px;display:block;\r\n}\r\n.cpi00-hcard .nom{\r\n  font-family:'Playfair Display',serif;\r\n  font-size:clamp(14px,1.4vw,20px);\r\n  font-weight:700;color:var(--navy);\r\n  margin-bottom:20px;display:block;line-height:1.2;\r\n}\r\n.cpi00-hcard p{\r\n  font-family:'Open Sans',sans-serif;\r\n  font-size:15px;\r\n  color:var(--text);line-height:1.9;\r\n}\r\n\/* Zone logo sous photo (placeholders Olympic rings \/ Rotary) *\/\r\n.cpi00-hcard-logo{\r\n  margin-top:20px;\r\n  width:100%;display:flex;\r\n  align-items:center;justify-content:center;\r\n  min-height:50px;\r\n}\r\n.cpi00-hcard-logo img{\r\n  max-height:44px;width:auto;object-fit:contain;\r\n}\r\n\r\n\/* ================================================================ *\/\r\n\/*  SECTION 5 \u2014 LES 12 REP\u00c8RES                                       *\/\r\n\/*  Design EXACT Image 1 : badge num\u00e9ro + ic\u00f4ne sur fond blanc       *\/\r\n\/*  S\u00e9parateurs fins entre colonnes et entre les 2 rang\u00e9es           *\/\r\n\/* ================================================================ *\/\r\n.cpi00-reperes{width:100%;background:#fff;padding:90px 5%}\r\n.cpi00-reperes-inner{max-width:1300px;margin:0 auto}\r\n\/* Titre avec lignes d\u00e9coratives lat\u00e9rales *\/\r\n.cpi00-rep-title-row{\r\n  display:flex;align-items:center;gap:20px;\r\n  margin-bottom:55px;\r\n}\r\n.cpi00-rep-title-line{\r\n  flex:1;height:2px;\r\n  background:linear-gradient(90deg,transparent,var(--orange),transparent);\r\n  display:block;\r\n}\r\n.cpi00-rep-title-row h2{\r\n  font-family:'Playfair Display',serif;\r\n  font-size:clamp(12px,1.3vw,17px);\r\n  color:var(--navy);font-weight:700;\r\n  text-transform:uppercase;letter-spacing:1.5px;\r\n  white-space:nowrap;text-align:center;\r\n}\r\n\/* Grille 6\u00d72 avec s\u00e9parateurs fins *\/\r\n.cpi00-rep-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(6,1fr);\r\n  gap:0;\r\n  border:1px solid rgba(11,60,93,.15);\r\n  border-radius:8px;\r\n  overflow:hidden; \/* remis : \u00e9vite les artefacts de coin *\/\r\n  box-shadow:0 2px 16px rgba(11,60,93,.08);\r\n}\r\n\/* Item \u2014 static, non cliquable *\/\r\n.cpi00-rep-item{\r\n  display:flex;flex-direction:column;\r\n  align-items:center;text-align:center;\r\n  padding:16px 8px 18px;\r\n  cursor:default;\r\n  border-right:1px solid rgba(11,60,93,.12);\r\n  border-bottom:1px solid rgba(255,140,0,.45);\/* ligne orange entre rang\u00e9e 1 et 2 *\/\r\n}\r\n\r\n\/* Derni\u00e8re colonne de chaque rang\u00e9e : pas de bord droit *\/\r\n.cpi00-rep-item:nth-child(6n){border-right:none}\r\n\/* Rang\u00e9e 2 : pas de bord bas *\/\r\n.cpi00-rep-item:nth-child(n+7){border-bottom:none}\r\n\/* BADGE NUM\u00c9RO \u2014 petit cercle marine standalone *\/\r\n.cpi00-rep-num{\r\n  width:26px;height:26px;border-radius:50%;\r\n  background:var(--navy);color:#fff;\r\n  font-family:'Montserrat',sans-serif;\r\n  font-size:12px;font-weight:800;\r\n  display:flex;align-items:center;justify-content:center;\r\n  margin-bottom:10px;flex-shrink:0;\r\n}\r\n\/* ZONE IC\u00d4NE \u2014 sur fond blanc, taille coh\u00e9rente *\/\r\n.cpi00-rep-icon{\r\n  width:46px;height:46px;\r\n  display:flex;align-items:center;justify-content:center;\r\n  margin-bottom:12px;\r\n}\r\n.cpi00-rep-icon svg{width:44px;height:44px}\r\n.cpi00-rep-icon img{width:44px;height:44px;object-fit:contain}\r\n\/* LABEL \u2014 police augment\u00e9e, uppercase navy *\/\r\n.cpi00-rep-lbl{\r\n  font-family:'Montserrat',sans-serif;\r\n  font-size:clamp(9px,0.65vw,10px);\r\n  font-weight:700;color:var(--navy);\r\n  text-align:center;line-height:1.35;\r\n  text-transform:uppercase;letter-spacing:.3px;\r\n}\r\n\r\n\/* ================================================================ *\/\r\n\/*  SECTION 6 \u2014 BANDE \"REP\u00c8RE COMMUN\"                                *\/\r\n\/* ================================================================ *\/\r\n.cpi00-band{width:100%;background:var(--navy);padding:80px 5%}\r\n.cpi00-band-inner{\r\n  max-width:1300px;margin:0 auto;\r\n  display:flex;align-items:center;gap:50px;\r\n}\r\n\/* Placeholder boussole (image \u00e0 ins\u00e9rer) *\/\r\n.cpi00-band-compass-ph{\r\n  flex-shrink:0;width:140px;height:140px;\r\n  border-radius:50%;border:4px solid var(--orange);\r\n  background:rgba(255,140,0,.1);\r\n  display:flex;align-items:center;justify-content:center;\r\n  overflow:hidden;\r\n}\r\n.cpi00-band-compass-ph img{\r\n  width:100%;height:100%;object-fit:contain;\r\n}\r\n.cpi00-band-text{flex:1}\r\n.cpi00-band-text h3{\r\n  font-family:'Playfair Display',serif;\r\n  font-size:clamp(15px,1.7vw,26px);\r\n  color:#fff;font-weight:700;\r\n  line-height:1.3;margin-bottom:24px;\r\n}\r\n.cpi00-band-text h3 em{color:var(--orange);font-style:italic}\r\n.cpi00-band-text p{\r\n  font-family:'Open Sans',sans-serif;\r\n  font-size:15px;\r\n  color:rgba(255,255,255,.85);\r\n  line-height:1.9;margin-bottom:14px;\r\n}\r\n.cpi00-band-text p .gold{\r\n  color:var(--orange);font-weight:600;font-style:italic;\r\n}\r\n\/* Placeholder livre CPI *\/\r\n.cpi00-band-book-ph{\r\n  flex-shrink:0;width:160px;\r\n  display:flex;align-items:center;justify-content:center;\r\n}\r\n.cpi00-band-book-ph img{\r\n  width:100%;height:auto;object-fit:contain;\r\n  border-radius:8px;\r\n}\r\n\r\n\/* ================================================================ *\/\r\n\/*  SECTION 7 \u2014 NOS CONVICTIONS FONDAMENTALES                        *\/\r\n\/* ================================================================ *\/\r\n.cpi00-conv{\r\n  width:100%;background:#fff; \/* BLANC \u2014 correction v4 *\/\r\n  padding:90px 5% 0;\r\n}\r\n.cpi00-conv-inner{max-width:1300px;margin:0 auto}\r\n.cpi00-conv-grid{\r\n  display:grid;grid-template-columns:repeat(4,1fr);\r\n  background:#fff;\r\n  border:2px solid var(--border);\r\n  border-radius:14px 14px 0 0;\r\n  overflow:hidden;\r\n}\r\n.cpi00-conv-item{\r\n  padding:46px 28px;\r\n  border-right:1px solid var(--border);\r\n  display:flex;flex-direction:column;\r\n  align-items:center;text-align:center;\r\n}\r\n.cpi00-conv-item:last-child{border-right:none}\r\n\/* Placeholder ic\u00f4ne conviction (image \u00e0 ins\u00e9rer par l'int\u00e9grateur) *\/\r\n.cpi00-conv-icon-ph{\r\n  width:100px;height:100px;\r\n  border-radius:12px;\r\n  border:2px dashed var(--orange);\r\n  background:#fff8f0;\r\n  display:flex;align-items:center;justify-content:center;\r\n  margin-bottom:28px;flex-shrink:0;\r\n  overflow:hidden;\r\n}\r\n.cpi00-conv-icon-ph img{\r\n  width:100%;height:100%;object-fit:contain;\r\n}\r\n.cpi00-conv-text{\r\n  font-family:'Open Sans',sans-serif;\r\n  font-size:15px;\r\n  color:var(--navy);line-height:1.9;\r\n}\r\n\/* Bande r\u00e9capitulative en 3 cellules *\/\r\n.cpi00-conv-bottom{\r\n  display:grid;grid-template-columns:5fr 3fr 5fr;\r\n  background:#fff;\r\n  border:2px solid var(--border);border-top:none;\r\n  border-radius:0 0 14px 14px;overflow:hidden;\r\n}\r\n.cpi00-conv-btm-cell{\r\n  padding:32px 34px;\r\n  display:flex;align-items:center;justify-content:center;\r\n  border-right:1px solid var(--border);\r\n}\r\n.cpi00-conv-btm-cell:last-child{border-right:none}\r\n.cpi00-conv-btm-txt{\r\n  font-family:'Montserrat',sans-serif;\r\n  font-size:clamp(11px,0.9vw,13px);\r\n  font-weight:700;color:var(--navy);\r\n  text-transform:uppercase;letter-spacing:.5px;line-height:1.45;\r\n}\r\n\/* Placeholder globe central *\/\r\n.cpi00-conv-globe-ph{\r\n  width:80px;height:80px;border-radius:50%;\r\n  border:2px dashed var(--orange);\r\n  background:#fff8f0;\r\n  display:flex;align-items:center;justify-content:center;\r\n  overflow:hidden;\r\n}\r\n.cpi00-conv-globe-ph img{\r\n  width:100%;height:100%;object-fit:contain;\r\n}\r\n.cpi00-conv-right-block{\r\n  display:flex;flex-direction:column;\r\n  width:100%;gap:0;\r\n}\r\n.cpi00-conv-right-txt{\r\n  font-family:'Montserrat',sans-serif;\r\n  font-size:clamp(11px,0.9vw,13px);\r\n  font-weight:700;color:var(--navy);\r\n  text-transform:uppercase;letter-spacing:.5px;\r\n  text-align:center;padding:18px 10px;line-height:1.3;\r\n}\r\n.cpi00-conv-right-txt+.cpi00-conv-right-txt{\r\n  border-top:1px solid var(--border);\r\n}\r\n\r\n\/* ================================================================ *\/\r\n\/*  FOOTER \u2014 SIMPLE 3 COLONNES (EXACT MOCKUP LUIS)                   *\/\r\n\/*  Logo compact, tagline coll\u00e9e, slogan sans collision sur PC        *\/\r\n\/* ================================================================ *\/\r\n.cpi00-footer{\r\n  width:100%;background:var(--dark);\r\n  padding:0;\r\n}\r\n\/* Footer simple 3 colonnes \u2014 layout propre sans collision PC *\/\r\n.cpi00-footer-strip{\r\n  width:100%;\r\n  display:grid;\r\n  grid-template-columns:190px 1fr auto; \/* col 1 fixe = logo vraiment compact *\/\r\n}\r\n.cpi00-footer-col{\r\n  padding:20px 28px;\r\n  display:flex;align-items:center;gap:12px;\r\n  border-right:1px solid rgba(255,255,255,.12);\r\n}\r\n.cpi00-footer-col:last-child{border-right:none}\r\n\/* Colonne 1 \u2014 Logo PETIT + tagline empil\u00e9s verticalement *\/\r\n\/* \u2192 \u00e9vite toute collision avec le slogan central *\/\r\n.cpi00-footer-col:first-child{\r\n  flex-direction:column;  \/* logo + tagline empil\u00e9s verticalement *\/\r\n  align-items:flex-start;\r\n  gap:5px;\r\n  padding:16px 20px;\r\n}\r\n.cpi00-footer-logo-img{\r\n  height:30px;   \/* taille moyenne \u2014 comme les autres pages *\/\r\n  width:auto;\r\n  max-width:100px;\r\n  object-fit:contain;\r\n  flex-shrink:0;\r\n  display:block;\r\n}\r\n.cpi00-footer-tagline{\r\n  font-family:'Open Sans',sans-serif;\r\n  font-size:11px;\r\n  color:rgba(255,255,255,.78);\r\n  line-height:1.4;\r\n  max-width:180px; \/* col 1 = 190px, padding 20px \u2192 contenu max 150px *\/\r\n}\r\n\/* Colonne 2 \u2014 Slogan centr\u00e9 avec bullets oranges *\/\r\n.cpi00-footer-slogan{\r\n  justify-content:center;text-align:center;\r\n}\r\n.cpi00-footer-slogan-txt{\r\n  font-family:'Montserrat',sans-serif;\r\n  font-size:clamp(10px,0.75vw,11px);\r\n  color:#fff;letter-spacing:2.5px;\r\n  text-transform:uppercase;font-weight:600;\r\n  line-height:1.5;white-space:nowrap;\r\n}\r\n.cpi00-footer-slogan-txt .bullet{\r\n  color:var(--orange);padding:0 10px;\r\n}\r\n\/* Colonne 3 \u2014 URL + r\u00e9seaux *\/\r\n.cpi00-footer-contact-col{\r\n  flex-direction:column;align-items:flex-end;gap:12px;\r\n}\r\n.cpi00-footer-url{\r\n  font-family:'Open Sans',sans-serif;\r\n  font-size:11px;color:rgba(255,255,255,.75);\r\n}\r\n.cpi00-footer-social{display:flex;gap:10px}\r\n.cpi00-footer-social a{\r\n  width:36px;height:36px;border-radius:50%;\r\n  display:flex;align-items:center;justify-content:center;\r\n  transition:transform .3s;\r\n}\r\n.cpi00-footer-social a:hover{transform:translateY(-3px)}\r\n.cpi00-footer-social .fb{background:#1877F2}\r\n.cpi00-footer-social .ig{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}\r\n.cpi00-footer-social .yt{background:#FF0000}\r\n.cpi00-footer-social .li{background:#0A66C2}\r\n.cpi00-footer-social a svg{width:18px;height:18px}\r\n.cpi00-footer-copy{\r\n  background:#040f1a;padding:12px 32px;\r\n  text-align:center;\r\n  font-family:'Open Sans',sans-serif;\r\n  font-size:11px;color:rgba(255,255,255,.38);\r\n}\r\n\r\n\/* ================================================================ *\/\r\n\/*  RESPONSIVE \u2014 TABLETTE                                             *\/\r\n\/* ================================================================ *\/\r\n@media(max-width:1024px){\r\n  .cpi00-hero{min-height:420px}\r\n  .cpi00-hero-content{max-width:580px}\r\n  .cpi00-heritage-grid{grid-template-columns:1fr}\r\n  \/* 12 rep\u00e8res tablette \u2014 4 colonnes, toutes les r\u00e8gles de bordure recalcul\u00e9es *\/\r\n  .cpi00-rep-grid{\r\n    grid-template-columns:repeat(4,1fr);\r\n    gap:0;\r\n    overflow:visible;\r\n  }\r\n  .cpi00-rep-item{\r\n    padding:22px 10px 24px;\r\n    \/* R\u00e9initialisation compl\u00e8te des bordures *\/\r\n    border-right:1px solid rgba(11,60,93,.12);\r\n    border-bottom:1px solid rgba(255,140,0,.25);\r\n  }\r\n  \/* 4e, 8e, 12e = derniers de chaque ligne \u2192 pas de bord droit *\/\r\n  .cpi00-rep-item:nth-child(4n){border-right:none}\r\n  \/* Rang\u00e9e 3 (items 9-12) = derni\u00e8re rang\u00e9e \u2192 pas de bord bas *\/\r\n  .cpi00-rep-item:nth-child(n+9){border-bottom:none}\r\n  \/* Reset explicite des r\u00e8gles 6-col h\u00e9rit\u00e9es qui pourraient interf\u00e9rer *\/\r\n  .cpi00-rep-item:nth-child(6){border-right:1px solid rgba(11,60,93,.12)}\r\n  .cpi00-rep-item:nth-child(12){border-right:none}\r\n  .cpi00-rep-item:nth-child(7),.cpi00-rep-item:nth-child(8){border-bottom:1px solid rgba(255,140,0,.25)}\r\n  \/* Bande marine tablette : empil\u00e9 en colonne pour que tout soit visible *\/\r\n  .cpi00-band-inner{\r\n    flex-direction:column;\r\n    align-items:center;\r\n    text-align:center;\r\n    gap:28px;\r\n  }\r\n  .cpi00-band-compass-ph{margin:0 auto}\r\n  .cpi00-band-text h3{text-align:center}\r\n  .cpi00-band-text p{text-align:left}\r\n  \/* Livre visible sur tablette, centr\u00e9 et taille r\u00e9duite *\/\r\n  .cpi00-band-book-ph{\r\n    display:flex;\r\n    width:120px;\r\n    flex-shrink:0;\r\n    justify-content:center;\r\n    align-items:center;\r\n  }\r\n  .cpi00-conv-grid{grid-template-columns:repeat(2,1fr)}\r\n  .cpi00-conv-item:nth-child(2){border-right:none}\r\n  .cpi00-conv-bottom{grid-template-columns:1fr}\r\n  .cpi00-conv-btm-cell{border-right:none;border-bottom:1px solid var(--border)}\r\n  .cpi00-conv-btm-cell:last-child{border-bottom:none}\r\n  .cpi00-conv-right-block{flex-direction:row}\r\n  .cpi00-conv-right-txt+.cpi00-conv-right-txt{border-top:none;border-left:1px solid var(--border)}\r\n  .cpi00-footer-strip{grid-template-columns:1fr}\r\n  .cpi00-footer-col{border-right:none;border-bottom:1px solid rgba(255,255,255,.1);flex-wrap:wrap}\r\n  .cpi00-footer-col:last-child{border-bottom:none}\r\n  .cpi00-footer-contact-col{align-items:flex-start}\r\n  .cpi00-footer-slogan-txt{white-space:normal;letter-spacing:2px}\r\n  .cpi00-quotes-inner{grid-template-columns:1fr auto 1fr}\r\n  .cpi00-q-left,.cpi00-q-right{padding:44px 32px}\r\n}\r\n\r\n\/* ================================================================ *\/\r\n\/*  RESPONSIVE \u2014 MOBILE (\u2264640px) \u2014 CORRECTION COMPL\u00c8TE              *\/\r\n\/*  Probl\u00e8mes corrig\u00e9s :                                             *\/\r\n\/*  \u2022 Textes d\u00e9bordant \u00e0 droite \u2192 overflow-x:hidden + centrage      *\/\r\n\/*  \u2022 \"Telle est son intention\/esp\u00e9rance\" coup\u00e9 \u2192 col unique        *\/\r\n\/*  \u2022 padding citation trop large \u2192 r\u00e9duit                          *\/\r\n\/*  \u2022 H\u00e9ritage de flex-direction:row tablette \u2192 remis \u00e0 z\u00e9ro        *\/\r\n\/* ================================================================ *\/\r\n@media(max-width:640px){\r\n\r\n  \/* === CONTENEUR GLOBAL : emp\u00eache tout d\u00e9bordement horizontal === *\/\r\n  .cpi00-wrap{\r\n    font-size:14px;\r\n    overflow-x:hidden;\r\n    width:100%;\r\n    max-width:100vw;\r\n  }\r\n  .cpi00-wrap *{\r\n    max-width:100%;\r\n    word-break:break-word;\r\n    overflow-wrap:break-word;\r\n  }\r\n\r\n  \/* === BANDE D'IDENTIFICATION === *\/\r\n  .cpi00-pageid-inner{\r\n    gap:10px;\r\n    flex-wrap:wrap;\r\n    justify-content:center;\r\n    text-align:center;\r\n  }\r\n  .cpi00-pid-text h2{text-align:center}\r\n\r\n  \/* === HERO === *\/\r\n  .cpi00-hero{min-height:340px}\r\n  .cpi00-hero-content{padding:60px 5%;text-align:center}\r\n  .cpi00-tagline{text-align:center}\r\n\r\n  \/* === CITATIONS (r\u00e9duire le padding de la carte) === *\/\r\n  .cpi00-quotes{padding:50px 4%}\r\n  .cpi00-quotes-card{\r\n    padding:28px 18px; \/* \u00e9tait 55px 65px \u2014 beaucoup trop sur mobile *\/\r\n    border-radius:14px;\r\n  }\r\n  .cpi00-gm.open{top:10px;left:12px;font-size:18px}\r\n  .cpi00-gm.close{bottom:4px;right:12px;font-size:18px}\r\n  .cpi00-quotes-inner{\r\n    grid-template-columns:1fr; \/* 1 colonne : gauche PUIS droite empil\u00e9es *\/\r\n  }\r\n  .cpi00-q-sep{display:none}\r\n  .cpi00-q-col{padding:6px 0;text-align:center}\r\n  .cpi00-q-col p{text-align:left} \/* corps de texte gauche pour lisibilit\u00e9 *\/\r\n  .cpi00-q-col .q-orange{text-align:center}\r\n\r\n  \/* === H\u00c9RITAGE === *\/\r\n  .cpi00-heritage{padding:55px 4%}\r\n  .cpi00-heritage-grid{grid-template-columns:1fr;gap:20px}\r\n  .cpi00-hcard{padding:30px 20px;text-align:center}\r\n  .cpi00-hcard p{text-align:left}\r\n\r\n  \/* === 12 REP\u00c8RES === *\/\r\n  .cpi00-reperes{padding:55px 4%}\r\n  .cpi00-rep-grid{\r\n    grid-template-columns:repeat(3,1fr); \/* 3 colonnes mobile (items plus petits) *\/\r\n    gap:0;\r\n  }\r\n  \/* Ajuster les bornes pour une grille 2 colonnes *\/\r\n  .cpi00-rep-item:nth-child(6n){border-right:1px solid rgba(11,60,93,.12)} \/* reset r\u00e8gle 6 cols *\/\r\n  .cpi00-rep-item:nth-child(3n){border-right:none} \/* 3\u00e8me de chaque rang\u00e9e *\/\r\n  .cpi00-rep-item{padding:20px 10px 22px}\r\n  .cpi00-rep-num{width:28px;height:28px;font-size:12px}\r\n  .cpi00-rep-icon{width:38px;height:38px}\r\n  .cpi00-rep-icon svg{width:36px;height:36px}\r\n  .cpi00-rep-icon img{width:36px;height:36px;object-fit:contain}\r\n  .cpi00-rep-lbl{font-size:8px;letter-spacing:0px;line-height:1.2}\r\n  .cpi00-rep-title-row{flex-direction:column;gap:12px;text-align:center}\r\n  .cpi00-rep-title-row h2{font-size:clamp(1rem,3.5vw,1.4rem);white-space:normal}\r\n  .cpi00-rep-title-line{display:none}\r\n\r\n  \/* === BANDE MARINE === *\/\r\n  .cpi00-band{padding:55px 4%}\r\n  .cpi00-band-inner{flex-direction:column;text-align:center;gap:30px}\r\n  .cpi00-band-compass-ph{margin:0 auto}\r\n  \/* Livre visible sur mobile \u2014 empil\u00e9 sous le texte, centr\u00e9 *\/\r\n  .cpi00-band-book-ph{\r\n    display:flex;\r\n    width:110px;\r\n    margin:0 auto;\r\n    justify-content:center;\r\n    align-items:center;\r\n  }\r\n  .cpi00-band-text h3{text-align:center}\r\n  .cpi00-band-text p{text-align:left}\r\n\r\n  \/* === CONVICTIONS === *\/\r\n  .cpi00-conv{padding:55px 4% 0}\r\n  .cpi00-conv-grid{grid-template-columns:1fr}\r\n  .cpi00-conv-item{\r\n    border-right:none;\r\n    border-bottom:1px solid var(--border);\r\n    text-align:center;\r\n    padding:36px 20px;\r\n  }\r\n  .cpi00-conv-item:last-child{border-bottom:none}\r\n  .cpi00-conv-text{text-align:left}\r\n\r\n  \/* === BANDE BAS CONVICTIONS \u2014 \"Telle est son intention\/esp\u00e9rance\" === *\/\r\n  \/* CORRECTION PRINCIPALE : 1 colonne, textes centr\u00e9s, plus de coupure *\/\r\n  .cpi00-conv-bottom{\r\n    grid-template-columns:1fr; \/* colonne unique \u2014 plus de coupure *\/\r\n  }\r\n  .cpi00-conv-btm-cell{\r\n    border-right:none;\r\n    border-bottom:1px solid var(--border);\r\n    padding:22px 16px;\r\n    justify-content:center;\r\n    text-align:center;\r\n  }\r\n  .cpi00-conv-btm-cell:last-child{border-bottom:none}\r\n  .cpi00-conv-btm-txt{text-align:center}\r\n  \/* Remise \u00e0 z\u00e9ro de flex-direction:row h\u00e9rit\u00e9 du CSS tablette *\/\r\n  .cpi00-conv-right-block{\r\n    flex-direction:column; \/* \u2190 CORRECTION du bug tablette *\/\r\n    width:100%;\r\n  }\r\n  .cpi00-conv-right-txt{\r\n    text-align:center;\r\n    padding:14px 10px;\r\n    white-space:normal; \/* \u00e9vite la coupure *\/\r\n  }\r\n  \/* Remettre border-top \u00e0 la place de border-left (h\u00e9rit\u00e9 tablette) *\/\r\n  .cpi00-conv-right-txt+.cpi00-conv-right-txt{\r\n    border-left:none; \/* reset tablette *\/\r\n    border-top:1px solid var(--border);\r\n  }\r\n\r\n  \/* === FOOTER === *\/\r\n  .cpi00-footer-strip{grid-template-columns:1fr}\r\n  .cpi00-footer-col{\r\n    padding:18px 20px;\r\n    border-right:none;\r\n    border-bottom:1px solid rgba(255,255,255,.1);\r\n    flex-wrap:wrap;\r\n    justify-content:flex-start;\r\n    gap:10px;\r\n  }\r\n  .cpi00-footer-col:last-child{border-bottom:none}\r\n  .cpi00-footer-slogan{justify-content:center;text-align:center}\r\n  .cpi00-footer-slogan-txt{\r\n    white-space:normal;\r\n    font-size:10px;\r\n    letter-spacing:1.5px;\r\n    text-align:center;\r\n  }\r\n  .cpi00-footer-contact-col{align-items:flex-start}\r\n  .cpi00-footer-logo-img{height:24px;max-width:80px}\r\n}\r\n\r\n\/* === TR\u00c8S PETIT \u00c9CRAN (\u2264380px) === *\/\r\n@media(max-width:380px){\r\n  .cpi00-rep-grid{grid-template-columns:1fr} \/* 1 seule colonne sur tout petit \u00e9cran *\/\r\n  .cpi00-rep-item:nth-child(2n){border-right:none}\r\n  .cpi00-rep-item{border-right:none}\r\n  .cpi00-quotes-card{padding:20px 12px}\r\n  .cpi00-footer-slogan-txt{font-size:0.75rem;letter-spacing:1.5px}\r\n}\r\n<\/style>\r\n\r\n<!-- ================================================================ -->\r\n<!--  HTML \u2014 CORPS DE PAGE CPI 00                                      -->\r\n<!-- ================================================================ -->\r\n<div class=\"cpi00-wrap\">\r\n\r\n  <!-- ============================================================ -->\r\n  <!--  SECTION 2 \u2014 HERO                                             -->\r\n  <!-- ============================================================ -->\r\n  <section class=\"cpi00-hero\">\r\n    <div class=\"cpi00-hero-photo\">\r\n      <!-- REEMPLAZAR ESTE ENLACE AQU\u00cd CON SU FOTO OSE -->\r\n      <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/07\/photo-de-la-carte-didentite-planetaire.png\"\r\n           alt=\"J\u00f3venes embajadores OSE contemplando juntos la Tarjeta de Identidad Planetaria \u2013 programa internacional de intercambios deportivos\">\r\n    <\/div>\r\n    <div class=\"cpi00-hero-overlay\"><\/div>\r\n    <div class=\"cpi00-hero-content\">\r\n      <h1>La<br>Tarjeta<br>de Identidad<br><span class=\"hi\">Planetaria<\/span><\/h1>\r\n      <p class=\"cpi00-tagline\">Una br\u00fajula para crecer,<br>actuar y contribuir.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============================================================ -->\r\n  <!--  SECTION 3 \u2014 CITATION (fond BLANC, guillemets INTERNES)      -->\r\n  <!--  Conforme Image 2 client                                     -->\r\n  <!-- ============================================================ -->\r\n  <section class=\"cpi00-quotes\">\r\n    <div class=\"cpi00-quotes-card\">\r\n\r\n      <!-- Guillemet OUVRANT \u2014 orange, DANS la carte -->\r\n      <span class=\"cpi00-gm open\">&#8220;<\/span>\r\n\r\n      <div class=\"cpi00-quotes-inner\">\r\n\r\n        <!-- COLONNE GAUCHE \u2014 texte navy + questions en orange -->\r\n        <div class=\"cpi00-q-col\">\r\n          <p>Todo ser humano que crece termina siempre por hacerse una pregunta esencial:<\/p>\r\n          <span class=\"q-orange\">\u00bfQui\u00e9n soy, objetivamente?<\/span>\r\n          <p>Y, m\u00e1s profundamente a\u00fan:<\/p>\r\n          <span class=\"q-orange\">\u00bfCu\u00e1l es mi raz\u00f3n de ser?<\/span>\r\n        <\/div>\r\n\r\n        <!-- AVATAR CENTRAL \u2014 cercle orange + silhouette navy propre -->\r\n        <div class=\"cpi00-q-avatar\">\r\n          <svg viewBox=\"0 0 54 54\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <!-- T\u00eate -->\r\n            <circle cx=\"27\" cy=\"16\" r=\"9\" fill=\"#0B3C5D\"\/>\r\n            <!-- Corps + \u00e9paules -->\r\n            <path d=\"M9 48 C9 38 17.5 30 27 30 C36.5 30 45 38 45 48\" fill=\"#0B3C5D\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <!-- COLONNE DROITE \u2014 texte navy + questions en orange -->\r\n        <div class=\"cpi00-q-col\">\r\n          <p>Las organizaciones humanas no escapan a este mismo interrogante. Toda organizaci\u00f3n que crece tambi\u00e9n termina enfrent\u00e1ndose a una pregunta esencial:<\/p>\r\n          <span class=\"q-orange\">\u00bfQui\u00e9nes somos?<\/span>\r\n          <p>Y, m\u00e1s profundamente a\u00fan:<\/p>\r\n          <span class=\"q-orange\">\u00bfQu\u00e9 buscamos realmente lograr?<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- Guillemet FERMANT \u2014 orange, DANS la carte -->\r\n      <span class=\"cpi00-gm close\">&#8221;<\/span>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============================================================ -->\r\n  <!--  SECTION 4 \u2014 DEUX H\u00c9RITAGES ET UNE INTUITION                  -->\r\n  <!-- ============================================================ -->\r\n  <section class=\"cpi00-heritage\">\r\n    <div class=\"cpi00-heritage-inner\">\r\n      <h2 class=\"cpi00-sec-title\">OSE naci\u00f3 del encuentro de dos legados y una intuici\u00f3n<\/h2>\r\n      <div class=\"cpi00-heritage-grid\">\r\n\r\n        <!-- COUBERTIN -->\r\n        <div class=\"cpi00-hcard\">\r\n          <div class=\"cpi00-hcard-portrait\">\r\n            <!-- REEMPLAZAR ESTE ENLACE AQU\u00cd CON SU FOTO OSE -->\r\n            <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/06\/Pierre-de-CoubertinFondateur-du-CIO.png\"\r\n                 alt=\"Retrato de Pierre de Coubertin, renovador de los Juegos Ol\u00edmpicos modernos y primer legado fundador del programa OSE\">\r\n          <\/div>\r\n          <span class=\"eyebrow\">El Legado de<\/span>\r\n          <span class=\"nom\">Pierre de Coubertin<\/span>\r\n          <p>Renovador de los Juegos Ol\u00edmpicos modernos, que ve\u00eda en el deporte un poderoso medio de educaci\u00f3n, de acercamiento entre las naciones y de construcci\u00f3n de la paz.<\/p>\r\n          <div class=\"cpi00-hcard-logo\">\r\n            <!-- REEMPLAZAR ESTE ENLACE AQU\u00cd CON SU FOTO OSE -->\r\n            <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/07\/logo_de_COUBERTIN.png\"\r\n                 alt=\"Los cinco anillos ol\u00edmpicos, s\u00edmbolo del legado de Pierre de Coubertin en el coraz\u00f3n del programa OSE\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- PAUL HARRIS -->\r\n        <div class=\"cpi00-hcard\">\r\n          <div class=\"cpi00-hcard-portrait\">\r\n            <!-- REEMPLAZAR ESTE ENLACE AQU\u00cd CON SU FOTO OSE -->\r\n            <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/06\/Paul-HarrisFondateur-du-Rotary-International.png\"\r\n                 alt=\"Retrato de Paul Harris, fundador de Rotary International y segundo legado fundador del programa OSE\">\r\n          <\/div>\r\n          <span class=\"eyebrow\">El Legado de<\/span>\r\n          <span class=\"nom\">Paul Harris<\/span>\r\n          <p>Fundador de Rotary International, que ha demostrado desde hace m\u00e1s de un siglo la fuerza de la amistad, el servicio y la comprensi\u00f3n entre los pueblos.<\/p>\r\n          <div class=\"cpi00-hcard-logo\">\r\n            <!-- REEMPLAZAR ESTE ENLACE AQU\u00cd CON SU FOTO OSE -->\r\n            <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/06\/l_ADN_avant_la_croissance.png\"\r\n                 alt=\"Logotipo oficial de Rotary International, segundo legado fundador de la misi\u00f3n OSE de intercambios juveniles\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- UNE INTUITION -->\r\n        <div class=\"cpi00-hcard\">\r\n          <div class=\"cpi00-hcard-icon-ph\">\r\n            <!-- REEMPLAZAR ESTE ENLACE AQU\u00cd CON SU FOTO OSE -->\r\n            <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/07\/logo_intuition-removebg-preview.png\"\r\n                 alt=\"Globo terr\u00e1queo que ilustra la intuici\u00f3n fundadora de OSE: trasladar al deporte los intercambios internacionales de Rotary\">\r\n          <\/div>\r\n          <span class=\"eyebrow\">Una Intuici\u00f3n<\/span>\r\n          <span class=\"nom\">Fundadora<\/span>\r\n          <p>Trasladar al mundo del deporte la experiencia de los intercambios internacionales de j\u00f3venes desarrollada desde hace varias d\u00e9cadas por Rotary International, para convertirla en una aventura educativa, humana y existencial.<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============================================================ -->\r\n  <!--  SECTION 5 \u2014 LES 12 REP\u00c8RES (NON CLIQUABLES)                  -->\r\n  <!--  Design EXACT Image 1 : badge num\u00e9ro + ic\u00f4ne blanc + label     -->\r\n  <!-- ============================================================ -->\r\n  <section class=\"cpi00-reperes\">\r\n    <div class=\"cpi00-reperes-inner\">\r\n\r\n      <!-- Titre avec lignes d\u00e9coratives lat\u00e9rales -->\r\n      <div class=\"cpi00-rep-title-row\">\r\n        <span class=\"cpi00-rep-title-line\"><\/span>\r\n        <h2>Los 12 pilares de la Tarjeta de Identidad Planetaria<\/h2>\r\n        <span class=\"cpi00-rep-title-line\"><\/span>\r\n      <\/div>\r\n\r\n      <div class=\"cpi00-rep-grid\">\r\n\r\n        <!-- 1 \u2014 Conception de l'\u00catre Humain : figure orange, bras ouverts -->\r\n        <div class=\"cpi00-rep-item\">\r\n          <span class=\"cpi00-rep-num\">1<\/span>\r\n          <div class=\"cpi00-rep-icon\">\r\n            <svg viewBox=\"0 0 58 58\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n              <circle cx=\"29\" cy=\"9\" r=\"6\" stroke=\"#FF8C00\" stroke-width=\"2.2\" fill=\"none\"\/>\r\n              <line x1=\"29\" y1=\"15\" x2=\"29\" y2=\"33\" stroke=\"#FF8C00\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"29\" y1=\"22\" x2=\"11\" y2=\"28\" stroke=\"#FF8C00\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"29\" y1=\"22\" x2=\"47\" y2=\"28\" stroke=\"#FF8C00\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"29\" y1=\"33\" x2=\"19\" y2=\"50\" stroke=\"#FF8C00\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"29\" y1=\"33\" x2=\"39\" y2=\"50\" stroke=\"#FF8C00\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"cpi00-rep-lbl\">La Concepci\u00f3n del Ser Humano<\/span>\r\n        <\/div>\r\n\r\n        <!-- 2 \u2014 Raison d'\u00catre : cible + fl\u00e8che orange -->\r\n        <div class=\"cpi00-rep-item\">\r\n          <span class=\"cpi00-rep-num\">2<\/span>\r\n          <div class=\"cpi00-rep-icon\">\r\n            <svg viewBox=\"0 0 58 58\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n              <circle cx=\"24\" cy=\"34\" r=\"21\" stroke=\"#0B3C5D\" stroke-width=\"2\"\/>\r\n              <circle cx=\"24\" cy=\"34\" r=\"13\" stroke=\"#0B3C5D\" stroke-width=\"2\"\/>\r\n              <circle cx=\"24\" cy=\"34\" r=\"6\"  stroke=\"#0B3C5D\" stroke-width=\"2\"\/>\r\n              <circle cx=\"24\" cy=\"34\" r=\"2\"  fill=\"#0B3C5D\"\/>\r\n              <!-- Fl\u00e8che orange du haut-droit vers la cible -->\r\n              <line x1=\"52\" y1=\"6\" x2=\"30\" y2=\"28\" stroke=\"#FF8C00\" stroke-width=\"2.8\" stroke-linecap=\"round\"\/>\r\n              <path d=\"M24 22 L32 16 L34 26\" stroke=\"#FF8C00\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"cpi00-rep-lbl\">La Raz\u00f3n de Ser y la Misi\u00f3n de OSE<\/span>\r\n        <\/div>\r\n\r\n        <!-- 3 \u2014 Finalit\u00e9 : trois montagnes + drapeau -->\r\n        <div class=\"cpi00-rep-item\">\r\n          <span class=\"cpi00-rep-num\">3<\/span>\r\n          <div class=\"cpi00-rep-icon\">\r\n            <svg viewBox=\"0 0 58 58\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n              <!-- Montagne gauche petite -->\r\n              <polyline points=\"2,52 14,30 24,44\" stroke=\"#0B3C5D\" stroke-width=\"2\" stroke-linejoin=\"round\" fill=\"none\"\/>\r\n              <!-- Montagne droite petite -->\r\n              <polyline points=\"34,44 44,26 56,52\" stroke=\"#0B3C5D\" stroke-width=\"2\" stroke-linejoin=\"round\" fill=\"none\"\/>\r\n              <!-- Montagne centrale (la plus haute) -->\r\n              <polyline points=\"8,52 29,6 50,52\" stroke=\"#0B3C5D\" stroke-width=\"2.5\" stroke-linejoin=\"round\" fill=\"none\"\/>\r\n              <!-- M\u00e2t du drapeau -->\r\n              <line x1=\"29\" y1=\"6\" x2=\"29\" y2=\"2\" stroke=\"#0B3C5D\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <!-- Drapeau -->\r\n              <path d=\"M29 2 L42 6 L29 10 Z\" fill=\"#0B3C5D\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"cpi00-rep-lbl\">La Finalidad de OSE<\/span>\r\n        <\/div>\r\n\r\n        <!-- 4 \u2014 Filiation OSE : placeholder (logo \u00e0 ins\u00e9rer) -->\r\n        <div class=\"cpi00-rep-item\">\r\n          <span class=\"cpi00-rep-num\">4<\/span>\r\n          <div class=\"cpi00-rep-icon\">\r\n            <!-- REEMPLAZAR ESTE ENLACE AQU\u00cd CON SU FOTO OSE -->\r\n            <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/07\/la_filiation_OSE-removebg-preview.png\"\r\n                 alt=\"Pilar CPI 4 \u2013 La Filiaci\u00f3n OSE: v\u00ednculo institucional entre el Movimiento Ol\u00edmpico y Rotary International\"\r\n                 style=\"width:58px;height:58px;object-fit:contain;\">\r\n          <\/div>\r\n          <span class=\"cpi00-rep-lbl\">La Filiaci\u00f3n OSE<\/span>\r\n        <\/div>\r\n\r\n        <!-- 5 \u2014 Principe d'Alignement : boussole avec aiguille orange -->\r\n        <div class=\"cpi00-rep-item\">\r\n          <span class=\"cpi00-rep-num\">5<\/span>\r\n          <div class=\"cpi00-rep-icon\">\r\n            <svg viewBox=\"0 0 58 58\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n              <!-- Cercle ext\u00e9rieur -->\r\n              <circle cx=\"29\" cy=\"29\" r=\"26\" stroke=\"#0B3C5D\" stroke-width=\"2\" fill=\"none\"\/>\r\n              <!-- Aiguille : demi-nord en orange, demi-sud en navy -->\r\n              <path d=\"M29 29 L18 13 L24 27 Z\" fill=\"#FF8C00\"\/>\r\n              <path d=\"M29 29 L40 45 L34 31 Z\" fill=\"#0B3C5D\"\/>\r\n              <!-- Centre de l'aiguille -->\r\n              <circle cx=\"29\" cy=\"29\" r=\"3\" fill=\"white\" stroke=\"#0B3C5D\" stroke-width=\"1.5\"\/>\r\n              <!-- Petites marques cardinales -->\r\n              <line x1=\"29\" y1=\"3\" x2=\"29\" y2=\"8\" stroke=\"#0B3C5D\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"55\" y1=\"29\" x2=\"50\" y2=\"29\" stroke=\"#0B3C5D\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"29\" y1=\"55\" x2=\"29\" y2=\"50\" stroke=\"#0B3C5D\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"3\" y1=\"29\" x2=\"8\" y2=\"29\" stroke=\"#0B3C5D\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"cpi00-rep-lbl\">El Principio de Alineaci\u00f3n<\/span>\r\n        <\/div>\r\n\r\n        <!-- 6 \u2014 Crit\u00e8re des 4 Questions : point d'interrogation + \u00e9tiquettes -->\r\n        <div class=\"cpi00-rep-item\">\r\n          <span class=\"cpi00-rep-num\">6<\/span>\r\n          <div class=\"cpi00-rep-icon\">\r\n            <svg viewBox=\"0 0 58 58\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n              <!-- Grand point d'interrogation -->\r\n              <path d=\"M20 20 C20 13 24 10 29 10 C34 10 38 14 38 20 C38 26 34 27 29 32\" stroke=\"#0B3C5D\" stroke-width=\"3\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n              <circle cx=\"29\" cy=\"41\" r=\"3\" fill=\"#0B3C5D\"\/>\r\n              <!-- Petites \u00e9tiquettes (repr\u00e9sentent les 4 questions) -->\r\n              <rect x=\"38\" y=\"8\" width=\"16\" height=\"10\" rx=\"2\" stroke=\"#0B3C5D\" stroke-width=\"1.5\" fill=\"none\"\/>\r\n              <line x1=\"40\" y1=\"12\" x2=\"52\" y2=\"12\" stroke=\"#0B3C5D\" stroke-width=\"1.2\"\/>\r\n              <line x1=\"40\" y1=\"14.5\" x2=\"50\" y2=\"14.5\" stroke=\"#0B3C5D\" stroke-width=\"1.2\"\/>\r\n              <rect x=\"38\" y=\"22\" width=\"16\" height=\"10\" rx=\"2\" stroke=\"#0B3C5D\" stroke-width=\"1.5\" fill=\"none\"\/>\r\n              <line x1=\"40\" y1=\"26\" x2=\"52\" y2=\"26\" stroke=\"#0B3C5D\" stroke-width=\"1.2\"\/>\r\n              <line x1=\"40\" y1=\"28.5\" x2=\"50\" y2=\"28.5\" stroke=\"#0B3C5D\" stroke-width=\"1.2\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"cpi00-rep-lbl\">El Criterio de las Cuatro Preguntas<\/span>\r\n        <\/div>\r\n\r\n        <!-- 7 \u2014 Valeurs Institutionnelles : diamant taill\u00e9 (facettes) -->\r\n        <div class=\"cpi00-rep-item\">\r\n          <span class=\"cpi00-rep-num\">7<\/span>\r\n          <div class=\"cpi00-rep-icon\">\r\n            <svg viewBox=\"0 0 58 58\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n              <!-- Contour principal du diamant -->\r\n              <path d=\"M29 4 L50 22 L29 54 L8 22 Z\" stroke=\"#0B3C5D\" stroke-width=\"2.2\" fill=\"none\" stroke-linejoin=\"round\"\/>\r\n              <!-- Ligne de ceinture -->\r\n              <line x1=\"8\" y1=\"22\" x2=\"50\" y2=\"22\" stroke=\"#0B3C5D\" stroke-width=\"2\"\/>\r\n              <!-- Facettes sup\u00e9rieures -->\r\n              <line x1=\"29\" y1=\"4\" x2=\"20\" y2=\"22\" stroke=\"#0B3C5D\" stroke-width=\"1.4\"\/>\r\n              <line x1=\"29\" y1=\"4\" x2=\"38\" y2=\"22\" stroke=\"#0B3C5D\" stroke-width=\"1.4\"\/>\r\n              <!-- Facettes inf\u00e9rieures vers la pointe -->\r\n              <line x1=\"20\" y1=\"22\" x2=\"29\" y2=\"54\" stroke=\"#0B3C5D\" stroke-width=\"1.4\"\/>\r\n              <line x1=\"38\" y1=\"22\" x2=\"29\" y2=\"54\" stroke=\"#0B3C5D\" stroke-width=\"1.4\"\/>\r\n              <!-- R\u00e9flexion sup\u00e9rieure -->\r\n              <path d=\"M14 22 L20 12 L29 4 L38 12 L44 22\" stroke=\"#0B3C5D\" stroke-width=\"1.2\" fill=\"none\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"cpi00-rep-lbl\">Los Valores Institucionales de OSE<\/span>\r\n        <\/div>\r\n\r\n        <!-- 8 \u2014 Valeurs Humaines : grand c\u0153ur + petit c\u0153ur orange int\u00e9rieur -->\r\n        <div class=\"cpi00-rep-item\">\r\n          <span class=\"cpi00-rep-num\">8<\/span>\r\n          <div class=\"cpi00-rep-icon\">\r\n            <svg viewBox=\"0 0 58 58\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n              <!-- Grand c\u0153ur ext\u00e9rieur (navy) -->\r\n              <path d=\"M29 50 C29 50 6 34 6 20 C6 13 11 8 18 8 C22 8 26 10 29 14 C32 10 36 8 40 8 C47 8 52 13 52 20 C52 34 29 50 29 50Z\" stroke=\"#0B3C5D\" stroke-width=\"2.5\" fill=\"none\"\/>\r\n              <!-- Petit c\u0153ur int\u00e9rieur (orange) -->\r\n              <path d=\"M29 32 C29 32 20 25 20 19 C20 16 22 14 25 14 C27 14 28.2 15 29 16.5 C29.8 15 31 14 33 14 C36 14 38 16 38 19 C38 25 29 32 29 32Z\" fill=\"#FF8C00\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"cpi00-rep-lbl\">Los Valores Humanos Buscados<\/span>\r\n        <\/div>\r\n\r\n        <!-- 9 \u2014 Chemins de Transformation : personnage qui monte des marches -->\r\n        <div class=\"cpi00-rep-item\">\r\n          <span class=\"cpi00-rep-num\">9<\/span>\r\n          <div class=\"cpi00-rep-icon\">\r\n            <svg viewBox=\"0 0 58 58\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n              <!-- Marches (orange) montant de gauche \u00e0 droite -->\r\n              <path d=\"M4 54 L4 44 L16 44 L16 34 L28 34 L28 24 L40 24 L40 14 L54 14\" stroke=\"#FF8C00\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\r\n              <!-- Personnage courant (navy) sur la marche haute -->\r\n              <circle cx=\"46\" cy=\"8\" r=\"4.5\" fill=\"#0B3C5D\"\/>\r\n              <line x1=\"44\" y1=\"12.5\" x2=\"40\" y2=\"22\" stroke=\"#0B3C5D\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"42\" y1=\"16\" x2=\"36\" y2=\"14\" stroke=\"#0B3C5D\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"40\" y1=\"22\" x2=\"44\" y2=\"30\" stroke=\"#0B3C5D\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"40\" y1=\"22\" x2=\"34\" y2=\"28\" stroke=\"#0B3C5D\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"cpi00-rep-lbl\">Los Caminos de Transformaci\u00f3n<\/span>\r\n        <\/div>\r\n\r\n        <!-- 10 \u2014 Pactes et Serments : placeholder (logo \u00e0 ins\u00e9rer) -->\r\n        <div class=\"cpi00-rep-item\">\r\n          <span class=\"cpi00-rep-num\">10<\/span>\r\n          <div class=\"cpi00-rep-icon\">\r\n            <!-- REEMPLAZAR ESTE ENLACE AQU\u00cd CON SU FOTO OSE -->\r\n            <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/07\/les_pactes_et_les_serments-removebg-preview.png\"\r\n                 alt=\"Pilar CPI 10 \u2013 Los Pactos y Juramentos OSE: compromisos solemnes de los embajadores y clubes asociados\"\r\n                 style=\"width:58px;height:58px;object-fit:contain;\">\r\n          <\/div>\r\n          <span class=\"cpi00-rep-lbl\">Los Pactos y Juramentos<\/span>\r\n        <\/div>\r\n\r\n        <!-- 11 \u2014 Fruits Esp\u00e9r\u00e9s : arbre avec fruits orange -->\r\n        <div class=\"cpi00-rep-item\">\r\n          <span class=\"cpi00-rep-num\">11<\/span>\r\n          <div class=\"cpi00-rep-icon\">\r\n            <svg viewBox=\"0 0 58 58\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n              <!-- Tronc -->\r\n              <rect x=\"25\" y=\"36\" width=\"8\" height=\"18\" rx=\"3\" fill=\"#0B3C5D\"\/>\r\n              <!-- Couronne ronde -->\r\n              <circle cx=\"29\" cy=\"24\" r=\"18\" stroke=\"#0B3C5D\" stroke-width=\"2.2\" fill=\"none\"\/>\r\n              <!-- Branches int\u00e9rieures -->\r\n              <line x1=\"29\" y1=\"36\" x2=\"29\" y2=\"16\" stroke=\"#0B3C5D\" stroke-width=\"1.8\"\/>\r\n              <line x1=\"29\" y1=\"26\" x2=\"16\" y2=\"20\" stroke=\"#0B3C5D\" stroke-width=\"1.5\"\/>\r\n              <line x1=\"29\" y1=\"26\" x2=\"42\" y2=\"20\" stroke=\"#0B3C5D\" stroke-width=\"1.5\"\/>\r\n              <!-- Fruits (orange) dans la couronne -->\r\n              <circle cx=\"20\" cy=\"18\" r=\"3.5\" fill=\"#FF8C00\"\/>\r\n              <circle cx=\"34\" cy=\"15\" r=\"3.5\" fill=\"#FF8C00\"\/>\r\n              <circle cx=\"22\" cy=\"28\" r=\"3.5\" fill=\"#FF8C00\"\/>\r\n              <!-- Fruits tomb\u00e9s au sol -->\r\n              <circle cx=\"14\" cy=\"54\" r=\"3\" fill=\"#FF8C00\" opacity=\".7\"\/>\r\n              <circle cx=\"29\" cy=\"55\" r=\"3\" fill=\"#FF8C00\" opacity=\".7\"\/>\r\n              <circle cx=\"44\" cy=\"54\" r=\"3\" fill=\"#FF8C00\" opacity=\".7\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"cpi00-rep-lbl\">Los Frutos Esperados<\/span>\r\n        <\/div>\r\n\r\n        <!-- 12 \u2014 Horizon d'OSE : soleil orange se levant sur l'horizon -->\r\n        <div class=\"cpi00-rep-item\">\r\n          <span class=\"cpi00-rep-num\">12<\/span>\r\n          <div class=\"cpi00-rep-icon\">\r\n            <svg viewBox=\"0 0 58 58\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n              <!-- Ligne d'horizon -->\r\n              <line x1=\"2\" y1=\"40\" x2=\"56\" y2=\"40\" stroke=\"#FF8C00\" stroke-width=\"2.8\" stroke-linecap=\"round\"\/>\r\n              <!-- Demi-cercle soleil -->\r\n              <path d=\"M10 40 A19 19 0 0 1 48 40\" fill=\"#FF8C00\" opacity=\".25\"\/>\r\n              <path d=\"M10 40 A19 19 0 0 1 48 40\" stroke=\"#FF8C00\" stroke-width=\"2.5\" fill=\"none\"\/>\r\n              <!-- Rayons du soleil -->\r\n              <line x1=\"29\" y1=\"21\" x2=\"29\" y2=\"13\" stroke=\"#FF8C00\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"44\" y1=\"25\" x2=\"49\" y2=\"19\" stroke=\"#FF8C00\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"14\" y1=\"25\" x2=\"9\"  y2=\"19\" stroke=\"#FF8C00\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"50\" y1=\"36\" x2=\"56\" y2=\"32\" stroke=\"#FF8C00\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"8\"  y1=\"36\" x2=\"2\"  y2=\"32\" stroke=\"#FF8C00\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"38\" y1=\"19\" x2=\"42\" y2=\"12\" stroke=\"#FF8C00\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"20\" y1=\"19\" x2=\"16\" y2=\"12\" stroke=\"#FF8C00\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"cpi00-rep-lbl\">El Horizonte de OSE<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============================================================ -->\r\n  <!--  SECTION 6 \u2014 BANDE \"REP\u00c8RE COMMUN\"                            -->\r\n  <!--  Boussole + Livre : placeholders \u00e0 remplir                   -->\r\n  <!-- ============================================================ -->\r\n  <section class=\"cpi00-band\">\r\n    <div class=\"cpi00-band-inner\">\r\n\r\n      <div class=\"cpi00-band-compass-ph\">\r\n        <!-- REEMPLAZAR ESTE ENLACE AQU\u00cd CON SU FOTO OSE -->\r\n        <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/07\/boussole_de_la_carte_d_identite_planetaire-removebg-preview.png\"\r\n             alt=\"Br\u00fajula, met\u00e1fora de la Tarjeta de Identidad Planetaria OSE, punto de referencia com\u00fan compartido por todos los miembros\">\r\n      <\/div>\r\n\r\n      <div class=\"cpi00-band-text\">\r\n        <h3>Esta Tarjeta de Identidad Planetaria constituir\u00e1 <em>un punto de referencia com\u00fan. Una referencia compartida. Una br\u00fajula.<\/em><\/h3>\r\n        <p>Acompa\u00f1ar\u00e1 el desarrollo de OSE a trav\u00e9s del tiempo, las generaciones y los pa\u00edses. A medida que nuevos j\u00f3venes, nuevas familias, nuevos clubes, nuevas instituciones deportivas, nuevas asociaciones y nuevos socios se unan a la aventura, constituir\u00e1 un punto de referencia com\u00fan. Una referencia compartida. Una br\u00fajula.<\/p>\r\n        <p>Su ambici\u00f3n no es encerrar a OSE en una definici\u00f3n fija. Su ambici\u00f3n es al mismo tiempo m\u00e1s sencilla y m\u00e1s exigente: <span class=\"gold\">Permitir que OSE permanezca fiel a lo que le dio origen.<\/span><\/p>\r\n      <\/div>\r\n\r\n      <div class=\"cpi00-band-book-ph\">\r\n        <!-- REEMPLAZAR ESTE ENLACE AQU\u00cd CON SU FOTO OSE -->\r\n        <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/07\/document_de_la_carte_d_identite_planetaire-removebg-preview.png\"\r\n             alt=\"Libro de la Tarjeta de Identidad Planetaria OSE \u2013 br\u00fajula institucional y referencia compartida entre generaciones y pa\u00edses\">\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============================================================ -->\r\n  <!--  SECTION 7 \u2014 NOS CONVICTIONS FONDAMENTALES                   -->\r\n  <!--  Les 4 ic\u00f4nes + globe = placeholders \u00e0 ins\u00e9rer               -->\r\n  <!-- ============================================================ -->\r\n  <section class=\"cpi00-conv\">\r\n    <div class=\"cpi00-conv-inner\">\r\n      <h2 class=\"cpi00-sec-title\">Nuestras Convicciones Fundamentales<\/h2>\r\n\r\n      <!-- 4 colonnes convictions -->\r\n      <div class=\"cpi00-conv-grid\">\r\n\r\n        <!-- CONVICTION 1 -->\r\n        <div class=\"cpi00-conv-item\">\r\n          <div class=\"cpi00-conv-icon-ph\">\r\n            <!-- REEMPLAZAR ESTE ENLACE AQU\u00cd CON SU FOTO OSE -->\r\n            <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/07\/la_conviction_de_l_etre_humain-removebg-preview.png\"\r\n                 alt=\"Ilustraci\u00f3n de la 1\u00aa convicci\u00f3n fundamental de OSE: el ser humano est\u00e1 llamado no solo a vivir, sino a existir\">\r\n          <\/div>\r\n          <p class=\"cpi00-conv-text\">La convicci\u00f3n de que el ser humano no est\u00e1 llamado solo a vivir, sino a existir.<\/p>\r\n        <\/div>\r\n\r\n        <!-- CONVICTION 2 -->\r\n        <div class=\"cpi00-conv-item\">\r\n          <div class=\"cpi00-conv-icon-ph\">\r\n            <!-- REEMPLAZAR ESTE ENLACE AQU\u00cd CON SU FOTO OSE -->\r\n            <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/07\/la_conviction_du_sport-removebg-preview.png\"\r\n                 alt=\"Ilustraci\u00f3n de la 2\u00aa convicci\u00f3n fundamental de OSE: el deporte como notable escuela de la existencia humana\">\r\n          <\/div>\r\n          <p class=\"cpi00-conv-text\">La convicci\u00f3n de que el deporte puede ser una notable escuela de vida.<\/p>\r\n        <\/div>\r\n\r\n        <!-- CONVICTION 3 -->\r\n        <div class=\"cpi00-conv-item\">\r\n          <div class=\"cpi00-conv-icon-ph\">\r\n            <!-- REEMPLAZAR ESTE ENLACE AQU\u00cd CON SU FOTO OSE -->\r\n            <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/07\/la_conviction_des_personnes_par_leurs_empruntes-removebg-preview.png\"\r\n                 alt=\"Ilustraci\u00f3n de la 3\u00aa convicci\u00f3n fundamental de OSE: cada persona posee un valor \u00fanico que aportar al mundo\">\r\n          <\/div>\r\n          <p class=\"cpi00-conv-text\">La convicci\u00f3n de que cada persona posee un valor \u00fanico que aportar al mundo.<\/p>\r\n        <\/div>\r\n\r\n        <!-- CONVICTION 4 -->\r\n        <div class=\"cpi00-conv-item\">\r\n          <div class=\"cpi00-conv-icon-ph\">\r\n            <!-- REEMPLAZAR ESTE ENLACE AQU\u00cd CON SU FOTO OSE -->\r\n            <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/07\/la_conviction_a_aider_les_gens_a_devenir_eux_memes-removebg-preview.png\"\r\n                 alt=\"Ilustraci\u00f3n de la 4\u00aa convicci\u00f3n de OSE: al ayudar a cada persona a crecer, contribuimos modestamente al crecimiento de la Humanidad\">\r\n          <\/div>\r\n          <p class=\"cpi00-conv-text\">Por \u00faltimo, la convicci\u00f3n de que, al ayudar a cada persona a ser m\u00e1s ella misma, es posible contribuir, modesta pero realmente, al crecimiento de la Humanidad.<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- Bande r\u00e9sum\u00e9 3 cellules -->\r\n      <div class=\"cpi00-conv-bottom\">\r\n\r\n        <div class=\"cpi00-conv-btm-cell\">\r\n          <p class=\"cpi00-conv-btm-txt\">Esta es la raz\u00f3n de ser<br>de esta Tarjeta de Identidad Planetaria.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"cpi00-conv-btm-cell\">\r\n          <div class=\"cpi00-conv-globe-ph\">\r\n            <!-- REEMPLAZAR ESTE ENLACE AQU\u00cd CON SU FOTO OSE -->\r\n            <img decoding=\"async\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/07\/carte_d_identite_planetaire-removebg-preview.png\"\r\n                 alt=\"Globo terr\u00e1queo OSE, s\u00edmbolo de la intenci\u00f3n y la esperanza universal de la Tarjeta de Identidad Planetaria\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cpi00-conv-btm-cell\">\r\n          <div class=\"cpi00-conv-right-block\">\r\n            <p class=\"cpi00-conv-right-txt\">Esta es su intenci\u00f3n.<\/p>\r\n            <p class=\"cpi00-conv-right-txt\">Esta es su esperanza.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n\r\n<\/div>\r\n<!-- ================================================================ -->\r\n<!-- FIN \u2014 CPI 00 CARTE D'IDENTIT\u00c9 PLAN\u00c9TAIRE (VERSION 3)             -->\r\n<!-- Pr\u00e9fixe .cpi00-  |  WPML-safe  |  Police augment\u00e9e              -->\r\n<!-- ================================================================ -->\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>LaTarjetade IdentidadPlanetaria Una br\u00fajula para crecer,actuar y contribuir. &#8220; Todo ser humano que crece termina siempre por hacerse una pregunta esencial: \u00bfQui\u00e9n soy, objetivamente? Y, m\u00e1s profundamente a\u00fan: \u00bfCu\u00e1l es mi raz\u00f3n de ser? Las organizaciones humanas no escapan a este mismo interrogante. Toda organizaci\u00f3n que crece tambi\u00e9n termina enfrent\u00e1ndose a una pregunta esencial: \u00bfQui\u00e9nes [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":819,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-823","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ose-echange.org\/es\/wp-json\/wp\/v2\/pages\/823","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=823"}],"version-history":[{"count":5,"href":"https:\/\/ose-echange.org\/es\/wp-json\/wp\/v2\/pages\/823\/revisions"}],"predecessor-version":[{"id":1891,"href":"https:\/\/ose-echange.org\/es\/wp-json\/wp\/v2\/pages\/823\/revisions\/1891"}],"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=823"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}