{"id":128,"date":"2026-04-04T13:30:36","date_gmt":"2026-04-04T11:30:36","guid":{"rendered":"https:\/\/orbitamundial.com\/?page_id=128"},"modified":"2026-04-04T16:00:30","modified_gmt":"2026-04-04T14:00:30","slug":"sobre-mi","status":"publish","type":"page","link":"https:\/\/orbitamundial.com\/index.php\/sobre-mi\/","title":{"rendered":"Biograf\u00eda"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Sobre m\u00ed \u2014 \u00d3rbita Mundial<\/title>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&#038;family=Syne:wght@400;600;700;800&#038;family=Lora:ital,wght@0,400;0,500;1,400&#038;display=swap\" rel=\"stylesheet\">\n  <style>\n    :root {\n      --ink: #0f0f0f;\n      --ink-soft: #1a1a1a;\n      --charcoal: #2a2a2a;\n      --graphite: #4a4a4a;\n      --stone: #7a7a7a;\n      --silver: #b0b0b0;\n      --fog: #d8d8d8;\n      --off-white: #f5f3ef;\n      --paper: #faf9f7;\n      --white: #ffffff;\n      --accent: #c8a96e;\n      --accent-dim: #9e7e48;\n    }\n\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n    html { scroll-behavior: smooth; }\n\n    body {\n      font-family: 'Lora', Georgia, serif;\n      background: var(--paper);\n      color: var(--ink);\n      line-height: 1.75;\n      overflow-x: hidden;\n    }\n\n    \/* Noise overlay *\/\n    body::after {\n      content: '';\n      position: fixed;\n      inset: 0;\n      background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'\/%3E%3C\/svg%3E\");\n      pointer-events: none;\n      z-index: 9999;\n    }\n\n    \/* \u2500\u2500 HERO \u2500\u2500 *\/\n    .sobre-hero {\n      background: var(--ink);\n      min-height: 100vh;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      position: relative;\n      overflow: hidden;\n    }\n\n    \/* Patr\u00f3n geom\u00e9trico de fondo *\/\n    .sobre-hero::before {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background-image:\n        repeating-linear-gradient(\n          45deg,\n          transparent,\n          transparent 60px,\n          rgba(200,169,110,0.04) 60px,\n          rgba(200,169,110,0.04) 61px\n        ),\n        repeating-linear-gradient(\n          -45deg,\n          transparent,\n          transparent 60px,\n          rgba(200,169,110,0.04) 60px,\n          rgba(200,169,110,0.04) 61px\n        );\n      pointer-events: none;\n    }\n\n    \/* L\u00ednea vertical decorativa central *\/\n    .sobre-hero::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 50%;\n      width: 1px;\n      height: 100%;\n      background: linear-gradient(to bottom, transparent, rgba(200,169,110,0.3) 30%, rgba(200,169,110,0.3) 70%, transparent);\n      pointer-events: none;\n    }\n\n    \/* Columna izquierda \u2014 foto *\/\n    .hero-foto-col {\n      position: relative;\n      display: flex;\n      align-items: flex-end;\n      justify-content: center;\n      padding: 8rem 4rem 0 5rem;\n      animation: fadeUp 1s ease both;\n    }\n\n    .foto-wrapper {\n      position: relative;\n      width: 100%;\n      max-width: 420px;\n    }\n\n    \/* Marco decorativo detr\u00e1s de la foto *\/\n    .foto-marco {\n      position: absolute;\n      top: -1.5rem;\n      left: -1.5rem;\n      right: 1.5rem;\n      bottom: 1.5rem;\n      border: 1px solid rgba(200,169,110,0.3);\n      border-radius: 4px;\n      pointer-events: none;\n    }\n\n    .foto-marco::before {\n      content: '';\n      position: absolute;\n      top: -1px;\n      left: -1px;\n      width: 40px;\n      height: 40px;\n      border-top: 2px solid var(--accent);\n      border-left: 2px solid var(--accent);\n    }\n\n    .foto-marco::after {\n      content: '';\n      position: absolute;\n      bottom: -1px;\n      right: -1px;\n      width: 40px;\n      height: 40px;\n      border-bottom: 2px solid var(--accent);\n      border-right: 2px solid var(--accent);\n    }\n\n    .foto-img {\n      width: 100%;\n      aspect-ratio: 3\/4;\n      object-fit: cover;\n      border-radius: 4px;\n      display: block;\n      \/* Mientras no tengas foto, se muestra un placeholder *\/\n      background: linear-gradient(160deg, #2a2a2a 0%, #1a1a1a 50%, #2a1a0a 100%);\n      position: relative;\n    }\n\n    \/* Placeholder visual si no hay foto *\/\n    .foto-placeholder {\n      width: 100%;\n      aspect-ratio: 3\/4;\n      border-radius: 4px;\n      background: linear-gradient(160deg, #2a2a2a 0%, #1a1a1a 50%, #2a1a0a 100%);\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 1rem;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .foto-placeholder::before {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background-image:\n        repeating-linear-gradient(\n          0deg,\n          transparent,\n          transparent 30px,\n          rgba(200,169,110,0.06) 30px,\n          rgba(200,169,110,0.06) 31px\n        );\n    }\n\n    .foto-placeholder-icon {\n      font-size: 3rem;\n      opacity: 0.3;\n      position: relative;\n    }\n\n    .foto-placeholder-text {\n      font-family: 'Syne', sans-serif;\n      font-size: 0.65rem;\n      font-weight: 700;\n      letter-spacing: 0.2em;\n      text-transform: uppercase;\n      color: rgba(200,169,110,0.5);\n      text-align: center;\n      position: relative;\n    }\n\n    \/* Badge flotante sobre la foto *\/\n    .foto-badge {\n      position: absolute;\n      bottom: 2rem;\n      right: -1.5rem;\n      background: var(--accent);\n      color: var(--white);\n      font-family: 'Syne', sans-serif;\n      font-size: 0.62rem;\n      font-weight: 700;\n      letter-spacing: 0.14em;\n      text-transform: uppercase;\n      padding: 0.8rem 1rem;\n      border-radius: 4px;\n      writing-mode: vertical-rl;\n      text-orientation: mixed;\n      box-shadow: 0 8px 24px rgba(0,0,0,0.4);\n    }\n\n    \/* Columna derecha \u2014 texto *\/\n    .hero-texto-col {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      padding: 8rem 5rem 8rem 5rem;\n      animation: fadeIn 1s ease 0.3s both;\n    }\n\n    .sobre-eyebrow {\n      display: flex;\n      align-items: center;\n      gap: 0.8rem;\n      margin-bottom: 2rem;\n    }\n\n    .eyebrow-line {\n      width: 36px;\n      height: 2px;\n      background: var(--accent);\n      flex-shrink: 0;\n    }\n\n    .eyebrow-text {\n      font-family: 'Syne', sans-serif;\n      font-size: 0.68rem;\n      font-weight: 700;\n      letter-spacing: 0.2em;\n      text-transform: uppercase;\n      color: var(--accent);\n    }\n\n    .sobre-nombre {\n      font-family: 'Playfair Display', Georgia, serif;\n      font-size: clamp(3rem, 5vw, 5rem);\n      font-weight: 900;\n      line-height: 1.0;\n      letter-spacing: -0.02em;\n      color: var(--white);\n      margin-bottom: 0.3rem;\n    }\n\n    .sobre-nombre em {\n      font-style: italic;\n      font-weight: 400;\n      color: var(--accent);\n    }\n\n    .sobre-cargo {\n      font-family: 'Syne', sans-serif;\n      font-size: 0.78rem;\n      font-weight: 600;\n      letter-spacing: 0.18em;\n      text-transform: uppercase;\n      color: var(--stone);\n      margin-bottom: 2.5rem;\n      padding-bottom: 2.5rem;\n      border-bottom: 1px solid rgba(255,255,255,0.08);\n    }\n\n    .sobre-intro {\n      font-size: 1.1rem;\n      color: rgba(255,255,255,0.75);\n      line-height: 1.8;\n      margin-bottom: 2.5rem;\n      font-style: italic;\n    }\n\n    .sobre-chips {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 0.5rem;\n      margin-bottom: 3rem;\n    }\n\n    .chip {\n      font-family: 'Syne', sans-serif;\n      font-size: 0.62rem;\n      font-weight: 700;\n      letter-spacing: 0.14em;\n      text-transform: uppercase;\n      color: var(--silver);\n      border: 1px solid rgba(255,255,255,0.12);\n      padding: 0.4rem 0.9rem;\n      border-radius: 3px;\n      transition: all 0.25s;\n    }\n\n    .chip:hover {\n      border-color: var(--accent);\n      color: var(--accent);\n    }\n\n    \/* N\u00famero decorativo grande *\/\n    .hero-numero {\n      position: absolute;\n      bottom: 3rem;\n      left: 5rem;\n      font-family: 'Playfair Display', serif;\n      font-size: 12rem;\n      font-weight: 900;\n      color: rgba(255,255,255,0.02);\n      line-height: 1;\n      pointer-events: none;\n      user-select: none;\n    }\n\n    \/* \u2500\u2500 SECCI\u00d3N BIO \u2500\u2500 *\/\n    .bio-section {\n      background: var(--paper);\n      padding: 8rem 2rem;\n    }\n\n    .bio-inner {\n      max-width: 1600px;\n      margin: 0 auto;\n      display: grid;\n      grid-template-columns: 300px 1fr;\n      gap: 6rem;\n      align-items: start;\n    }\n\n    \/* Sidebar izquierda *\/\n    .bio-sidebar {\n      position: sticky;\n      top: 6rem;\n    }\n\n    .bio-nav {\n      list-style: none;\n      margin-bottom: 3rem;\n    }\n\n    .bio-nav li {\n      border-bottom: 1px solid var(--fog);\n    }\n\n    .bio-nav a {\n      display: flex;\n      align-items: center;\n      gap: 0.8rem;\n      padding: 0.9rem 0;\n      font-family: 'Syne', sans-serif;\n      font-size: 0.68rem;\n      font-weight: 700;\n      letter-spacing: 0.14em;\n      text-transform: uppercase;\n      color: var(--stone);\n      text-decoration: none;\n      transition: all 0.25s;\n    }\n\n    .bio-nav a:hover, .bio-nav a.active {\n      color: var(--ink);\n      padding-left: 0.5rem;\n    }\n\n    .bio-nav a::before {\n      content: '';\n      width: 0;\n      height: 1px;\n      background: var(--accent);\n      transition: width 0.25s;\n      flex-shrink: 0;\n    }\n\n    .bio-nav a:hover::before, .bio-nav a.active::before {\n      width: 20px;\n    }\n\n    .bio-sidebar-quote {\n      padding: 1.5rem;\n      border-left: 2px solid var(--accent);\n      background: var(--off-white);\n      border-radius: 0 4px 4px 0;\n    }\n\n    .bio-sidebar-quote p {\n      font-family: 'Playfair Display', serif;\n      font-size: 0.95rem;\n      font-style: italic;\n      color: var(--graphite);\n      line-height: 1.6;\n    }\n\n    \/* Contenido principal *\/\n    .bio-content section {\n      padding: 0 0 5rem 0;\n      border-bottom: 1px solid var(--fog);\n      margin-bottom: 5rem;\n    }\n\n    .bio-content section:last-child {\n      border-bottom: none;\n      margin-bottom: 0;\n      padding-bottom: 0;\n    }\n\n    .bio-section-eyebrow {\n      font-family: 'Syne', sans-serif;\n      font-size: 0.65rem;\n      font-weight: 700;\n      letter-spacing: 0.2em;\n      text-transform: uppercase;\n      color: var(--accent);\n      margin-bottom: 0.8rem;\n    }\n\n    .bio-section-title {\n      font-family: 'Playfair Display', serif;\n      font-size: clamp(1.8rem, 3vw, 2.6rem);\n      font-weight: 900;\n      color: var(--ink);\n      line-height: 1.1;\n      margin-bottom: 2rem;\n    }\n\n    .bio-section-title em {\n      font-style: italic;\n      font-weight: 400;\n    }\n\n    .bio-text {\n      font-size: 1rem;\n      color: var(--graphite);\n      line-height: 1.9;\n      margin-bottom: 1.2rem;\n    }\n\n    .bio-text:last-child { margin-bottom: 0; }\n\n    \/* Timeline formaci\u00f3n *\/\n    .timeline {\n      margin-top: 2rem;\n      position: relative;\n    }\n\n    .timeline::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 0;\n      bottom: 0;\n      width: 1px;\n      background: linear-gradient(to bottom, var(--accent), var(--fog));\n    }\n\n    .timeline-item {\n      padding: 0 0 2.5rem 2.5rem;\n      position: relative;\n      opacity: 0;\n      transform: translateX(-10px);\n      transition: all 0.6s ease;\n    }\n\n    .timeline-item.visible {\n      opacity: 1;\n      transform: none;\n    }\n\n    .timeline-dot {\n      position: absolute;\n      left: -5px;\n      top: 6px;\n      width: 11px;\n      height: 11px;\n      border-radius: 50%;\n      background: var(--accent);\n      border: 2px solid var(--paper);\n      box-shadow: 0 0 0 1px var(--accent);\n    }\n\n    .timeline-year {\n      font-family: 'Syne', sans-serif;\n      font-size: 0.65rem;\n      font-weight: 800;\n      letter-spacing: 0.15em;\n      text-transform: uppercase;\n      color: var(--accent);\n      margin-bottom: 0.3rem;\n    }\n\n    .timeline-title {\n      font-family: 'Playfair Display', serif;\n      font-size: 1.1rem;\n      font-weight: 700;\n      color: var(--ink);\n      margin-bottom: 0.3rem;\n    }\n\n    .timeline-desc {\n      font-size: 0.88rem;\n      color: var(--stone);\n      line-height: 1.6;\n    }\n\n    \/* Grid de intereses *\/\n    .intereses-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 1.2rem;\n      margin-top: 2rem;\n    }\n\n    .interes-card {\n      background: var(--off-white);\n      border: 1px solid var(--fog);\n      border-radius: 6px;\n      padding: 1.5rem;\n      transition: all 0.3s;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .interes-card::before {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 2px;\n      background: var(--accent);\n      transform: scaleX(0);\n      transition: transform 0.3s;\n      transform-origin: left;\n    }\n\n    .interes-card:hover::before { transform: scaleX(1); }\n    .interes-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,0.08); }\n\n    .interes-icon {\n      font-size: 1.5rem;\n      margin-bottom: 0.8rem;\n      display: block;\n    }\n\n    .interes-title {\n      font-family: 'Syne', sans-serif;\n      font-size: 0.72rem;\n      font-weight: 700;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n      color: var(--ink);\n      margin-bottom: 0.4rem;\n    }\n\n    .interes-desc {\n      font-size: 0.82rem;\n      color: var(--stone);\n      line-height: 1.6;\n    }\n\n    \/* \u2500\u2500 SECCI\u00d3N OSCURA \u2014 Manifiesto \u2500\u2500 *\/\n    .manifiesto-section {\n      background: var(--ink);\n      padding: 8rem 2rem;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .manifiesto-section::before {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background-image:\n        repeating-linear-gradient(\n          90deg,\n          transparent,\n          transparent 80px,\n          rgba(200,169,110,0.03) 80px,\n          rgba(200,169,110,0.03) 81px\n        );\n      pointer-events: none;\n    }\n\n    .manifiesto-inner {\n      max-width: 1600px;\n      margin: 0 auto;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 6rem;\n      align-items: center;\n    }\n\n    .manifiesto-left .section-eyebrow-dark {\n      font-family: 'Syne', sans-serif;\n      font-size: 0.68rem;\n      font-weight: 700;\n      letter-spacing: 0.2em;\n      text-transform: uppercase;\n      color: var(--accent);\n      margin-bottom: 1rem;\n    }\n\n    .manifiesto-left h2 {\n      font-family: 'Playfair Display', serif;\n      font-size: clamp(2rem, 4vw, 3.5rem);\n      font-weight: 900;\n      color: var(--white);\n      line-height: 1.1;\n      margin-bottom: 2rem;\n    }\n\n    .manifiesto-left h2 em {\n      font-style: italic;\n      font-weight: 400;\n      color: var(--accent);\n    }\n\n    .manifiesto-left p {\n      font-size: 0.95rem;\n      color: var(--silver);\n      line-height: 1.85;\n      margin-bottom: 1rem;\n    }\n\n    .manifiesto-principios {\n      list-style: none;\n    }\n\n    .manifiesto-principios li {\n      display: flex;\n      align-items: flex-start;\n      gap: 1.2rem;\n      padding: 1.4rem 0;\n      border-bottom: 1px solid rgba(255,255,255,0.06);\n      opacity: 0;\n      transform: translateY(12px);\n      transition: all 0.5s ease;\n    }\n\n    .manifiesto-principios li.visible {\n      opacity: 1;\n      transform: none;\n    }\n\n    .principio-num {\n      font-family: 'Playfair Display', serif;\n      font-size: 2rem;\n      font-weight: 900;\n      color: rgba(200,169,110,0.2);\n      line-height: 1;\n      flex-shrink: 0;\n      width: 40px;\n    }\n\n    .principio-texto strong {\n      display: block;\n      font-family: 'Syne', sans-serif;\n      font-size: 0.72rem;\n      font-weight: 700;\n      letter-spacing: 0.14em;\n      text-transform: uppercase;\n      color: var(--white);\n      margin-bottom: 0.3rem;\n    }\n\n    .principio-texto p {\n      font-size: 0.88rem;\n      color: var(--stone);\n      line-height: 1.65;\n      margin: 0;\n    }\n\n    \/* \u2500\u2500 SECCI\u00d3N CONTACTO \u2500\u2500 *\/\n    .contacto-section {\n      background: var(--off-white);\n      padding: 7rem 2rem;\n    }\n\n    .contacto-inner {\n      max-width: 1600px;\n      margin: 0 auto;\n      text-align: center;\n    }\n\n    .contacto-eyebrow {\n      font-family: 'Syne', sans-serif;\n      font-size: 0.68rem;\n      font-weight: 700;\n      letter-spacing: 0.2em;\n      text-transform: uppercase;\n      color: var(--accent);\n      margin-bottom: 1rem;\n    }\n\n    .contacto-title {\n      font-family: 'Playfair Display', serif;\n      font-size: clamp(2rem, 4vw, 3.5rem);\n      font-weight: 900;\n      color: var(--ink);\n      line-height: 1.1;\n      margin-bottom: 1.2rem;\n    }\n\n    .contacto-title em {\n      font-style: italic;\n      font-weight: 400;\n    }\n\n    .contacto-desc {\n      font-size: 1rem;\n      color: var(--graphite);\n      max-width: 560px;\n      margin: 0 auto 3rem;\n      line-height: 1.8;\n    }\n\n    .contacto-links {\n      display: flex;\n      gap: 1.2rem;\n      justify-content: center;\n      flex-wrap: wrap;\n    }\n\n    .btn-dark {\n      display: inline-flex;\n      align-items: center;\n      gap: 0.6rem;\n      padding: 0.9rem 2rem;\n      background: var(--ink);\n      color: var(--white);\n      text-decoration: none;\n      font-family: 'Syne', sans-serif;\n      font-size: 0.72rem;\n      font-weight: 700;\n      letter-spacing: 0.14em;\n      text-transform: uppercase;\n      border-radius: 4px;\n      transition: all 0.3s;\n    }\n\n    .btn-dark:hover { background: var(--accent); }\n\n    .btn-outline {\n      display: inline-flex;\n      align-items: center;\n      gap: 0.6rem;\n      padding: 0.9rem 2rem;\n      background: transparent;\n      color: var(--ink);\n      text-decoration: none;\n      font-family: 'Syne', sans-serif;\n      font-size: 0.72rem;\n      font-weight: 700;\n      letter-spacing: 0.14em;\n      text-transform: uppercase;\n      border-radius: 4px;\n      border: 1px solid var(--fog);\n      transition: all 0.3s;\n    }\n\n    .btn-outline:hover { border-color: var(--ink); background: var(--white); }\n\n    \/* \u2500\u2500 ANIMACIONES \u2500\u2500 *\/\n    @keyframes fadeUp {\n      from { opacity: 0; transform: translateY(24px); }\n      to { opacity: 1; transform: none; }\n    }\n\n    @keyframes fadeIn {\n      from { opacity: 0; }\n      to { opacity: 1; }\n    }\n\n    .reveal {\n      opacity: 0;\n      transform: translateY(20px);\n      transition: opacity 0.7s ease, transform 0.7s ease;\n    }\n\n    .reveal.visible {\n      opacity: 1;\n      transform: none;\n    }\n\n    \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n    @media (max-width: 1024px) {\n      .sobre-hero { grid-template-columns: 1fr; min-height: auto; }\n      .sobre-hero::after { display: none; }\n      .hero-foto-col { padding: 5rem 3rem 0; justify-content: center; }\n      .foto-wrapper { max-width: 300px; }\n      .foto-badge { right: -0.5rem; }\n      .hero-texto-col { padding: 4rem 3rem 5rem; }\n      .hero-numero { display: none; }\n      .bio-inner { grid-template-columns: 1fr; gap: 3rem; }\n      .bio-sidebar { position: static; }\n      .bio-nav { display: none; }\n      .manifiesto-inner { grid-template-columns: 1fr; gap: 3rem; }\n      .intereses-grid { grid-template-columns: repeat(2, 1fr); }\n    }\n\n    @media (max-width: 640px) {\n      .intereses-grid { grid-template-columns: 1fr; }\n      .hero-texto-col { padding: 3rem 1.5rem 4rem; }\n      .hero-foto-col { padding: 4rem 1.5rem 0; }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       HERO \u2014 Presentaci\u00f3n\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section class=\"sobre-hero\" aria-label=\"Presentaci\u00f3n\">\n\n    <!-- Columna foto -->\n    <div class=\"hero-foto-col\">\n      <div class=\"foto-wrapper\">\n        <div class=\"foto-marco\"><\/div>\n\n        <!--\n          \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\n          \u2551  REEMPLAZA ESTE BLOQUE CON TU FOTO           \u2551\n          \u2551  Elimina el div.foto-placeholder y           \u2551\n          \u2551  pon en su lugar:                            \u2551\n          \u2551  <img decoding=\"async\" src=\"URL_DE_TU_FOTO\"                   \u2551\n          \u2551       alt=\"Tu nombre\"                        \u2551\n          \u2551       class=\"foto-img\">                      \u2551\n          \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d\n        -->\n        <img decoding=\"async\" src=\"https:\/\/orbitamundial.com\/wp-content\/uploads\/2026\/04\/E8B71E17-E6A0-4B9A-8F9E-8AD1FA966EF8.jpeg\"\n     alt=\"Marina Lenard\"\n     class=\"foto-img\">\n\n        <span class=\"foto-badge\">Internacionalista<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- Columna texto -->\n    <div class=\"hero-texto-col\">\n      <div class=\"sobre-eyebrow\">\n        <div class=\"eyebrow-line\"><\/div>\n        <span class=\"eyebrow-text\">Sobre m\u00ed<\/span>\n      <\/div>\n\n      <!-- EDITA: Tu nombre completo. Puedes poner el apellido en <em> para cursiva dorada -->\n      <h1 class=\"sobre-nombre\">Marina<br><em>Lenard<\/em><\/h1>\n\n      <!-- EDITA: Tu descripci\u00f3n profesional corta -->\n      <p class=\"sobre-cargo\">Internacionalista \u00b7 Comunicadora \u00b7 Analista geopol\u00edtica<\/p>\n\n      <!-- EDITA: Frase de presentaci\u00f3n personal, en cursiva -->\n      <p class=\"sobre-intro\">\n        \u00abCreo que entender el mundo no es un privilegio acad\u00e9mico. Es una herramienta para vivir con m\u00e1s criterio, m\u00e1s empat\u00eda y m\u00e1s lucidez.\u00bb\n      <\/p>\n\n      <!-- EDITA: Tus \u00e1reas de especializaci\u00f3n -->\n      <div class=\"sobre-chips\">\n        <span class=\"chip\">Geopol\u00edtica<\/span>\n        <span class=\"chip\">Relaciones Internacionales<\/span>\n        <span class=\"chip\">Conflictos<\/span>\n        <span class=\"chip\">Historia Contempor\u00e1nea<\/span>\n        <span class=\"chip\">Derecho Internacional<\/span>\n        <span class=\"chip\">Pol\u00edtica Exterior<\/span>\n        <span class=\"chip\">Cultura Global<\/span>\n        <span class=\"chip\">Comunicaci\u00f3n Internacional<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"hero-numero\" aria-hidden=\"true\">I<\/div>\n  <\/section>\n\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       BIO \u2014 Qui\u00e9n soy\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section class=\"bio-section\">\n    <div class=\"bio-inner\">\n\n      <!-- Sidebar navegaci\u00f3n -->\n      <aside class=\"bio-sidebar\">\n        <nav aria-label=\"Secciones\">\n          <ul class=\"bio-nav\">\n            <li><a href=\"#quien-soy\" class=\"active\">Qui\u00e9n soy<\/a><\/li>\n            <li><a href=\"#formacion\">Formaci\u00f3n<\/a><\/li>\n            <li><a href=\"#intereses\">Intereses<\/a><\/li>\n          <\/ul>\n        <\/nav>\n\n        <!-- EDITA: Cita que te represente -->\n        <div class=\"bio-sidebar-quote\">\n          <p>\u00abLa geograf\u00eda es el destino de las naciones, pero son los hombres quienes deciden si ese destino los encierra o los libera.\u00bb<\/p>\n        <\/div>\n      <\/aside>\n\n      <!-- Contenido bio -->\n      <div class=\"bio-content\">\n\n        <!-- SECCI\u00d3N: Qui\u00e9n soy -->\n        <section id=\"quien-soy\">\n          <p class=\"bio-section-eyebrow\">Punto de partida<\/p>\n          <h2 class=\"bio-section-title reveal\">\u00bfQui\u00e9n hay<br><em>detr\u00e1s del blog?<\/em><\/h2>\n\n          <!-- EDITA: Tu presentaci\u00f3n personal -->\n          <p class=\"bio-text reveal\">\n            Soy internacionalista de formaci\u00f3n y este blog es el espacio donde llevo a\u00f1os volcando lo que aprendo, lo que me preocupa y lo que creo que merece ser analizado con m\u00e1s profundidad de la que ofrecen los medios convencionales.\n          <\/p>\n          <p class=\"bio-text reveal\">\n            Nac\u00ed con un radar para la geopol\u00edtica y crec\u00ed con una obsesi\u00f3n por entender por qu\u00e9 el mundo funciona como funciona: por qu\u00e9 Siria se desangra mientras el mundo mira para otro lado, por qu\u00e9 China juega al ajedrez cuando Occidente a\u00fan cree en damas, por qu\u00e9 estallan las guerras que estallan, prosperan unos pa\u00edses y colapsan otros, o por qu\u00e9 la historia se repite aunque nadie quiera reconocerlo. Esa curiosidad me llev\u00f3 a estudiar Relaciones Internacionales y no ha dejado de crecer desde entonces.\n          <\/p>\n          <p class=\"bio-text reveal\">\n            <!-- EDITA: Algo personal, m\u00e1s cercano -->\n            Cuando no estoy escribiendo o leyendo, probablemente est\u00e9 planeando un viaje a alg\u00fan lugar que todo el mundo me desaconseja visitar, o discutiendo sobre geopol\u00edtica hasta la extenuaci\u00f3n con quien tenga el valor de aguantarme. Bienvenidos al frente.\n          <\/p>\n        <\/section>\n\n        <!-- SECCI\u00d3N: Formaci\u00f3n -->\n        <section id=\"formacion\">\n          <p class=\"bio-section-eyebrow\">Trayectoria<\/p>\n          <h2 class=\"bio-section-title reveal\">Formaci\u00f3n y<br><em>experiencia<\/em><\/h2>\n\n          <!-- EDITA: Tu l\u00ednea de tiempo acad\u00e9mica\/profesional -->\n          <div class=\"timeline\">\n\n            <div class=\"timeline-item\">\n              <div class=\"timeline-dot\"><\/div>\n              <p class=\"timeline-year\">2026 \u2014 Actualidad<\/p>\n              <p class=\"timeline-title\">\u00d3rbita<\/p>\n              <p class=\"timeline-desc\">Fundadora y autora. An\u00e1lisis independiente sobre geopol\u00edtica, relaciones internacionales e historia contempor\u00e1nea.<\/p>\n            <\/div>\n\n            <div class=\"timeline-item\">\n              <div class=\"timeline-dot\"><\/div>\n              <!-- EDITA: Tu m\u00e1ster o posgrado si tienes -->\n              <p class=\"timeline-year\">2024 \u2014 2025<\/p>\n              <p class=\"timeline-title\">M\u00e1ster en Comunicaci\u00f3n Corporativa y Asuntos P\u00fablicos<\/p>\n              <p class=\"timeline-desc\">Formaci\u00f3n en comunicaci\u00f3n que me permite traducir la complejidad de las Relaciones Internacionales \u2014desde la escalada en el \u00c1rtico hasta las guerras proxy en Oriente Medio\u2014 en an\u00e1lisis que cortan el ruido medi\u00e1tico y llegan directo al hueso geopol\u00edtico.<\/p>\n            <\/div>\n\n            <div class=\"timeline-item\">\n              <div class=\"timeline-dot\"><\/div>\n              <!-- EDITA: Tu grado universitario -->\n              <p class=\"timeline-year\">2020 \u2014 2024<\/p>\n              <p class=\"timeline-title\">Grado en Relaciones Internacionales<\/p>\n              <p class=\"timeline-desc\">Formaci\u00f3n en derecho internacional, teor\u00eda de las RRII, historia contempor\u00e1nea y pol\u00edtica comparada, entre otras. Especializaci\u00f3n territorial en Magreb y Oriente Medio.<\/p>\n            <\/div>\n\n            <div class=\"timeline-item\">\n              <div class=\"timeline-dot\"><\/div>\n              <!-- EDITA: Experiencia adicional, beca, etc. -->\n              <p class=\"timeline-year\">2022<\/p>\n              <p class=\"timeline-title\">Estancia internacional<\/p>\n              <p class=\"timeline-desc\">En 2022 emprend\u00ed un rumbo nuevo y me fui a estudiar a Tur\u00edn, donde curs\u00e9 un a\u00f1o completo de la laurea in Scienze internazionali, dello sviluppo e della cooperazione, y donde comprend\u00ed de primera mano el modo italiano de ver el mundo.<\/p>\n            <\/div>\n\n          <\/div>\n        <\/section>\n\n        <!-- SECCI\u00d3N: Intereses -->\n        <section id=\"intereses\">\n          <p class=\"bio-section-eyebrow\">\u00c1reas de inter\u00e9s<\/p>\n          <h2 class=\"bio-section-title reveal\">Lo que me<br><em>apasiona<\/em><\/h2>\n\n          <p class=\"bio-text reveal\">\n            <!-- EDITA: Introducci\u00f3n a tus \u00e1reas de inter\u00e9s -->\n            Escribo sobre geopol\u00edtica, relaciones internacionales, conflictos, historia y relaciones culturales entre pa\u00edses. Sin afiliaci\u00f3n pol\u00edtica, con rigor y con la convicci\u00f3n de que el an\u00e1lisis bien hecho importa.\n          <\/p>\n\n          <!-- EDITA: Tus \u00e1reas de inter\u00e9s espec\u00edficas -->\n          <div class=\"intereses-grid\">\n            <div class=\"interes-card reveal\">\n              <span class=\"interes-icon\">\ud83c\udf0d<\/span>\n              <p class=\"interes-title\">Geopol\u00edtica<\/p>\n              <p class=\"interes-desc\">El poder, el territorio y los recursos como motores de la pol\u00edtica mundial.<\/p>\n            <\/div>\n            <div class=\"interes-card reveal\">\n              <span class=\"interes-icon\">\u2694\ufe0f<\/span>\n              <p class=\"interes-title\">Conflictos<\/p>\n              <p class=\"interes-desc\">Las causas estructurales de las guerras y los conflictos armados contempor\u00e1neos.<\/p>\n            <\/div>\n            <div class=\"interes-card reveal\">\n              <span class=\"interes-icon\">\ud83d\udcdc<\/span>\n              <p class=\"interes-title\">Historia<\/p>\n              <p class=\"interes-desc\">C\u00f3mo el pasado condiciona el presente y por qu\u00e9 la memoria hist\u00f3rica importa.<\/p>\n            <\/div>\n            <div class=\"interes-card reveal\">\n              <span class=\"interes-icon\">\ud83e\udd1d<\/span>\n              <p class=\"interes-title\">Diplomacia<\/p>\n              <p class=\"interes-desc\">Los mecanismos formales e informales de la pol\u00edtica exterior y la negociaci\u00f3n internacional.<\/p>\n            <\/div>\n            <div class=\"interes-card reveal\">\n              <span class=\"interes-icon\">\ud83c\udfad<\/span>\n              <p class=\"interes-title\">Cultura global<\/p>\n              <p class=\"interes-desc\">El soft power, la diplomacia cultural y c\u00f3mo la cultura moldea las relaciones entre pa\u00edses.<\/p>\n            <\/div>\n            <div class=\"interes-card reveal\">\n              <span class=\"interes-icon\">\u2696\ufe0f<\/span>\n              <p class=\"interes-title\">Derecho Internacional<\/p>\n              <p class=\"interes-desc\">Las normas que regulan las relaciones entre Estados y sus l\u00edmites en la pr\u00e1ctica.<\/p>\n            <\/div>\n          <\/div>\n        <\/section>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       MANIFIESTO \u2014 Por qu\u00e9 escribo\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section class=\"manifiesto-section\" aria-label=\"Manifiesto editorial\">\n    <div class=\"manifiesto-inner\">\n\n      <div class=\"manifiesto-left reveal\">\n        <p class=\"section-eyebrow-dark\">Por qu\u00e9 existe este blog<\/p>\n        <!-- EDITA: El t\u00edtulo de tu manifiesto -->\n        <h2>An\u00e1lisis que <em>importan,<\/em><br>sin ruido<\/h2>\n        <!-- EDITA: Tu declaraci\u00f3n de intenciones -->\n        <p>\n          Vivimos en una era de sobreinformaci\u00f3n y subcomprensi\u00f3n. Los titulares abundan; el contexto escasea. Los medios tienen prisa; el an\u00e1lisis requiere tiempo.\n        <\/p>\n        <p>\n          \u00d3rbita naci\u00f3 de la convicci\u00f3n de que hay una forma mejor de contar lo que ocurre en el mundo: con rigor hist\u00f3rico, perspectiva geopol\u00edtica y honestidad intelectual. Sin la urgencia del breaking news, sin la presi\u00f3n del clic f\u00e1cil.\n        <\/p>\n      <\/div>\n\n      <!-- EDITA: Tus principios editoriales -->\n      <ul class=\"manifiesto-principios\">\n        <li>\n          <span class=\"principio-num\">01<\/span>\n          <div class=\"principio-texto\">\n            <strong>Contexto antes que velocidad<\/strong>\n            <p>Prefiero publicar tarde con fundamento que r\u00e1pido sin \u00e9l. El an\u00e1lisis requiere tiempo y ese tiempo siempre vale la pena.<\/p>\n          <\/div>\n        <\/li>\n        <li>\n          <span class=\"principio-num\">02<\/span>\n          <div class=\"principio-texto\">\n            <strong>Sin afiliaci\u00f3n pol\u00edtica<\/strong>\n            <p>No escribo para defender una ideolog\u00eda. Escribo para entender la realidad tal como es, no como nos gustar\u00eda que fuera.<\/p>\n          <\/div>\n        <\/li>\n        <li>\n          <span class=\"principio-num\">03<\/span>\n          <div class=\"principio-texto\">\n            <strong>La historia como herramienta<\/strong>\n            <p>Ning\u00fan conflicto nace de la nada. Cada crisis tiene ra\u00edces hist\u00f3ricas que es necesario conocer para entender el presente.<\/p>\n          <\/div>\n        <\/li>\n        <li>\n          <span class=\"principio-num\">04<\/span>\n          <div class=\"principio-texto\">\n            <strong>Accesible sin ser superficial<\/strong>\n            <p>El rigor acad\u00e9mico y la claridad expositiva no son incompatibles. Me niego a elegir entre los dos.<\/p>\n          <\/div>\n        <\/li>\n      <\/ul>\n\n    <\/div>\n  <\/section>\n\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       CONTACTO\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section class=\"contacto-section\" aria-labelledby=\"contacto-title\">\n    <div class=\"contacto-inner reveal\">\n      <p class=\"contacto-eyebrow\">\u00bfHablamos?<\/p>\n      <!-- EDITA: CTA de contacto -->\n      <h2 class=\"contacto-title\" id=\"contacto-title\">Siempre abierta a<br><em>nuevas conversaciones<\/em><\/h2>\n      <p class=\"contacto-desc\">\n        Si quieres proponer una colaboraci\u00f3n, compartir una reflexi\u00f3n o simplemente debatir sobre geopol\u00edtica, puedes escribirme. Respondo a todo.\n      <\/p>\n      <div class=\"contacto-links\">\n        <!-- EDITA: Tu email de contacto -->\n        <a href=\"mailto:hola@orbitamundial.com\" class=\"btn-dark\">Escribirme \u2192 hola@orbitamundial.com<\/a>\n        <a href=\"\/index.php\/category\/articulos\/\" class=\"btn-outline\">Ver los art\u00edculos \u2192<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <script>\n    \/\/ Intersection Observer para animaciones reveal\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach(el => {\n        if (el.isIntersecting) {\n          el.target.classList.add('visible');\n        }\n      });\n    }, { threshold: 0.1 });\n\n    document.querySelectorAll('.reveal, .timeline-item, .manifiesto-principios li').forEach(el => {\n      observer.observe(el);\n    });\n\n    \/\/ Nav sidebar activo seg\u00fan scroll\n    const sections = document.querySelectorAll('.bio-content section[id]');\n    const navLinks = document.querySelectorAll('.bio-nav a');\n\n    window.addEventListener('scroll', () => {\n      let current = '';\n      sections.forEach(section => {\n        if (window.scrollY >= section.offsetTop - 200) {\n          current = section.getAttribute('id');\n        }\n      });\n      navLinks.forEach(link => {\n        link.classList.remove('active');\n        if (link.getAttribute('href') === '#' + current) {\n          link.classList.add('active');\n        }\n      });\n    });\n  <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Sobre m\u00ed \u2014 \u00d3rbita Mundial Internacionalista Sobre m\u00ed MarinaLenard Internacionalista \u00b7 Comunicadora \u00b7 Analista geopol\u00edtica \u00abCreo que entender el mundo no es un privilegio acad\u00e9mico. Es una herramienta&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-128","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/orbitamundial.com\/index.php\/wp-json\/wp\/v2\/pages\/128","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/orbitamundial.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/orbitamundial.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/orbitamundial.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/orbitamundial.com\/index.php\/wp-json\/wp\/v2\/comments?post=128"}],"version-history":[{"count":11,"href":"https:\/\/orbitamundial.com\/index.php\/wp-json\/wp\/v2\/pages\/128\/revisions"}],"predecessor-version":[{"id":167,"href":"https:\/\/orbitamundial.com\/index.php\/wp-json\/wp\/v2\/pages\/128\/revisions\/167"}],"wp:attachment":[{"href":"https:\/\/orbitamundial.com\/index.php\/wp-json\/wp\/v2\/media?parent=128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}