{"id":948,"date":"2026-07-07T09:53:25","date_gmt":"2026-07-07T09:53:25","guid":{"rendered":"https:\/\/ose-echange.org\/recursos\/cuaderno-fundador-5-el-principio-de-alineacion\/"},"modified":"2026-08-03T19:32:33","modified_gmt":"2026-08-03T19:32:33","slug":"cuaderno-fundador-5-el-principio-de-alineacion","status":"publish","type":"page","link":"https:\/\/ose-echange.org\/es\/biblioteca\/cahiers-de-base\/cuaderno-fundador-5-el-principio-de-alineacion\/","title":{"rendered":"Cuaderno Fundador 5 &#8211; El Principio de Alineaci\u00f3n"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"948\" class=\"elementor elementor-948 elementor-249\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c415004 e-flex e-con-boxed e-con e-parent\" data-id=\"c415004\" 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-aae3701 elementor-widget elementor-widget-html\" data-id=\"aae3701\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     OSE \u2014 CUADERNO FUNDACIONAL N\u00b05: EL PRINCIPIO DE ALINEACI\u00d3N (v4 \u2014 ES)\r\n     Prefijo CSS con \u00e1mbito: .ocf5b-\r\n     Versi\u00f3n en espa\u00f1ol de Espa\u00f1a (Castellano) \u2014 estructura, clases y\r\n     CSS mantenidos estrictamente id\u00e9nticos a la versi\u00f3n francesa.\r\n     ============================================================ -->\r\n\r\n<section class=\"ocf5b-page\" lang=\"es\">\r\n\r\n  <style>\r\n    .ocf5b-page, .ocf5b-page * { box-sizing: border-box; }\r\n    .ocf5b-page {\r\n      width: 100%;\r\n      background: #FFFFFF;\r\n      font-family: 'Open Sans', Arial, sans-serif;\r\n      color: #0B2748;\r\n      overflow-x: hidden;\r\n    }\r\n    .ocf5b-page h1, .ocf5b-page h2, .ocf5b-page h3 {\r\n      font-family: 'Playfair Display', Georgia, serif;\r\n      margin: 0;\r\n    }\r\n\r\n    \/* ---------- HERO \/ T\u00cdTULO ---------- *\/\r\n    .ocf5b-hero {\r\n      width: 100%;\r\n      background: #EFE2C4;\r\n      padding: 68px 24px 52px;\r\n      text-align: center;\r\n    }\r\n    .ocf5b-hero h1 {\r\n      font-size: clamp(24px, 4vw, 36px);\r\n      font-weight: 800;\r\n      color: #0B2748;\r\n      line-height: 1.15;\r\n      margin-bottom: 16px;\r\n      overflow-wrap: break-word;\r\n      word-break: normal;\r\n      hyphens: none;\r\n      padding: 0 6px;\r\n    }\r\n    .ocf5b-hero-sub {\r\n      font-family: 'Montserrat', Arial, sans-serif;\r\n      font-size: 16px;\r\n      color: #2F6B45;\r\n      font-style: italic;\r\n      margin-bottom: 28px;\r\n    }\r\n    .ocf5b-hero-quote {\r\n      max-width: 880px;\r\n      margin: 0 auto;\r\n      font-family: 'Playfair Display', Georgia, serif;\r\n      font-style: italic;\r\n      font-size: 16px;\r\n      line-height: 1.6;\r\n      color: #0B2748;\r\n      position: relative;\r\n      padding: 0 40px;\r\n    }\r\n    .ocf5b-quote-mark {\r\n      font-family: 'Playfair Display', Georgia, serif;\r\n      font-size: 26px;\r\n      font-weight: 700;\r\n      color: #FF8C00;\r\n      line-height: 0;\r\n      position: relative;\r\n      top: 8px;\r\n    }\r\n    .ocf5b-quote-mark.ocf5b-open { margin-right: 6px; }\r\n    .ocf5b-quote-mark.ocf5b-close { margin-left: 6px; }\r\n\r\n    \/* ---------- LO ESENCIAL EN UN MINUTO ---------- *\/\r\n    .ocf5b-essentiel-wrap { max-width: 1040px; margin: 0 auto; padding: 0 24px; margin-top: -20px; }\r\n    .ocf5b-essentiel {\r\n      background: #FFFFFF;\r\n      border: 2px solid #0B2748;\r\n      border-radius: 20px;\r\n      padding: 32px 36px;\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 22px;\r\n      box-shadow: 0 10px 26px rgba(11,39,72,0.10);\r\n    }\r\n    .ocf5b-essentiel-icon {\r\n      flex-shrink: 0;\r\n      width: 56px; height: 56px;\r\n      border-radius: 50%;\r\n      background: #FF8C00;\r\n      display: flex; align-items: center; justify-content: center;\r\n    }\r\n    .ocf5b-essentiel h3 {\r\n      font-family: 'Montserrat', Arial, sans-serif;\r\n      font-size: 14px;\r\n      letter-spacing: 1.5px;\r\n      text-transform: uppercase;\r\n      color: #0B2748;\r\n      margin-bottom: 10px;\r\n    }\r\n    .ocf5b-essentiel p { font-size: 16px; line-height: 1.65; margin: 0; }\r\n\r\n    \/* ---------- ESTRUCTURA PRINCIPAL: CONTENIDO + BARRA LATERAL ---------- *\/\r\n    .ocf5b-main {\r\n      max-width: 1440px;\r\n      margin: 0 auto;\r\n      padding: 64px 24px;\r\n      display: flex;\r\n      gap: 46px;\r\n      align-items: flex-start;\r\n    }\r\n    .ocf5b-content { flex: 1 1 68%; min-width: 0; }\r\n    .ocf5b-sidebar { flex: 1 1 30%; min-width: 0; max-width: 400px; }\r\n\r\n    .ocf5b-content-grid {\r\n      display: flex;\r\n      gap: 42px;\r\n      align-items: flex-start;\r\n    }\r\n    .ocf5b-list-col { flex: 1 1 50%; min-width: 0; }\r\n    .ocf5b-diagram-col { flex: 1 1 50%; min-width: 0; }\r\n\r\n    \/* ---------- LISTA CON ICONOS ---------- *\/\r\n    .ocf5b-item {\r\n      display: flex;\r\n      gap: 20px;\r\n      padding: 26px 0;\r\n      border-bottom: 1px solid rgba(11,39,72,0.09);\r\n    }\r\n    .ocf5b-item:first-child { padding-top: 0; }\r\n    .ocf5b-badge {\r\n      flex-shrink: 0;\r\n      width: 52px; height: 52px;\r\n      border-radius: 50%;\r\n      display: flex; align-items: center; justify-content: center;\r\n    }\r\n    .ocf5b-item-body h3 {\r\n      font-family: 'Montserrat', Arial, sans-serif;\r\n      font-size: 18px;\r\n      letter-spacing: 0.5px;\r\n      color: #0B2748;\r\n      margin-bottom: 10px;\r\n    }\r\n    .ocf5b-item-body p {\r\n      font-size: 15px;\r\n      line-height: 1.7;\r\n      color: #333;\r\n      margin: 0 0 10px;\r\n    }\r\n    .ocf5b-more {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      font-family: 'Montserrat', Arial, sans-serif;\r\n      font-size: 14px;\r\n      font-weight: 700;\r\n      color: #FF8C00;\r\n      text-decoration: none;\r\n    }\r\n\r\n    \/* ---------- ESQUEMA DEL OC\u00c9ANO: UN \u00daNICO SISTEMA SVG (foto + cajas + flechas) ---------- *\/\r\n    .ocf5b-diagram-title {\r\n      text-align: center;\r\n      margin-bottom: 6px;\r\n      font-size: 26px;\r\n    }\r\n    .ocf5b-diagram-sub {\r\n      text-align: center;\r\n      font-family: 'Montserrat', Arial, sans-serif;\r\n      font-size: 15px;\r\n      letter-spacing: 1px;\r\n      color: #2F6B45;\r\n      text-transform: uppercase;\r\n      margin-bottom: 22px;\r\n    }\r\n    .ocf5b-ocean-stage {\r\n      position: relative;\r\n      width: 100%;\r\n      aspect-ratio: 560 \/ 760;\r\n      border-radius: 22px;\r\n      overflow: hidden;\r\n      box-shadow: 0 12px 30px rgba(11,39,72,0.18);\r\n      background: #EFE2C4;\r\n    }\r\n    \/* La foto cubre ahora TODA la altura del esquema (incluida la zona Alineaci\u00f3n, hecha transparente) *\/\r\n    .ocf5b-ocean-photo {\r\n      position: absolute;\r\n      top: 0; left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      display: block;\r\n    }\r\n    .ocf5b-ocean-svg {\r\n      position: relative;\r\n      display: block;\r\n      width: 100%;\r\n      height: auto;\r\n    }\r\n    \/* Texto real dentro de los foreignObject (traducible con WPML) *\/\r\n    .ocf5b-fo-div { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; }\r\n    .ocf5b-fo-title { font-family: 'Montserrat', Arial, sans-serif; font-weight: 700; color: #FFFFFF; margin: 0 0 4px; line-height: 1.15; }\r\n    .ocf5b-fo-text { font-family: 'Open Sans', Arial, sans-serif; color: #EAF2F8; margin: 0; line-height: 1.3; }\r\n    .ocf5b-fo-embruns  .ocf5b-fo-title { font-size: 15px; }\r\n    .ocf5b-fo-embruns  .ocf5b-fo-text  { font-size: 11.5px; }\r\n    .ocf5b-fo-vagues   .ocf5b-fo-title { font-size: 15px; }\r\n    .ocf5b-fo-vagues   .ocf5b-fo-text  { font-size: 11.5px; }\r\n    .ocf5b-fo-courant  .ocf5b-fo-title { font-size: 15px; }\r\n    .ocf5b-fo-courant  .ocf5b-fo-text  { font-size: 11.5px; color: #C9D6E4; }\r\n    .ocf5b-fo-marees-title { font-family: 'Montserrat', Arial, sans-serif; font-weight: 800; color: #FF8C00; font-size: 14px; margin: 0 0 6px; text-transform: uppercase; letter-spacing: 0.5px; }\r\n    .ocf5b-fo-marees-lead { font-size: 11.5px; color: #555; margin: 0 0 10px; line-height: 1.3; }\r\n    .ocf5b-fo-marees-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }\r\n    .ocf5b-fo-marees-list li { display: flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 600; color: #0B2748; padding: 5px 0; border-bottom: 1px dotted rgba(11,39,72,0.2); }\r\n    .ocf5b-fo-marees-list li:last-child { border-bottom: none; }\r\n    .ocf5b-fo-align-title { font-family: 'Montserrat', Arial, sans-serif; font-weight: 800; color: #FFFFFF; font-size: 17px; text-align: center; margin: 0 0 8px; text-transform: uppercase; letter-spacing: 0.5px; text-shadow: 0 2px 8px rgba(0,0,0,0.6); }\r\n    .ocf5b-fo-align-text { font-size: 13px; color: #F2F2F2; text-align: center; line-height: 1.5; margin: 0; text-shadow: 0 2px 6px rgba(0,0,0,0.6); }\r\n\r\n    .ocf5b-fo-stage-title { font-family: 'Montserrat', Arial, sans-serif; font-weight: 800; color: #0B2748; font-size: 17px; text-align: center; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 4px; }\r\n    .ocf5b-fo-stage-sub { font-family: 'Open Sans', Arial, sans-serif; color: #24435f; font-size: 12px; text-align: center; margin: 0; }\r\n    .ocf5b-marees-panel-bg { fill: #FFFDF8; stroke: #E8D5A8; stroke-width: 2; }\r\n    .ocf5b-align-panel-bg { fill: url(#ocf5b-align-scrim); }\r\n\r\n    \/* ---------- BARRA LATERAL ---------- *\/\r\n    .ocf5b-side-card {\r\n      background: #FFFFFF;\r\n      border: 1px solid rgba(11,39,72,0.12);\r\n      border-radius: 20px;\r\n      padding: 28px 28px;\r\n      margin-bottom: 28px;\r\n      box-shadow: 0 8px 22px rgba(11,39,72,0.07);\r\n    }\r\n    .ocf5b-side-card h3 {\r\n      font-family: 'Montserrat', Arial, sans-serif;\r\n      font-size: 16px;\r\n      letter-spacing: 1.5px;\r\n      text-transform: uppercase;\r\n      color: #0B2748;\r\n      margin-bottom: 20px;\r\n      padding-bottom: 14px;\r\n      border-bottom: 2px solid #EFE2C4;\r\n    }\r\n    .ocf5b-id-row {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 14px;\r\n      margin-bottom: 18px;\r\n    }\r\n    .ocf5b-id-row:last-child { margin-bottom: 0; }\r\n    .ocf5b-id-icon {\r\n      flex-shrink: 0;\r\n      width: 38px; height: 38px;\r\n      border-radius: 50%;\r\n      background: #FF8C00;\r\n      display: flex; align-items: center; justify-content: center;\r\n    }\r\n    .ocf5b-id-row .ocf5b-id-label {\r\n      display: block;\r\n      font-family: 'Montserrat', Arial, sans-serif;\r\n      font-size: 13px;\r\n      letter-spacing: 1px;\r\n      text-transform: uppercase;\r\n      color: #999;\r\n      margin-bottom: 3px;\r\n    }\r\n    .ocf5b-id-row p {\r\n      font-size: 15px;\r\n      margin: 0;\r\n      color: #0B2748;\r\n      font-weight: 600;\r\n      line-height: 1.4;\r\n    }\r\n\r\n    .ocf5b-retenir-item { margin-bottom: 18px; }\r\n    .ocf5b-retenir-item:last-child { margin-bottom: 0; }\r\n    .ocf5b-retenir-item h4 {\r\n      font-family: 'Montserrat', Arial, sans-serif;\r\n      font-size: 15px;\r\n      font-weight: 700;\r\n      color: #FF8C00;\r\n      margin-bottom: 5px;\r\n    }\r\n    .ocf5b-retenir-item p { font-size: 15px; color: #333; margin: 0; line-height: 1.55; }\r\n\r\n    \/* Estilo \"Icon List\" al estilo widget nativo de Elementor *\/\r\n    .ocf5b-doclink {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      padding: 13px 4px;\r\n      border-bottom: 1px dotted rgba(11,39,72,0.25);\r\n      text-decoration: none;\r\n      color: #0B2748;\r\n      font-size: 15px;\r\n      font-weight: 600;\r\n      transition: padding-left 0.15s ease, color 0.15s ease;\r\n    }\r\n    .ocf5b-doclink:last-child { border-bottom: none; }\r\n    .ocf5b-doclink:before {\r\n      content: \"\";\r\n      width: 7px; height: 7px;\r\n      border-radius: 50%;\r\n      background: #FF8C00;\r\n      flex-shrink: 0;\r\n    }\r\n    .ocf5b-doclink span { margin-left: auto; }\r\n    .ocf5b-doclink:hover { padding-left: 8px; color: #FF8C00; }\r\n\r\n    \/* ---------- CITA BARRA LATERAL (con comillas, igual que la cita final) ---------- *\/\r\n    .ocf5b-side-quote {\r\n      background: #0B2748;\r\n      border-radius: 20px;\r\n      padding: 34px 28px;\r\n      text-align: center;\r\n    }\r\n    .ocf5b-side-quote p {\r\n      font-family: 'Playfair Display', Georgia, serif;\r\n      font-style: italic;\r\n      font-size: 16px;\r\n      line-height: 1.55;\r\n      color: #EFE2C4;\r\n      margin: 0;\r\n    }\r\n    .ocf5b-side-quote .ocf5b-quote-mark { color: #FF8C00; font-size: 24px; }\r\n\r\n    \/* ---------- CITA A TODO EL ANCHO (con comillas, texto exacto del cliente) ---------- *\/\r\n    .ocf5b-final-quote {\r\n      width: 100%;\r\n      background: #FFFFFF;\r\n      padding: 54px 24px;\r\n    }\r\n    .ocf5b-final-quote-inner {\r\n      max-width: 1150px;\r\n      margin: 0 auto;\r\n      text-align: center;\r\n    }\r\n    .ocf5b-final-quote-inner p {\r\n      font-family: 'Playfair Display', Georgia, serif;\r\n      font-style: italic;\r\n      font-size: 16px;\r\n      line-height: 1.7;\r\n      color: #0B2748;\r\n    }\r\n\r\n  <\/style>\r\n\r\n  <!-- ================= HERO \/ T\u00cdTULO ================= -->\r\n  <header class=\"ocf5b-hero\">\r\n    <h1>EL PRINCIPIO DE ALINEACI\u00d3N<\/h1>\r\n    <p class=\"ocf5b-hero-sub\">El esp\u00edritu que gu\u00eda a OSE<\/p>\r\n    <p class=\"ocf5b-hero-quote\">\r\n      <span class=\"ocf5b-quote-mark ocf5b-open\">&#8220;<\/span>Les pido que lleguen hasta el final de s\u00ed mismos, y me escuchan porque ven, sienten que yo llego hasta el final de m\u00ed mismo, hasta el final de mi b\u00fasqueda.<span class=\"ocf5b-quote-mark ocf5b-close\">&#8221;<\/span>\r\n    <\/p>\r\n  <\/header>\r\n\r\n  <!-- ================= LO ESENCIAL EN UN MINUTO ================= -->\r\n  <div class=\"ocf5b-essentiel-wrap\">\r\n    <div class=\"ocf5b-essentiel\">\r\n      <div class=\"ocf5b-essentiel-icon\">\r\n        <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\"><path d=\"M12 2 L14 9 L21 9 L15.5 13 L17.5 21 L12 16.5 L6.5 21 L8.5 13 L3 9 L10 9 Z\" fill=\"#0B2748\"\/><\/svg>\r\n      <\/div>\r\n      <div>\r\n        <h3>Lo esencial en un minuto<\/h3>\r\n        <p>La alineaci\u00f3n consiste en permanecer fiel a lo que nuestra corriente profunda reconoce como verdadero y justo, para nuestra propia plenitud y nuestra contribuci\u00f3n a la Humanidad.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- ================= CONTENIDO PRINCIPAL + BARRA LATERAL ================= -->\r\n  <div class=\"ocf5b-main\">\r\n\r\n    <div class=\"ocf5b-content\">\r\n      <div class=\"ocf5b-content-grid\">\r\n\r\n        <!-- LISTA CON ICONOS -->\r\n        <div class=\"ocf5b-list-col\">\r\n\r\n          <div class=\"ocf5b-item\">\r\n            <div class=\"ocf5b-badge\" style=\"background:#0B2748;\">\r\n              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#fff\" stroke-width=\"1.6\" fill=\"none\"\/><path d=\"M12 3v18M3 12h18\" stroke=\"#fff\" stroke-width=\"1.2\"\/><path d=\"M12 8l2 4-2 4-2-4z\" fill=\"#fff\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"ocf5b-item-body\">\r\n              <h3>El hombre, ese oc\u00e9ano<\/h3>\r\n              <p>Cada ser humano se parece a un oc\u00e9ano. En lo m\u00e1s profundo de s\u00ed mismo se encuentra una corriente profunda. En la superficie, visibles para todos, flotan las salpicaduras: emociones, pensamientos, decisiones.<\/p>\r\n              <a href=\"#\" class=\"ocf5b-more\">Saber m\u00e1s \u2192<\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ocf5b-item\">\r\n            <div class=\"ocf5b-badge\" style=\"background:#FF8C00;\">\r\n              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#fff\" stroke-width=\"1.6\" fill=\"none\"\/><path d=\"M12 3v18M3 12h18\" stroke=\"#fff\" stroke-width=\"1.2\"\/><path d=\"M12 8l2 4-2 4-2-4z\" fill=\"#fff\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"ocf5b-item-body\">\r\n              <h3>La coherencia<\/h3>\r\n              <p>Conectar las salpicaduras con las olas. Hacer que coincidan lo que pensamos, lo que decimos y lo que hacemos. Una etapa importante del desarrollo personal.<\/p>\r\n              <a href=\"#\" class=\"ocf5b-more\">Saber m\u00e1s \u2192<\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ocf5b-item\">\r\n            <div class=\"ocf5b-badge\" style=\"background:#0B2748;\">\r\n              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#fff\" stroke-width=\"1.6\" fill=\"none\"\/><path d=\"M12 3v18M3 12h18\" stroke=\"#fff\" stroke-width=\"1.2\"\/><path d=\"M12 8l2 4-2 4-2-4z\" fill=\"#fff\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"ocf5b-item-body\">\r\n              <h3>La alineaci\u00f3n<\/h3>\r\n              <p>Conectar las olas con la corriente profunda. Una b\u00fasqueda permanente de fidelidad a lo que nuestra corriente profunda reconoce como justo. La alineaci\u00f3n no es un estado, es una direcci\u00f3n, es un camino.<\/p>\r\n              <a href=\"#\" class=\"ocf5b-more\">Saber m\u00e1s \u2192<\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ocf5b-item\">\r\n            <div class=\"ocf5b-badge\" style=\"background:#FF8C00;\">\r\n              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#fff\" stroke-width=\"1.6\" fill=\"none\"\/><path d=\"M12 3v18M3 12h18\" stroke=\"#fff\" stroke-width=\"1.2\"\/><path d=\"M12 8l2 4-2 4-2-4z\" fill=\"#fff\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"ocf5b-item-body\">\r\n              <h3>Una exigencia compartida<\/h3>\r\n              <p>Esta exigencia concierne a los j\u00f3venes, pero tambi\u00e9n a las familias, los clubes y los responsables. Cada uno est\u00e1 invitado a proseguir su propio trabajo de alineaci\u00f3n.<\/p>\r\n              <a href=\"#\" class=\"ocf5b-more\">Saber m\u00e1s \u2192<\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ocf5b-item\">\r\n            <div class=\"ocf5b-badge\" style=\"background:#0B2748;\">\r\n              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#fff\" stroke-width=\"1.6\" fill=\"none\"\/><path d=\"M12 3v18M3 12h18\" stroke=\"#fff\" stroke-width=\"1.2\"\/><path d=\"M12 8l2 4-2 4-2-4z\" fill=\"#fff\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"ocf5b-item-body\">\r\n              <h3>La alineaci\u00f3n de las organizaciones<\/h3>\r\n              <p>Las organizaciones tienen una raz\u00f3n de ser. Su alineaci\u00f3n consiste en permanecer fieles a esa raz\u00f3n de ser, conectando su misi\u00f3n, sus decisiones, sus acciones y sus consecuencias.<\/p>\r\n              <a href=\"#\" class=\"ocf5b-more\">Saber m\u00e1s \u2192<\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ocf5b-item\">\r\n            <div class=\"ocf5b-badge\" style=\"background:#FF8C00;\">\r\n              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#fff\" stroke-width=\"1.6\" fill=\"none\"\/><path d=\"M12 3v18M3 12h18\" stroke=\"#fff\" stroke-width=\"1.2\"\/><path d=\"M12 8l2 4-2 4-2-4z\" fill=\"#fff\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"ocf5b-item-body\">\r\n              <h3>El discernimiento de la alineaci\u00f3n<\/h3>\r\n              <p>OSE propone una herramienta sencilla: el Criterio de las Cuatro Preguntas de la Alineaci\u00f3n. Ayuda a cada persona a cuestionar sus elecciones, sus decisiones y sus acciones.<\/p>\r\n              <a href=\"#\" class=\"ocf5b-more\">Saber m\u00e1s \u2192<\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ocf5b-item\">\r\n            <div class=\"ocf5b-badge\" style=\"background:#0B2748;\">\r\n              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#fff\" stroke-width=\"1.6\" fill=\"none\"\/><path d=\"M12 3v18M3 12h18\" stroke=\"#fff\" stroke-width=\"1.2\"\/><path d=\"M12 8l2 4-2 4-2-4z\" fill=\"#fff\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"ocf5b-item-body\">\r\n              <h3>La confianza<\/h3>\r\n              <p>Nace cuando las personas perciben una fidelidad profunda entre lo que afirmamos y lo que realmente buscamos vivir.<\/p>\r\n              <a href=\"#\" class=\"ocf5b-more\">Saber m\u00e1s \u2192<\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ocf5b-item\">\r\n            <div class=\"ocf5b-badge\" style=\"background:#FF8C00;\">\r\n              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#fff\" stroke-width=\"1.6\" fill=\"none\"\/><path d=\"M12 3v18M3 12h18\" stroke=\"#fff\" stroke-width=\"1.2\"\/><path d=\"M12 8l2 4-2 4-2-4z\" fill=\"#fff\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"ocf5b-item-body\">\r\n              <h3>Llegar a ser m\u00e1s uno mismo<\/h3>\r\n              <p>OSE no busca fabricar modelos. OSE busca ayudar a cada persona a llegar a ser m\u00e1s ella misma, descubriendo lo que est\u00e1 llamada a ser y esforz\u00e1ndose por permanecer fiel a ello.<\/p>\r\n              <a href=\"#\" class=\"ocf5b-more\">Saber m\u00e1s \u2192<\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- ============================================================\r\n             ESQUEMA DEL OC\u00c9ANO: SISTEMA \u00daNICO \u2014 foto (facilitada por el\r\n             integrador) + cajas (Salpicaduras\/Olas\/Corriente profunda)\r\n             + flechas de conexi\u00f3n + panel Mareas + bloque Alineaci\u00f3n,\r\n             todo dentro de UN \u00daNICO viewBox para garantizar un escalado\r\n             id\u00e9ntico sin deformaci\u00f3n.\r\n             ============================================================ -->\r\n        <div class=\"ocf5b-diagram-col\">\r\n\r\n          <div class=\"ocf5b-ocean-stage\">\r\n            <!-- REEMPLACE ESTE ENLACE AQU\u00cd CON SU FOTO OSE -->\r\n            <img decoding=\"async\" class=\"ocf5b-ocean-photo\" src=\"https:\/\/ose-echange.org\/wp-content\/uploads\/2026\/07\/le-modele-de-ocean.jpg\" alt=\"Velero navegando por el oc\u00e9ano, met\u00e1fora del principio de alineaci\u00f3n de OSE entre salpicaduras, olas y corriente profunda\">\r\n\r\n            <svg class=\"ocf5b-ocean-svg\" viewBox=\"0 0 560 760\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"none\">\r\n              <defs>\r\n                <marker id=\"ocf5b-arrowhead\" markerWidth=\"8\" markerHeight=\"8\" refX=\"4\" refY=\"4\" orient=\"auto\">\r\n                  <path d=\"M0 0 L8 4 L0 8 Z\" fill=\"#FFFFFF\"\/>\r\n                <\/marker>\r\n                <marker id=\"ocf5b-arrowhead-rev\" markerWidth=\"8\" markerHeight=\"8\" refX=\"4\" refY=\"4\" orient=\"auto-start-reverse\">\r\n                  <path d=\"M0 0 L8 4 L0 8 Z\" fill=\"#FFFFFF\"\/>\r\n                <\/marker>\r\n                <marker id=\"ocf5b-arrowhead-gold\" markerWidth=\"9\" markerHeight=\"9\" refX=\"4.5\" refY=\"4.5\" orient=\"auto\">\r\n                  <path d=\"M0 0 L9 4.5 L0 9 Z\" fill=\"#FF8C00\"\/>\r\n                <\/marker>\r\n                <linearGradient id=\"ocf5b-align-scrim\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n                  <stop offset=\"0%\" stop-color=\"#0B2748\" stop-opacity=\"0.15\"\/>\r\n                  <stop offset=\"100%\" stop-color=\"#0B2748\" stop-opacity=\"0.55\"\/>\r\n                <\/linearGradient>\r\n              <\/defs>\r\n\r\n              <!-- fondo de la parte inferior (zona Alineaci\u00f3n) -->\r\n              <rect x=\"0\" y=\"486\" width=\"560\" height=\"274\" class=\"ocf5b-align-panel-bg\"\/>\r\n\r\n              <!-- ---- T\u00cdTULO SUPERPUESTO SOBRE LA ZONA DE CIELO DE LA FOTO ---- -->\r\n              <foreignObject x=\"20\" y=\"14\" width=\"520\" height=\"70\">\r\n                <div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" class=\"ocf5b-fo-div\">\r\n                  <p class=\"ocf5b-fo-stage-title\">El modelo del oc\u00e9ano<\/p>\r\n                  <p class=\"ocf5b-fo-stage-sub\">El camino de la alineaci\u00f3n<\/p>\r\n                <\/div>\r\n              <\/foreignObject>\r\n\r\n              <!-- ---- CAJA SALPICADURAS ---- -->\r\n              <rect x=\"20\" y=\"130\" width=\"340\" height=\"82\" rx=\"14\" fill=\"#1F6F8B\" fill-opacity=\"0.92\"\/>\r\n              <foreignObject x=\"44\" y=\"140\" width=\"292\" height=\"62\">\r\n                <div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" class=\"ocf5b-fo-div ocf5b-fo-embruns\">\r\n                  <p class=\"ocf5b-fo-title\">Salpicaduras<\/p>\r\n                  <p class=\"ocf5b-fo-text\">Visibles para todos: palabras, decisiones, actos, comportamientos y consecuencias.<\/p>\r\n                <\/div>\r\n              <\/foreignObject>\r\n\r\n              <!-- flecha vertical Salpicaduras \u2195 Olas -->\r\n              <line x1=\"190\" y1=\"212\" x2=\"190\" y2=\"240\" stroke=\"#FFFFFF\" stroke-width=\"3\" marker-start=\"url(#ocf5b-arrowhead-rev)\" marker-end=\"url(#ocf5b-arrowhead)\"\/>\r\n\r\n              <!-- ---- CAJA OLAS ---- -->\r\n              <rect x=\"20\" y=\"240\" width=\"340\" height=\"82\" rx=\"14\" fill=\"#2A6D91\" fill-opacity=\"0.92\"\/>\r\n              <foreignObject x=\"44\" y=\"250\" width=\"292\" height=\"62\">\r\n                <div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" class=\"ocf5b-fo-div ocf5b-fo-vagues\">\r\n                  <p class=\"ocf5b-fo-title\">Olas<\/p>\r\n                  <p class=\"ocf5b-fo-text\">En la superficie: pensamientos, emociones, deseos, proyectos, intenciones.<\/p>\r\n                <\/div>\r\n              <\/foreignObject>\r\n\r\n              <!-- flecha vertical Olas \u2195 Corriente profunda -->\r\n              <line x1=\"190\" y1=\"322\" x2=\"190\" y2=\"350\" stroke=\"#FFFFFF\" stroke-width=\"3\" marker-start=\"url(#ocf5b-arrowhead-rev)\" marker-end=\"url(#ocf5b-arrowhead)\"\/>\r\n\r\n              <!-- ---- CAJA CORRIENTE PROFUNDA ---- -->\r\n              <rect x=\"20\" y=\"350\" width=\"340\" height=\"90\" rx=\"14\" fill=\"#123A5E\" fill-opacity=\"0.95\"\/>\r\n              <foreignObject x=\"44\" y=\"360\" width=\"292\" height=\"70\">\r\n                <div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" class=\"ocf5b-fo-div ocf5b-fo-courant\">\r\n                  <p class=\"ocf5b-fo-title\">Corriente profunda<\/p>\r\n                  <p class=\"ocf5b-fo-text\">En lo m\u00e1s profundo de nosotros: nuestra b\u00fasqueda, nuestra raz\u00f3n de ser, hacia lo que tiende nuestra vida.<\/p>\r\n                <\/div>\r\n              <\/foreignObject>\r\n\r\n              <!-- ---- FLECHAS HORIZONTALES hacia el panel MAREAS ---- -->\r\n              <line x1=\"360\" y1=\"171\" x2=\"404\" y2=\"171\" stroke=\"#FFFFFF\" stroke-width=\"3\" marker-start=\"url(#ocf5b-arrowhead-rev)\" marker-end=\"url(#ocf5b-arrowhead)\"\/>\r\n              <line x1=\"360\" y1=\"281\" x2=\"404\" y2=\"281\" stroke=\"#FFFFFF\" stroke-width=\"3\" marker-start=\"url(#ocf5b-arrowhead-rev)\" marker-end=\"url(#ocf5b-arrowhead)\"\/>\r\n              <line x1=\"360\" y1=\"395\" x2=\"404\" y2=\"395\" stroke=\"#FFFFFF\" stroke-width=\"3\" marker-start=\"url(#ocf5b-arrowhead-rev)\" marker-end=\"url(#ocf5b-arrowhead)\"\/>\r\n\r\n              <!-- ---- PANEL LAS MAREAS (a la derecha, se superpone ligeramente a la parte inferior de la foto) ---- -->\r\n              <rect x=\"404\" y=\"150\" width=\"136\" height=\"330\" rx=\"16\" class=\"ocf5b-marees-panel-bg\"\/>\r\n              <foreignObject x=\"420\" y=\"166\" width=\"104\" height=\"298\">\r\n                <div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" class=\"ocf5b-fo-div\">\r\n                  <p class=\"ocf5b-fo-marees-title\">Las mareas<\/p>\r\n                  <p class=\"ocf5b-fo-marees-lead\">Los diferentes entornos en los que nos desenvolvemos<\/p>\r\n                  <ul class=\"ocf5b-fo-marees-list\">\r\n                    <li><svg width=\"15\" height=\"15\" viewBox=\"0 0 18 18\"><circle cx=\"9\" cy=\"9\" r=\"8\" fill=\"#EFE2C4\"\/><path d=\"M9 5 C6 5 5 8 5 9 C5 10 6 13 9 13 C12 13 13 10 13 9 C13 8 12 5 9 5Z\" fill=\"#FF8C00\"\/><\/svg>Familia<\/li>\r\n                    <li><svg width=\"15\" height=\"15\" viewBox=\"0 0 18 18\"><circle cx=\"9\" cy=\"9\" r=\"8\" fill=\"#EFE2C4\"\/><rect x=\"5\" y=\"7\" width=\"8\" height=\"6\" fill=\"#FF8C00\"\/><polygon points=\"9,3 5,7 13,7\" fill=\"#FF8C00\"\/><\/svg>Escuela<\/li>\r\n                    <li><svg width=\"15\" height=\"15\" viewBox=\"0 0 18 18\"><circle cx=\"9\" cy=\"9\" r=\"8\" fill=\"#EFE2C4\"\/><circle cx=\"9\" cy=\"9\" r=\"4\" fill=\"none\" stroke=\"#FF8C00\" stroke-width=\"1.6\"\/><\/svg>Club<\/li>\r\n                    <li><svg width=\"15\" height=\"15\" viewBox=\"0 0 18 18\"><circle cx=\"9\" cy=\"9\" r=\"8\" fill=\"#EFE2C4\"\/><rect x=\"6\" y=\"6\" width=\"6\" height=\"7\" fill=\"#FF8C00\"\/><\/svg>Profesi\u00f3n<\/li>\r\n                    <li><svg width=\"15\" height=\"15\" viewBox=\"0 0 18 18\"><circle cx=\"9\" cy=\"9\" r=\"8\" fill=\"#EFE2C4\"\/><circle cx=\"6\" cy=\"8\" r=\"1.6\" fill=\"#FF8C00\"\/><circle cx=\"12\" cy=\"8\" r=\"1.6\" fill=\"#FF8C00\"\/><circle cx=\"9\" cy=\"12\" r=\"1.6\" fill=\"#FF8C00\"\/><\/svg>Sociedad<\/li>\r\n                    <li><svg width=\"15\" height=\"15\" viewBox=\"0 0 18 18\"><circle cx=\"9\" cy=\"9\" r=\"8\" fill=\"#EFE2C4\"\/><path d=\"M9 4 A5 5 0 0 1 9 14 A3 3 0 0 0 9 4\" fill=\"#FF8C00\"\/><\/svg>Humanidad<\/li>\r\n                  <\/ul>\r\n                <\/div>\r\n              <\/foreignObject>\r\n\r\n              <!-- ---- FLECHA CURVA DORADA: Mareas \u2192 Alineaci\u00f3n ---- -->\r\n              <path d=\"M 472 480 C 472 540 300 520 250 560\" fill=\"none\" stroke=\"#FF8C00\" stroke-width=\"3.5\" stroke-dasharray=\"1 8\" stroke-linecap=\"round\" marker-end=\"url(#ocf5b-arrowhead-gold)\"\/>\r\n\r\n              <!-- ---- BLOQUE ALINEACI\u00d3N (franja inferior, fuera de la foto) ---- -->\r\n              <circle cx=\"230\" cy=\"560\" r=\"34\" fill=\"#FF8C00\"\/>\r\n              <path d=\"M215 560 L225 570 L246 546\" stroke=\"#0B2748\" stroke-width=\"4\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <foreignObject x=\"60\" y=\"612\" width=\"440\" height=\"130\">\r\n                <div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" class=\"ocf5b-fo-div\">\r\n                  <p class=\"ocf5b-fo-align-title\">Alineaci\u00f3n<\/p>\r\n                  <p class=\"ocf5b-fo-align-text\">Conectar las salpicaduras con las olas y las olas con la corriente profunda, teniendo en cuenta las mareas que influyen en nuestra navegaci\u00f3n.<\/p>\r\n                <\/div>\r\n              <\/foreignObject>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ---- BARRA LATERAL ---- -->\r\n    <div class=\"ocf5b-sidebar\">\r\n\r\n      <div class=\"ocf5b-side-card\">\r\n        <h3>Ficha del documento<\/h3>\r\n        <div class=\"ocf5b-id-row\">\r\n          <div class=\"ocf5b-id-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 16 16\"><path d=\"M8 1 L9.5 6 L14.5 6 L10.5 9 L12 14 L8 11 L4 14 L5.5 9 L1.5 6 L6.5 6 Z\" fill=\"#fff\"\/><\/svg><\/div>\r\n          <div><span class=\"ocf5b-id-label\">Tipo<\/span><p>Principio fundacional<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"ocf5b-id-row\">\r\n          <div class=\"ocf5b-id-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 16 16\"><circle cx=\"8\" cy=\"8\" r=\"6\" stroke=\"#fff\" stroke-width=\"1.6\" fill=\"none\"\/><\/svg><\/div>\r\n          <div><span class=\"ocf5b-id-label\">Tema<\/span><p>Coherencia personal y colectiva<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"ocf5b-id-row\">\r\n          <div class=\"ocf5b-id-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 16 16\"><circle cx=\"8\" cy=\"8\" r=\"6\" stroke=\"#fff\" stroke-width=\"1.6\" fill=\"none\"\/><line x1=\"8\" y1=\"8\" x2=\"8\" y2=\"4.5\" stroke=\"#fff\" stroke-width=\"1.6\"\/><line x1=\"8\" y1=\"8\" x2=\"11\" y2=\"9.5\" stroke=\"#fff\" stroke-width=\"1.6\"\/><\/svg><\/div>\r\n          <div><span class=\"ocf5b-id-label\">Tiempo de lectura<\/span><p>7-8 min<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"ocf5b-id-row\">\r\n          <div class=\"ocf5b-id-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 16 16\"><path d=\"M5 8 h6 M5 8 l2.5 -2.5 M5 8 l2.5 2.5\" stroke=\"#fff\" stroke-width=\"1.6\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n          <div><span class=\"ocf5b-id-label\">Enlaces relacionados<\/span><p>Valores OSE \u00b7 Pacto de Aventura \u00b7 Carta OSE<\/p><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ocf5b-side-card\">\r\n        <h3>Para recordar<\/h3>\r\n        <div class=\"ocf5b-retenir-item\">\r\n          <h4>La coherencia<\/h4>\r\n          <p>Conectar lo que pienso, lo que digo y lo que hago.<\/p>\r\n        <\/div>\r\n        <div class=\"ocf5b-retenir-item\">\r\n          <h4>La alineaci\u00f3n<\/h4>\r\n          <p>Conectar mi vida con lo m\u00e1s esencial que hay en m\u00ed.<\/p>\r\n        <\/div>\r\n        <div class=\"ocf5b-retenir-item\">\r\n          <h4>La fidelidad<\/h4>\r\n          <p>Una direcci\u00f3n m\u00e1s que un estado.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ocf5b-side-card\">\r\n        <h3>Documentos relacionados<\/h3>\r\n        <a href=\"#\" class=\"ocf5b-doclink\">Valores OSE <span>\u2192<\/span><\/a>\r\n        <a href=\"#\" class=\"ocf5b-doclink\">Pacto de Aventura <span>\u2192<\/span><\/a>\r\n        <a href=\"#\" class=\"ocf5b-doclink\">Carta OSE <span>\u2192<\/span><\/a>\r\n      <\/div>\r\n\r\n      <!-- CITA BARRA LATERAL \u2014 con comillas -->\r\n      <div class=\"ocf5b-side-quote\">\r\n        <p><span class=\"ocf5b-quote-mark ocf5b-open\">&#8220;<\/span>La alineaci\u00f3n no es un estado. Es una direcci\u00f3n. Es un camino.<span class=\"ocf5b-quote-mark ocf5b-close\">&#8221;<\/span><\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- ================= CITA FINAL A TODO EL ANCHO \u2014 con comillas ================= -->\r\n  <div class=\"ocf5b-final-quote\">\r\n    <div class=\"ocf5b-final-quote-inner\">\r\n      <p><span class=\"ocf5b-quote-mark ocf5b-open\">&#8220;<\/span>La vitalidad de una organizaci\u00f3n depende menos de su tama\u00f1o, de su antig\u00fcedad o de sus medios, que de su capacidad para permanecer fiel a su alma. Como toda aventura humana, OSE deber\u00e1 volver regularmente a su corriente profunda para comprobar que sus proyectos, sus decisiones y sus acciones siguen al servicio de su vocaci\u00f3n primera.<span class=\"ocf5b-quote-mark ocf5b-close\">&#8221;<\/span><\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- ================================================================\r\n     PIE DE P\u00c1GINA \u2014 ID\u00c9NTICO AL MODELO DE LOS CUADERNOS FUNDACIONALES 1, 2, 3 Y 4\r\n     ================================================================ -->\r\n<footer class=\"ocf5b-footer\">\r\n  <div class=\"ocf5b-mfv\">\r\n    <div>\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#FF8C00\" stroke-width=\"1.5\"\/><circle cx=\"12\" cy=\"12\" r=\"5.2\" stroke=\"#FF8C00\" stroke-width=\"1.5\"\/><circle cx=\"12\" cy=\"12\" r=\"1.6\" fill=\"#FF8C00\"\/><path d=\"M15.5 8.5L20 4\" stroke=\"#FF8C00\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><path d=\"M17 4h3v3\" stroke=\"#FF8C00\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <div>\r\n        <div class=\"ocf5b-mfv-label\">Nuestra misi\u00f3n<\/div>\r\n        <p>Formar embajadores del Olimpismo.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <div>\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"8\" cy=\"8\" r=\"2.3\" stroke=\"#FF8C00\" stroke-width=\"1.4\"\/><circle cx=\"16\" cy=\"8\" r=\"2.3\" stroke=\"#FF8C00\" stroke-width=\"1.4\"\/><path d=\"M3 19c0-2.9 2.2-5.2 5-5.2s5 2.3 5 5.2M11 19c0-2.9 2.2-5.2 5-5.2s5 2.3 5 5.2\" stroke=\"#FF8C00\" stroke-width=\"1.4\" stroke-linecap=\"round\"\/><\/svg>\r\n      <div>\r\n        <div class=\"ocf5b-mfv-label\">Nuestra finalidad<\/div>\r\n        <p>Ayudar a los j\u00f3venes a triunfar en la vida.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <div>\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#FF8C00\" stroke-width=\"1.4\"\/><path d=\"M12 3v2.4M12 18.6V21M21 12h-2.4M5.4 12H3M18.4 5.6l-1.7 1.7M7.3 16.7l-1.7 1.7M18.4 18.4l-1.7-1.7M7.3 7.3 5.6 5.6\" stroke=\"#FF8C00\" stroke-width=\"1.4\" stroke-linecap=\"round\"\/><path d=\"M12 7l1.8 3.7L17.5 12l-3.7 1.3L12 17l-1.8-3.7L6.5 12l3.7-1.3z\" fill=\"#FF8C00\"\/><\/svg>\r\n      <div>\r\n        <div class=\"ocf5b-mfv-label\">Nuestra visi\u00f3n<\/div>\r\n        <p>Encontrarse con el otro para descubrirse mejor a uno mismo, y construir un mundo m\u00e1s humano.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <style>\r\n    .ocf5b-footer { background: #FFFFFF; padding: 0; }\r\n    .ocf5b-footer * { box-sizing: border-box; }\r\n    .ocf5b-mfv { max-width: 1600px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); }\r\n    .ocf5b-mfv > div { display: flex; align-items: center; gap: 18px; padding: 42px 36px; border-right: 1px solid rgba(11,39,72,0.12); }\r\n    .ocf5b-mfv > div:last-child { border-right: none; }\r\n    .ocf5b-mfv svg { width: 40px; height: 40px; flex: 0 0 auto; }\r\n    .ocf5b-mfv-label { font-family: 'Montserrat', Arial, sans-serif; font-weight: 800; font-size: 15px; text-transform: uppercase; letter-spacing: 0.6px; margin-bottom: 6px; color: #FF8C00; }\r\n    .ocf5b-mfv p { color: #333333; font-size: 15px; line-height: 1.55; margin: 0; }\r\n\r\n    @media (max-width: 1024px) {\r\n      .ocf5b-mfv { grid-template-columns: 1fr; }\r\n      .ocf5b-mfv > div { border-right: none; border-bottom: 1px solid rgba(11,39,72,0.12); }\r\n    }\r\n    @media (max-width: 640px) {\r\n      .ocf5b-mfv > div { flex-direction: column; text-align: center; padding: 30px 20px; }\r\n      .ocf5b-footer { padding-bottom: 4px; }\r\n    }\r\n  <\/style>\r\n<\/footer>\r\n\r\n<style>\r\n  \/* ============================================================\r\n     RESPONSIVE \u2014 TABLETA (estructura\/geometr\u00eda del esquema conservada\r\n     de forma id\u00e9ntica: el viewBox garantiza que las cajas + flechas +\r\n     Mareas + Alineaci\u00f3n mantengan exactamente las mismas proporciones\r\n     y posiciones relativas; solo se reduce el tama\u00f1o global)\r\n     ============================================================ *\/\r\n  @media (max-width: 1024px) {\r\n    .ocf5b-main { flex-direction: column; }\r\n    .ocf5b-sidebar { max-width: 100%; width: 100%; }\r\n    .ocf5b-content-grid { flex-direction: column; }\r\n\r\n    \/* Centrado en tableta *\/\r\n    .ocf5b-item { text-align: center; align-items: center; }\r\n    .ocf5b-id-row { flex-direction: column; align-items: center; text-align: center; }\r\n    .ocf5b-retenir-item { text-align: center; }\r\n    .ocf5b-doclink { justify-content: center; gap: 10px; }\r\n    .ocf5b-doclink span { margin-left: 0; }\r\n    .ocf5b-fo-marees-list li { justify-content: center; }\r\n    .ocf5b-essentiel { text-align: center; }\r\n  }\r\n\r\n  \/* ============================================================\r\n     RESPONSIVE \u2014 M\u00d3VIL (todo centrado, esquema sin deformar)\r\n     ============================================================ *\/\r\n  @media (max-width: 640px) {\r\n    .ocf5b-hero { padding: 40px 14px 34px; }\r\n    .ocf5b-hero h1 { font-size: clamp(26px, 8.5vw, 38px); }\r\n    .ocf5b-hero-quote { padding: 0 20px; }\r\n    .ocf5b-essentiel { flex-direction: column; align-items: center; text-align: center; padding: 26px 22px; }\r\n    .ocf5b-main { padding: 44px 18px; gap: 32px; }\r\n    .ocf5b-item { flex-direction: column; align-items: center; text-align: center; }\r\n    .ocf5b-item-body { text-align: center; }\r\n    .ocf5b-diagram-col { order: -1; }\r\n    .ocf5b-final-quote { padding: 38px 18px; text-align: center; }\r\n    .ocf5b-side-card { text-align: center; }\r\n    .ocf5b-side-card h3 { text-align: center; }\r\n    .ocf5b-id-row { flex-direction: column; align-items: center; text-align: center; }\r\n    .ocf5b-retenir-item { text-align: center; }\r\n    .ocf5b-doclink { justify-content: center; }\r\n    .ocf5b-doclink span { margin-left: 0; }\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>EL PRINCIPIO DE ALINEACI\u00d3N El esp\u00edritu que gu\u00eda a OSE &#8220;Les pido que lleguen hasta el final de s\u00ed mismos, y me escuchan porque ven, sienten que yo llego hasta el final de m\u00ed mismo, hasta el final de mi b\u00fasqueda.&#8221; Lo esencial en un minuto La alineaci\u00f3n consiste en permanecer fiel a lo que [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1976,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-948","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ose-echange.org\/es\/wp-json\/wp\/v2\/pages\/948","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=948"}],"version-history":[{"count":7,"href":"https:\/\/ose-echange.org\/es\/wp-json\/wp\/v2\/pages\/948\/revisions"}],"predecessor-version":[{"id":2136,"href":"https:\/\/ose-echange.org\/es\/wp-json\/wp\/v2\/pages\/948\/revisions\/2136"}],"up":[{"embeddable":true,"href":"https:\/\/ose-echange.org\/es\/wp-json\/wp\/v2\/pages\/1976"}],"wp:attachment":[{"href":"https:\/\/ose-echange.org\/es\/wp-json\/wp\/v2\/media?parent=948"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}