{"id":1981,"date":"2026-08-03T12:08:23","date_gmt":"2026-08-03T12:08:23","guid":{"rendered":"https:\/\/ose-echange.org\/altis-la-brujula-para-todos\/"},"modified":"2026-08-04T21:58:54","modified_gmt":"2026-08-04T21:58:54","slug":"altis-la-boussole-pour-tous","status":"publish","type":"page","link":"https:\/\/ose-echange.org\/es\/biblioteca\/3-esquemas-para-comprenderlo-todo\/altis-la-boussole-pour-tous\/","title":{"rendered":"ALTIS, la br\u00fajula para todos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1981\" class=\"elementor elementor-1981 elementor-1930\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad496af e-flex e-con-boxed e-con e-parent\" data-id=\"ad496af\" 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-70a5851 elementor-widget elementor-widget-html\" data-id=\"70a5851\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     P\u00c1GINA: ALTIS - LA MISMA BR\u00daJULA PARA TODOS (ES)\r\n     Sitio OSE (Olympic Student Exchange) - ose-echange.org\r\n     Solo contenido del cuerpo (sin encabezado, sin pie de p\u00e1gina)\r\n     Prefijo CSS de scoping: .oaltis-\r\n============================================================ -->\r\n\r\n<section class=\"oaltis-page\">\r\n\r\n  <!-- ===================== HERO \/ INTRO ===================== -->\r\n  <section class=\"oaltis-hero\">\r\n    <div class=\"oaltis-hero-inner\">\r\n      <h1 class=\"oaltis-title\">Altis: la br\u00fajula com\u00fan<br>de toda la comunidad OSE<\/h1>\r\n      <p class=\"oaltis-subtitle\">\r\n        La br\u00fajula ALTIS no es solo para los j\u00f3venes,\r\n        es <span class=\"oaltis-accent\">el punto de referencia que orienta y sostiene<\/span> a todos los actores de OSE.\r\n      <\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===================== ESQUEMA RADIAL ===================== -->\r\n  <section class=\"oaltis-diagram-section\">\r\n    <div class=\"oaltis-diagram-wrap\">\r\n\r\n      <!-- L\u00edneas de conexi\u00f3n (SVG puro, sin texto en su interior) -->\r\n      <svg class=\"oaltis-lines-svg\" viewBox=\"0 0 1000 1080\" preserveAspectRatio=\"xMidYMid meet\" aria-hidden=\"true\">\r\n        <defs>\r\n          <linearGradient id=\"oaltisLineGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n            <stop offset=\"0%\" stop-color=\"#C8862B\"\/>\r\n            <stop offset=\"100%\" stop-color=\"#0B2748\"\/>\r\n          <\/linearGradient>\r\n          <linearGradient id=\"oaltisTrunkGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\r\n            <stop offset=\"0%\" stop-color=\"#7A5230\"\/>\r\n            <stop offset=\"50%\" stop-color=\"#9C6B3D\"\/>\r\n            <stop offset=\"100%\" stop-color=\"#6B4423\"\/>\r\n          <\/linearGradient>\r\n        <\/defs>\r\n\r\n        <!-- OSE MUNDO (arriba) -->\r\n        <path d=\"M500,430 C500,340 500,250 500,175\" stroke=\"url(#oaltisLineGrad)\" stroke-width=\"4\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n        <!-- OSE PA\u00cdS (arriba-izquierda) -->\r\n        <path d=\"M450,455 C360,410 275,375 205,345\" stroke=\"url(#oaltisLineGrad)\" stroke-width=\"4\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n        <!-- EL CLUB (arriba-derecha) -->\r\n        <path d=\"M550,455 C640,410 725,375 795,345\" stroke=\"url(#oaltisLineGrad)\" stroke-width=\"4\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n        <!-- LA FAMILIA (abajo-izquierda) -->\r\n        <path d=\"M450,495 C360,545 275,585 205,620\" stroke=\"url(#oaltisLineGrad)\" stroke-width=\"4\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n        <!-- EL REFERENTE (abajo-derecha) -->\r\n        <path d=\"M550,495 C640,545 725,585 795,620\" stroke=\"url(#oaltisLineGrad)\" stroke-width=\"4\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n\r\n        <!-- Peque\u00f1os puntos de uni\u00f3n -->\r\n        <circle cx=\"500\" cy=\"175\" r=\"6\" fill=\"#0B2748\"\/>\r\n        <circle cx=\"205\" cy=\"345\" r=\"6\" fill=\"#2F6B45\"\/>\r\n        <circle cx=\"795\" cy=\"345\" r=\"6\" fill=\"#2E5AA8\"\/>\r\n        <circle cx=\"205\" cy=\"620\" r=\"6\" fill=\"#FF8C00\"\/>\r\n        <circle cx=\"795\" cy=\"620\" r=\"6\" fill=\"#0E7A85\"\/>\r\n\r\n        <!-- EL EMBAJADOR (abajo) \u2014 poste de madera \u00fanico, arraigado hasta la imagen -->\r\n        <path d=\"M491,470 C489,560 487,650 484,750 L516,750 C513,650 511,560 509,470 Z\"\r\n              fill=\"url(#oaltisTrunkGrad)\" stroke=\"#5A3A1F\" stroke-width=\"1.5\"\/>\r\n        <path d=\"M485,555 L515,555\" stroke=\"#5A3A1F\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\r\n        <path d=\"M484,640 L516,640\" stroke=\"#5A3A1F\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\r\n      <\/svg>\r\n\r\n      <!-- Br\u00fajula central ALTIS -->\r\n      <div class=\"oaltis-center\">\r\n        <div class=\"oaltis-compass\">\r\n          <svg class=\"oaltis-compass-star\" viewBox=\"0 0 200 200\" aria-hidden=\"true\">\r\n            <!-- Anillo exterior azul marino -->\r\n            <circle cx=\"100\" cy=\"100\" r=\"96\" fill=\"#0B2748\" stroke=\"#C8862B\" stroke-width=\"2.5\"\/>\r\n            <!-- Disco interior crema -->\r\n            <circle cx=\"100\" cy=\"100\" r=\"66\" fill=\"#FBF9F4\" stroke=\"#C8862B\" stroke-width=\"2\"\/>\r\n            <!-- Rosa de los vientos realista: 4 puntas grandes (oro) + 4 puntas peque\u00f1as (azul marino) -->\r\n            <polygon points=\"100,20 108,92 100,100 92,92\" fill=\"#C8862B\"\/>\r\n            <polygon points=\"100,180 108,108 100,100 92,108\" fill=\"#C8862B\"\/>\r\n            <polygon points=\"20,100 92,92 100,100 92,108\" fill=\"#0B2748\"\/>\r\n            <polygon points=\"180,100 108,92 100,100 108,108\" fill=\"#0B2748\"\/>\r\n            <polygon points=\"43,43 95,90 100,100 90,95\" fill=\"#C8862B\" opacity=\"0.55\"\/>\r\n            <polygon points=\"157,157 105,110 100,100 110,105\" fill=\"#C8862B\" opacity=\"0.55\"\/>\r\n            <polygon points=\"157,43 110,95 100,100 105,90\" fill=\"#0B2748\" opacity=\"0.55\"\/>\r\n            <polygon points=\"43,157 95,105 100,100 90,110\" fill=\"#0B2748\" opacity=\"0.55\"\/>\r\n            <!-- Eje central -->\r\n            <circle cx=\"100\" cy=\"100\" r=\"9\" fill=\"#0B2748\"\/>\r\n            <circle cx=\"100\" cy=\"100\" r=\"4\" fill=\"#C8862B\"\/>\r\n          <\/svg>\r\n\r\n          <!-- Las 4 palabras del anillo: misma insignia (fondo azul marino, borde dorado)\r\n               para Alineaci\u00f3n\/Servicio (arriba\/abajo) y Transformaci\u00f3n\/Integridad (izquierda\/derecha),\r\n               ligeramente sobresaliendo del c\u00edrculo, texto horizontal perfectamente legible -->\r\n          <span class=\"oaltis-compass-label oaltis-compass-label--top\">Alineaci\u00f3n<\/span>\r\n          <span class=\"oaltis-compass-label oaltis-compass-label--bottom\">Servicio<\/span>\r\n          <span class=\"oaltis-compass-label oaltis-compass-label--left\">Transformaci\u00f3n<\/span>\r\n          <span class=\"oaltis-compass-label oaltis-compass-label--right\">Integridad<\/span>\r\n\r\n          <span class=\"oaltis-compass-name\">ALTIS<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Nodo: OSE MUNDO -->\r\n      <div class=\"oaltis-node oaltis-node--top\">\r\n        <div class=\"oaltis-node-photo oaltis-node-photo--contain\">\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\/08\/ose-monde-removebg-preview.png\" alt=\"Vista simb\u00f3lica del mundo que representa a OSE, la red internacional de intercambio deportivo estudiantil\">\r\n        <\/div>\r\n        <h3 class=\"oaltis-node-title oaltis-node-title--navy\">OSE Mundo<\/h3>\r\n        <p class=\"oaltis-node-text\">Inspira,<br>une,<br>abre horizontes.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Nodo: OSE PA\u00cdS -->\r\n      <div class=\"oaltis-node oaltis-node--left\">\r\n        <div class=\"oaltis-node-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\/08\/ose-pays.jpg\" alt=\"Camino rural con un cartel de OSE, s\u00edmbolo de los pa\u00edses socios del programa de intercambio\">\r\n        <\/div>\r\n        <h3 class=\"oaltis-node-title oaltis-node-title--green\">OSE Pa\u00eds<\/h3>\r\n        <p class=\"oaltis-node-text\">Estructura,<br>conecta,<br>despliega.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Nodo: EL CLUB -->\r\n      <div class=\"oaltis-node oaltis-node--right\">\r\n        <div class=\"oaltis-node-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\/08\/le-club.jpg\" alt=\"Club deportivo socio de OSE que acoge a los j\u00f3venes embajadores ol\u00edmpicos\">\r\n        <\/div>\r\n        <h3 class=\"oaltis-node-title oaltis-node-title--blue\">El Club<\/h3>\r\n        <p class=\"oaltis-node-text\">Acoge,<br>forma,<br>hace crecer.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Nodo: LA FAMILIA -->\r\n      <div class=\"oaltis-node oaltis-node--bl\">\r\n        <div class=\"oaltis-node-photo oaltis-node-photo--face-top\">\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\/08\/la-famille.jpg\" alt=\"Familia de acogida OSE sonriente, apoyo esencial del embajador durante su intercambio\">\r\n        <\/div>\r\n        <h3 class=\"oaltis-node-title oaltis-node-title--orange\">La Familia<\/h3>\r\n        <p class=\"oaltis-node-text\">Ama,<br>apoya,<br>anima.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Nodo: EL REFERENTE -->\r\n      <div class=\"oaltis-node oaltis-node--br\">\r\n        <div class=\"oaltis-node-photo oaltis-node-photo--face-top\">\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\/08\/le-referent.jpg\" alt=\"Referente OSE guiando y acompa\u00f1ando a un joven embajador en su recorrido\">\r\n        <\/div>\r\n        <h3 class=\"oaltis-node-title oaltis-node-title--teal\">El Referente<\/h3>\r\n        <p class=\"oaltis-node-text\">Gu\u00eda,<br>escucha,<br>ayuda a discernir.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Nodo: EL EMBAJADOR (arraigado al pie del poste) -->\r\n      <div class=\"oaltis-node oaltis-node--bottom\">\r\n        <div class=\"oaltis-node-photo oaltis-node-photo--bottom oaltis-node-photo--face-mid\">\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\/08\/ambassadeur.jpg\" alt=\"Brote joven que simboliza el crecimiento del embajador OSE, entre la superaci\u00f3n personal y la apertura a los dem\u00e1s\">\r\n        <\/div>\r\n        <h3 class=\"oaltis-node-title oaltis-node-title--green\">El Embajador<\/h3>\r\n        <p class=\"oaltis-node-text\">Se supera,<br>se conoce,<br>se abre a los dem\u00e1s.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===================== RECUADRO + IMAGEN DE CIERRE ===================== -->\r\n  <section class=\"oaltis-callout-section\">\r\n    <div class=\"oaltis-callout-grid\">\r\n\r\n      <div class=\"oaltis-callout-box\">\r\n        <div class=\"oaltis-callout-icon\">\r\n          <svg viewBox=\"0 0 100 100\" aria-hidden=\"true\">\r\n            <circle cx=\"50\" cy=\"50\" r=\"46\" fill=\"#0B2748\"\/>\r\n            <circle cx=\"50\" cy=\"50\" r=\"34\" fill=\"none\" stroke=\"#C8862B\" stroke-width=\"2\"\/>\r\n            <polygon points=\"50,20 56,50 80,50 56,56 50,80 44,56 20,50 44,44\" fill=\"#FBF9F4\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <p class=\"oaltis-callout-lead\">\r\n          Todos diferentes, todos complementarios, todos unidos por la misma br\u00fajula&nbsp;: <span class=\"oaltis-accent-navy\">ALTIS<\/span>.\r\n        <\/p>\r\n        <p class=\"oaltis-callout-text\">\r\n          Nos da sentido, sostiene el crecimiento, nos une en torno a una misma misi\u00f3n.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"oaltis-callout-image\">\r\n        <div class=\"oaltis-callout-image-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\/08\/image-ambassadeur.jpg\" alt=\"\u00c1rbol solitario frente a las monta\u00f1as, s\u00edmbolo de la comunidad mundial de embajadores ol\u00edmpicos de OSE\">\r\n        <\/div>\r\n        <p class=\"oaltis-callout-caption\">\r\n          Juntos formamos <span class=\"oaltis-accent\">embajadores ol\u00edmpicos<\/span> y ciudadanos del mundo.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===================== FIRMA \/ LEMA ===================== -->\r\n  <section class=\"oaltis-baseline-section\">\r\n    <p class=\"oaltis-baseline-words\">\r\n      Superarse <span class=\"oaltis-dot\">\u2022<\/span> Conocerse <span class=\"oaltis-dot\">\u2022<\/span> Abrirse a los dem\u00e1s\r\n    <\/p>\r\n    <div class=\"oaltis-baseline-rule\">\r\n      <span class=\"oaltis-rule\"><\/span>\r\n      <span class=\"oaltis-baseline-strong\">Atreverse al futuro con Altis<\/span>\r\n      <span class=\"oaltis-rule\"><\/span>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* ============================================================\r\n   P\u00c1GINA ALTIS - LA MISMA BR\u00daJULA PARA TODOS (ES)\r\n   Identidad OSE: azul marino #0B2748 \/ #0B3C5D, naranja #FF8C00,\r\n   dorado #C8862B, verde #2F6B45, verde azulado #0E7A85, azul #2E5AA8,\r\n   crema #EFE2C4 \/ #FBF9F4\r\n============================================================ *\/\r\n\r\n.oaltis-page {\r\n  background: #FBF9F4;\r\n  font-family: 'Open Sans', Arial, sans-serif;\r\n  color: #1E2A38;\r\n  overflow: hidden;\r\n  box-sizing: border-box;\r\n}\r\n.oaltis-page *, .oaltis-page *::before, .oaltis-page *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* ---------- HERO ---------- *\/\r\n.oaltis-hero {\r\n  width: 100%;\r\n  padding: clamp(48px, 7vw, 88px) 24px clamp(28px, 4vw, 40px);\r\n  text-align: center;\r\n}\r\n.oaltis-hero-inner {\r\n  max-width: 820px;\r\n  margin: 0 auto;\r\n}\r\n.oaltis-title {\r\n  font-family: 'Playfair Display', Georgia, serif;\r\n  font-weight: 700;\r\n  font-size: clamp(24px, 3.6vw, 34px);\r\n  line-height: 1.25;\r\n  color: #0B2748;\r\n  margin: 0 0 20px;\r\n  letter-spacing: 0.4px;\r\n  text-transform: uppercase;\r\n}\r\n.oaltis-subtitle {\r\n  font-family: 'Montserrat', Arial, sans-serif;\r\n  font-size: 15px;\r\n  line-height: 1.7;\r\n  color: #0B3C5D;\r\n  margin: 0 auto;\r\n  max-width: 640px;\r\n  font-weight: 500;\r\n}\r\n.oaltis-accent {\r\n  color: #FF8C00;\r\n  font-weight: 700;\r\n}\r\n.oaltis-accent-navy {\r\n  color: #0B2748;\r\n  font-weight: 700;\r\n}\r\n\r\n\/* ---------- ESQUEMA RADIAL ---------- *\/\r\n.oaltis-diagram-section {\r\n  width: 100%;\r\n  padding: 0 20px clamp(20px, 4vw, 40px);\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n.oaltis-diagram-wrap {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 1080px;\r\n  aspect-ratio: 1000 \/ 1080;\r\n}\r\n.oaltis-lines-svg {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Br\u00fajula central *\/\r\n.oaltis-center {\r\n  position: absolute;\r\n  left: 50%;\r\n  top: 45.5%;\r\n  transform: translate(-50%, -50%);\r\n  width: clamp(100px, 16%, 168px);\r\n  aspect-ratio: 1 \/ 1;\r\n  z-index: 4;\r\n}\r\n.oaltis-compass {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n.oaltis-compass-star {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n  filter: drop-shadow(0 3px 8px rgba(11,39,72,0.30));\r\n}\r\n.oaltis-compass-name {\r\n  position: absolute;\r\n  left: 50%;\r\n  top: 50%;\r\n  transform: translate(-50%, -50%);\r\n  font-family: 'Montserrat', Arial, sans-serif;\r\n  font-weight: 800;\r\n  font-size: clamp(11px, 1.5vw, 15px);\r\n  letter-spacing: 1.5px;\r\n  color: #0B2748;\r\n  z-index: 2;\r\n  background: #FBF9F4;\r\n  padding: 2px 6px;\r\n  border-radius: 20px;\r\n}\r\n.oaltis-compass-label {\r\n  position: absolute;\r\n  font-family: 'Montserrat', Arial, sans-serif;\r\n  font-weight: 700;\r\n  font-size: clamp(7px, 0.95vw, 10.5px);\r\n  letter-spacing: 1px;\r\n  text-transform: uppercase;\r\n  color: #FBF9F4;\r\n  white-space: nowrap;\r\n  background: #0B2748;\r\n  padding: 2px 7px;\r\n  border-radius: 10px;\r\n  border: 1px solid #C8862B;\r\n}\r\n.oaltis-compass-label--top {\r\n  top: -8%;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n}\r\n.oaltis-compass-label--bottom {\r\n  bottom: -8%;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n}\r\n.oaltis-compass-label--left {\r\n  left: -55%;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n}\r\n.oaltis-compass-label--right {\r\n  right: -55%;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n}\r\n\r\n\/* ---------- NODOS SAT\u00c9LITE: IM\u00c1GENES GRANDES SIN MARCO CIRCULAR ---------- *\/\r\n.oaltis-node {\r\n  position: absolute;\r\n  width: clamp(175px, 30.5%, 290px);\r\n  text-align: center;\r\n  z-index: 2;\r\n}\r\n.oaltis-node--top    { left: 50%; top: 0%;    transform: translate(-50%, 0); }\r\n.oaltis-node--left   { left: 0%;  top: 20%;   transform: translate(0, 0); }\r\n.oaltis-node--right  { right: 0%; top: 20%;   transform: translate(0, 0); left: auto; }\r\n.oaltis-node--bl      { left: 0%;  top: 53%;   transform: translate(0, 0); }\r\n.oaltis-node--br      { right: 0%; top: 53%;   transform: translate(0, 0); left: auto; }\r\n.oaltis-node--bottom { left: 50%; bottom: 0%; transform: translate(-50%, 0); width: clamp(140px, 22%, 210px); }\r\n\r\n\/* La imagen ocupa TODO el espacio reservado para el nodo: sin c\u00edrculo, gran formato.\r\n   Por defecto, la imagen ocupa todo el espacio reservado (object-fit: cover),\r\n   salvo excepciones puntuales (logo de OSE Mundo completo, rostro del Referente encuadrado arriba). *\/\r\n.oaltis-node-photo {\r\n  width: 100%;\r\n  aspect-ratio: 4 \/ 3.1;\r\n  margin: 0 auto 12px;\r\n  border-radius: 130px 130px 14px 14px;\r\n  overflow: hidden;\r\n  border: 4px solid #FBF9F4;\r\n  box-shadow: 0 8px 22px rgba(11, 39, 72, 0.22);\r\n  background: #EFE2C4;\r\n}\r\n.oaltis-node-photo--bottom {\r\n  border-radius: 90px 90px 12px 12px;\r\n  aspect-ratio: 4 \/ 3.4;\r\n}\r\n.oaltis-node-photo img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover !important;\r\n  object-position: center center;\r\n  display: block;\r\n}\r\n\/* Excepci\u00f3n: OSE Mundo es un logotipo\/ilustraci\u00f3n recortado (PNG) \u2014\r\n   debe permanecer siempre visible por completo, nunca recortado. *\/\r\n.oaltis-node-photo--contain img {\r\n  object-fit: contain !important;\r\n  padding: 6px;\r\n}\r\n\/* Excepci\u00f3n: El Referente \/ La Familia \u2014 encuadre elevado para que\r\n   el rostro siempre permanezca visible, incluso en m\u00f3vil. *\/\r\n.oaltis-node-photo--face-top img {\r\n  object-position: center top;\r\n}\r\n\/* Excepci\u00f3n: El Embajador \u2014 encuadre suave (ni demasiado arriba ni demasiado abajo)\r\n   para mantener el sujeto bien visible sin recortarlo. *\/\r\n.oaltis-node-photo--face-mid img {\r\n  object-position: center 25%;\r\n}\r\n.oaltis-node-title {\r\n  font-family: 'Playfair Display', Georgia, serif;\r\n  font-weight: 700;\r\n  font-size: clamp(15px, 1.7vw, 19px);\r\n  margin: 0 0 6px;\r\n  line-height: 1.2;\r\n}\r\n.oaltis-node-title--navy   { color: #0B2748; }\r\n.oaltis-node-title--green  { color: #2F6B45; }\r\n.oaltis-node-title--blue   { color: #2E5AA8; }\r\n.oaltis-node-title--orange { color: #C8862B; }\r\n.oaltis-node-title--teal   { color: #0E7A85; }\r\n\r\n.oaltis-node-text {\r\n  font-family: 'Open Sans', Arial, sans-serif;\r\n  font-size: clamp(12px, 1.25vw, 14.5px);\r\n  line-height: 1.5;\r\n  color: #3B4656;\r\n  margin: 0;\r\n}\r\n\r\n\/* ---------- RECUADRO + IMAGEN ---------- *\/\r\n.oaltis-callout-section {\r\n  width: 100%;\r\n  padding: 12px 24px clamp(40px, 5vw, 64px);\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n.oaltis-callout-grid {\r\n  width: 100%;\r\n  max-width: 1140px;\r\n  display: grid;\r\n  grid-template-columns: 1.1fr 1fr;\r\n  gap: 28px;\r\n  align-items: stretch;\r\n}\r\n.oaltis-callout-box {\r\n  background: #FFFFFF;\r\n  border: 1.5px dashed #C8862B;\r\n  border-radius: 18px;\r\n  padding: 28px 30px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\n.oaltis-callout-icon {\r\n  width: 42px;\r\n  height: 42px;\r\n  margin-bottom: 14px;\r\n}\r\n.oaltis-callout-icon svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n}\r\n.oaltis-callout-lead {\r\n  font-family: 'Playfair Display', Georgia, serif;\r\n  font-size: clamp(16px, 1.9vw, 19px);\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n  color: #1E2A38;\r\n  margin: 0 0 12px;\r\n}\r\n.oaltis-callout-text {\r\n  font-size: 15px;\r\n  line-height: 1.7;\r\n  color: #4A5568;\r\n  margin: 0;\r\n}\r\n\r\n.oaltis-callout-image {\r\n  display: flex;\r\n  flex-direction: column;\r\n  border-radius: 18px;\r\n  overflow: hidden;\r\n  background: #FFFFFF;\r\n  border: 1px solid #ECE6D8;\r\n}\r\n.oaltis-callout-image-photo {\r\n  width: 100%;\r\n  min-height: 200px;\r\n  flex: 1;\r\n}\r\n.oaltis-callout-image-photo img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n.oaltis-callout-caption {\r\n  margin: 0;\r\n  padding: 22px 24px;\r\n  font-family: 'Montserrat', Arial, sans-serif;\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  line-height: 1.6;\r\n  color: #0B2748;\r\n  background: #FBF9F4;\r\n  border-top: 1px solid #ECE6D8;\r\n}\r\n\r\n\/* ---------- FIRMA ---------- *\/\r\n.oaltis-baseline-section {\r\n  width: 100%;\r\n  padding: 0 24px clamp(48px, 6vw, 80px);\r\n  text-align: center;\r\n}\r\n.oaltis-baseline-words {\r\n  font-family: 'Montserrat', Arial, sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  letter-spacing: 1px;\r\n  text-transform: uppercase;\r\n  color: #0B2748;\r\n  margin: 0 0 14px;\r\n}\r\n.oaltis-dot {\r\n  color: #C8862B;\r\n  margin: 0 4px;\r\n}\r\n.oaltis-baseline-rule {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 16px;\r\n  max-width: 560px;\r\n  margin: 0 auto;\r\n}\r\n.oaltis-rule {\r\n  flex: 1;\r\n  height: 1px;\r\n  background: #C8862B;\r\n  max-width: 140px;\r\n}\r\n.oaltis-baseline-strong {\r\n  font-family: 'Montserrat', Arial, sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 800;\r\n  letter-spacing: 1.5px;\r\n  text-transform: uppercase;\r\n  color: #C8862B;\r\n  white-space: nowrap;\r\n}\r\n\r\n\/* ============================================================\r\n   RESPONSIVE - TABLETA\r\n   La geometr\u00eda radial exacta de la maqueta se conserva;\r\n   solo se reducen proporcionalmente los espacios y los tama\u00f1os.\r\n============================================================ *\/\r\n@media (max-width: 1024px) {\r\n  .oaltis-callout-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .oaltis-callout-image-photo {\r\n    min-height: 260px;\r\n  }\r\n  .oaltis-node {\r\n    width: clamp(140px, 26%, 220px);\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .oaltis-hero {\r\n    padding: 40px 18px 24px;\r\n  }\r\n  .oaltis-diagram-section {\r\n    padding: 0 10px 24px;\r\n  }\r\n  .oaltis-node-photo {\r\n    border-width: 3px;\r\n    border-radius: 90px 90px 10px 10px;\r\n  }\r\n}\r\n\r\n\/* ============================================================\r\n   RESPONSIVE - M\u00d3VIL (\u2264 480px, ajustes finos)\r\n============================================================ *\/\r\n@media (max-width: 480px) {\r\n  .oaltis-title {\r\n    font-size: 22px;\r\n  }\r\n  .oaltis-subtitle {\r\n    font-size: 14px;\r\n  }\r\n  .oaltis-node {\r\n    width: clamp(96px, 26%, 130px);\r\n  }\r\n  .oaltis-node--bottom {\r\n    width: clamp(84px, 20%, 110px);\r\n  }\r\n  .oaltis-node-photo {\r\n    margin-bottom: 6px;\r\n    border-width: 2px;\r\n    border-radius: 60px 60px 8px 8px;\r\n  }\r\n  .oaltis-node-title {\r\n    font-size: 11.5px;\r\n    margin-bottom: 3px;\r\n  }\r\n  .oaltis-node-text {\r\n    font-size: 9.5px;\r\n    line-height: 1.35;\r\n  }\r\n  .oaltis-center {\r\n    width: clamp(72px, 22%, 96px);\r\n  }\r\n  .oaltis-compass-label {\r\n    font-size: 5.5px;\r\n    letter-spacing: 0.3px;\r\n    padding: 1px 4px;\r\n  }\r\n  .oaltis-compass-name {\r\n    font-size: 9px;\r\n  }\r\n  .oaltis-callout-box {\r\n    padding: 22px 20px;\r\n  }\r\n  .oaltis-callout-caption {\r\n    font-size: 14px;\r\n    padding: 20px 18px;\r\n  }\r\n  .oaltis-baseline-words {\r\n    font-size: 12px;\r\n  }\r\n  .oaltis-rule {\r\n    max-width: 60px;\r\n  }\r\n}\r\n\r\n\/* ============================================================\r\n   M\u00d3VIL (\u2264 640px) \u2014 LECTURA EN LISTA VERTICAL\r\n   En PC y tableta se conserva la rueda radial exacta de la maqueta.\r\n   En tel\u00e9fono, para que el visitante entienda cada bloque de\r\n   inmediato, el esquema se transforma en una lista vertical clara:\r\n   br\u00fajula, luego cada actor con su gran imagen, su t\u00edtulo y su\r\n   texto, en orden de lectura.\r\n============================================================ *\/\r\n@media (max-width: 640px) {\r\n  .oaltis-diagram-wrap {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 30px;\r\n    width: 100%;\r\n    max-width: 380px;\r\n    margin: 0 auto;\r\n    aspect-ratio: auto;\r\n  }\r\n  .oaltis-lines-svg {\r\n    display: none;\r\n  }\r\n  .oaltis-center,\r\n  .oaltis-node {\r\n    position: static;\r\n    left: auto;\r\n    right: auto;\r\n    top: auto;\r\n    bottom: auto;\r\n    transform: none;\r\n    width: 100%;\r\n  }\r\n  .oaltis-center {\r\n    max-width: 150px;\r\n  }\r\n  .oaltis-node {\r\n    max-width: 300px;\r\n  }\r\n  .oaltis-node--bottom {\r\n    max-width: 260px;\r\n  }\r\n  .oaltis-node-photo {\r\n    width: 100%;\r\n    aspect-ratio: 4 \/ 2.6;\r\n    margin: 0 auto 12px;\r\n  }\r\n  .oaltis-node-photo--bottom {\r\n    aspect-ratio: 4 \/ 3.2;\r\n  }\r\n  .oaltis-node-title {\r\n    font-size: 16px;\r\n  }\r\n  .oaltis-node-text {\r\n    font-size: 13.5px;\r\n  }\r\n  .oaltis-compass-label {\r\n    font-size: 9px;\r\n  }\r\n  .oaltis-compass-name {\r\n    font-size: 12px;\r\n  }\r\n  .oaltis-compass-label--left {\r\n    left: -30%;\r\n  }\r\n  .oaltis-compass-label--right {\r\n    right: -30%;\r\n  }\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>Altis: la br\u00fajula com\u00fande toda la comunidad OSE La br\u00fajula ALTIS no es solo para los j\u00f3venes, es el punto de referencia que orienta y sostiene a todos los actores de OSE. Alineaci\u00f3n Servicio Transformaci\u00f3n Integridad ALTIS OSE Mundo Inspira,une,abre horizontes. OSE Pa\u00eds Estructura,conecta,despliega. El Club Acoge,forma,hace crecer. La Familia Ama,apoya,anima. El Referente Gu\u00eda,escucha,ayuda a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1963,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-1981","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ose-echange.org\/es\/wp-json\/wp\/v2\/pages\/1981","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=1981"}],"version-history":[{"count":6,"href":"https:\/\/ose-echange.org\/es\/wp-json\/wp\/v2\/pages\/1981\/revisions"}],"predecessor-version":[{"id":2310,"href":"https:\/\/ose-echange.org\/es\/wp-json\/wp\/v2\/pages\/1981\/revisions\/2310"}],"up":[{"embeddable":true,"href":"https:\/\/ose-echange.org\/es\/wp-json\/wp\/v2\/pages\/1963"}],"wp:attachment":[{"href":"https:\/\/ose-echange.org\/es\/wp-json\/wp\/v2\/media?parent=1981"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}