{"id":4265,"date":"2026-03-08T21:40:44","date_gmt":"2026-03-09T02:40:44","guid":{"rendered":"https:\/\/stayritmo.com\/?page_id=4265"},"modified":"2026-03-10T14:53:19","modified_gmt":"2026-03-10T19:53:19","slug":"partners","status":"publish","type":"page","link":"https:\/\/stayritmo.com\/nl\/partners\/","title":{"rendered":"Partners"},"content":{"rendered":"<style>\n\n\/* ============================================================\n   RITMO CARTAGENA \u2014 Design System\n   A Modern Caribbean Oasis in El Laguito, Cartagena\n   ============================================================ *\/\n\n\/* --- Google Fonts --- *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Montserrat:wght@300;400;500;600;700&display=swap');\n\n\/* --- CSS Custom Properties --- *\/\n:root {\n  \/* Colors \u2014 Ritmo Red + Caribbean Gold + Sandy Beach *\/\n  --color-primary: #FF2236;\n  --color-primary-light: #FF4D5E;\n  --color-primary-dark: #D91A2B;\n  --color-secondary: #C87E22;\n  --color-secondary-light: #EBA92C;\n  --color-cta: #C87E22;\n  --color-cta-hover: #A86A1B;\n  --color-cta-light: #EBA92C;\n  --color-accent: #EBA92C;\n  --color-sand: #EBDEC5;\n  --color-sand-light: #F5F0E3;\n  --color-bg: #FFFDF8;\n  --color-bg-warm: #F5F0E3;\n  --color-bg-section: #EBDEC5;\n  --color-text: #2C1810;\n  --color-text-muted: #6B5744;\n  --color-text-light: #8C7A68;\n  --color-white: #FFFFFF;\n  --color-border: #DDD2BD;\n  --color-border-light: #EBDEC5;\n\n  \/* Typography *\/\n  --font-heading: 'Cormorant', Georgia, 'Times New Roman', serif;\n  --font-body: 'Montserrat', 'Segoe UI', Tahoma, sans-serif;\n\n  \/* Font Sizes \u2014 Fluid Scale *\/\n  --text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.8125rem);\n  --text-sm: clamp(0.8125rem, 0.75rem + 0.3vw, 0.875rem);\n  --text-base: clamp(0.9375rem, 0.875rem + 0.3vw, 1rem);\n  --text-lg: clamp(1.0625rem, 0.95rem + 0.5vw, 1.125rem);\n  --text-xl: clamp(1.1875rem, 1rem + 0.75vw, 1.3125rem);\n  --text-2xl: clamp(1.4375rem, 1.15rem + 1.2vw, 1.6875rem);\n  --text-3xl: clamp(1.75rem, 1.35rem + 1.7vw, 2.125rem);\n  --text-4xl: clamp(2.125rem, 1.5rem + 2.5vw, 2.8125rem);\n  --text-5xl: clamp(2.625rem, 1.75rem + 3.5vw, 3.75rem);\n  --text-6xl: clamp(3.25rem, 2rem + 5vw, 5rem);\n\n  \/* Font Weights *\/\n  --weight-light: 300;\n  --weight-normal: 400;\n  --weight-medium: 500;\n  --weight-semibold: 600;\n  --weight-bold: 700;\n\n  \/* Line Heights *\/\n  --leading-tight: 1.15;\n  --leading-snug: 1.3;\n  --leading-normal: 1.6;\n  --leading-relaxed: 1.75;\n\n  \/* Letter Spacing *\/\n  --tracking-tight: -0.02em;\n  --tracking-normal: 0;\n  --tracking-wide: 0.05em;\n  --tracking-wider: 0.1em;\n  --tracking-widest: 0.2em;\n\n  \/* Spacing Scale *\/\n  --space-xs: 0.25rem;\n  --space-sm: 0.5rem;\n  --space-md: 1rem;\n  --space-lg: 1.5rem;\n  --space-xl: 2rem;\n  --space-2xl: 3rem;\n  --space-3xl: 4rem;\n  --space-4xl: 6rem;\n  --space-5xl: 8rem;\n\n  \/* Layout *\/\n  --max-width: 1280px;\n  --max-width-narrow: 960px;\n  --max-width-text: 720px;\n  --nav-height: 80px;\n  --border-radius: 8px;\n  --border-radius-lg: 16px;\n  --border-radius-xl: 24px;\n\n  \/* Shadows *\/\n  --shadow-sm: 0 1px 3px rgba(44, 24, 16, 0.06);\n  --shadow-md: 0 4px 12px rgba(44, 24, 16, 0.08);\n  --shadow-lg: 0 8px 30px rgba(44, 24, 16, 0.1);\n  --shadow-xl: 0 16px 50px rgba(44, 24, 16, 0.12);\n  --shadow-gold: 0 4px 20px rgba(200, 126, 34, 0.25);\n  --shadow-red: 0 4px 20px rgba(255, 34, 54, 0.2);\n\n  \/* Transitions *\/\n  --transition-fast: 150ms ease;\n  --transition-base: 250ms ease;\n  --transition-slow: 400ms ease;\n}\n\n\/* --- Base Resets --- *\/\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml {\n  scroll-behavior: smooth;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\nbody {\n  font-family: var(--font-body);\n  font-size: var(--text-base);\n  font-weight: var(--weight-normal);\n  line-height: var(--leading-normal);\n  color: var(--color-text);\n  background-color: var(--color-bg);\n}\n\n\/* --- Typography --- *\/\nh1, h2, h3, h4, h5, h6 {\n  font-family: var(--font-heading);\n  font-weight: var(--weight-semibold);\n  line-height: var(--leading-tight);\n  color: var(--color-primary);\n}\n\nh1 { font-size: var(--text-5xl); letter-spacing: var(--tracking-tight); }\nh2 { font-size: var(--text-4xl); }\nh3 { font-size: var(--text-3xl); }\nh4 { font-size: var(--text-2xl); }\nh5 { font-size: var(--text-xl); }\nh6 { font-size: var(--text-lg); }\n\np {\n  margin-bottom: var(--space-md);\n  max-width: 70ch;\n}\n\n.text-muted { color: var(--color-text-muted); }\n.text-light { color: var(--color-text-light); }\n.text-gold { color: var(--color-cta); }\n.text-white { color: var(--color-white); }\n\n.eyebrow {\n  font-family: var(--font-body);\n  font-size: var(--text-xs);\n  font-weight: var(--weight-semibold);\n  letter-spacing: var(--tracking-widest);\n  text-transform: uppercase;\n  color: var(--color-cta);\n  margin-bottom: var(--space-sm);\n}\n\n\/* --- Buttons --- *\/\n.btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--space-sm);\n  font-family: var(--font-body);\n  font-size: var(--text-sm);\n  font-weight: var(--weight-semibold);\n  letter-spacing: var(--tracking-wide);\n  text-transform: uppercase;\n  text-decoration: none;\n  padding: 0.875rem 2rem;\n  border: 2px solid transparent;\n  border-radius: var(--border-radius);\n  cursor: pointer;\n  transition: all var(--transition-base);\n  min-height: 48px;\n}\n\n.btn-primary {\n  background: var(--color-cta);\n  color: var(--color-white);\n  border-color: var(--color-cta);\n}\n.btn-primary:hover {\n  background: var(--color-cta-hover);\n  color: var(--color-white);\n  border-color: var(--color-cta-hover);\n  box-shadow: var(--shadow-gold);\n}\n\n.btn-outline {\n  background: transparent;\n  color: var(--color-white);\n  border-color: var(--color-white);\n}\n.btn-outline:hover {\n  background: var(--color-white);\n  color: var(--color-primary);\n}\n\n.btn-outline-dark {\n  background: transparent;\n  color: var(--color-primary);\n  border-color: var(--color-primary);\n}\n.btn-outline-dark:hover {\n  background: var(--color-primary);\n  color: var(--color-white);\n}\n\n.btn-ghost {\n  background: transparent;\n  color: var(--color-cta);\n  border-color: transparent;\n  padding: 0.5rem 1rem;\n}\n.btn-ghost:hover {\n  color: var(--color-cta-hover);\n}\n\n\/* --- Layout Utilities --- *\/\n.container {\n  width: 100%;\n  max-width: var(--max-width);\n  margin: 0 auto;\n  padding: 0 var(--space-xl);\n}\n\n.container-narrow {\n  max-width: var(--max-width-narrow);\n}\n\n.section {\n  padding: var(--space-5xl) 0;\n}\n\n.section-sm {\n  padding: var(--space-3xl) 0;\n}\n\n\/* --- Grid --- *\/\n.grid {\n  display: grid;\n  gap: var(--space-xl);\n}\n.grid-2 { grid-template-columns: repeat(2, 1fr); }\n.grid-3 { grid-template-columns: repeat(3, 1fr); }\n.grid-4 { grid-template-columns: repeat(4, 1fr); }\n\n@media (max-width: 1024px) {\n  .grid-4 { grid-template-columns: repeat(2, 1fr); }\n  .grid-3 { grid-template-columns: repeat(2, 1fr); }\n}\n@media (max-width: 640px) {\n  .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }\n}\n\n\/* --- Card --- *\/\n.card {\n  background: var(--color-white);\n  border-radius: var(--border-radius-lg);\n  overflow: hidden;\n  box-shadow: var(--shadow-sm);\n  transition: all var(--transition-base);\n  cursor: pointer;\n}\n.card:hover {\n  box-shadow: var(--shadow-lg);\n  transform: translateY(-4px);\n}\n.card-body {\n  padding: var(--space-lg);\n}\n\n\/* --- Gold Divider --- *\/\n.divider-gold {\n  width: 60px;\n  height: 2px;\n  background: var(--color-cta);\n  margin: var(--space-md) 0;\n}\n\n.divider-gold-center {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* --- Star Rating --- *\/\n.stars {\n  display: inline-flex;\n  gap: 2px;\n  color: var(--color-cta);\n}\n\n\/* --- Accessibility --- *\/\n@media (prefers-reduced-motion: reduce) {\n  *, *::before, *::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n  html { scroll-behavior: auto; }\n}\n\n\/* --- Focus States --- *\/\n:focus-visible {\n  outline: 2px solid var(--color-cta);\n  outline-offset: 2px;\n}\n\n\/* --- Selection --- *\/\n::selection {\n  background: var(--color-primary);\n  color: var(--color-white);\n}\n\n\/* --- Dark Section (replaces old navy) --- *\/\n.dark-section {\n  background: #2C1810;\n  color: rgba(255, 255, 255, 0.9);\n}\n.dark-section h2, .dark-section h3, .dark-section h4 {\n  color: var(--color-white);\n}\n\n\n\n    \/* ============================================================\n       PARTNERS PAGE \u2014 Ritmo Cartagena\n       ============================================================ *\/\n\n    \/* --- Navigation --- *\/\n    .nav {\n      position: fixed;\n      top: 1rem;\n      left: 1rem;\n      right: 1rem;\n      z-index: 50;\n      background: rgba(255, 255, 255, 0.05);\n      backdrop-filter: blur(20px);\n      -webkit-backdrop-filter: blur(20px);\n      border-radius: var(--border-radius-xl);\n      border: 1px solid rgba(255, 255, 255, 0.15);\n      transition: all var(--transition-slow);\n      padding: 0 var(--space-xl);\n    }\n\n    .nav.scrolled {\n      top: 0;\n      left: 0;\n      right: 0;\n      background: rgba(255, 255, 255, 0.97);\n      backdrop-filter: blur(12px);\n      border-radius: 0;\n      border-color: var(--color-border);\n      box-shadow: var(--shadow-md);\n    }\n\n    .nav-inner {\n      max-width: var(--max-width);\n      margin: 0 auto;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      height: var(--nav-height);\n    }\n\n    .nav-logo {\n      display: inline-flex;\n      align-items: center;\n      text-decoration: none;\n    }\n\n    .nav-logo img {\n      height: 30px;\n      width: auto;\n      filter: brightness(0) invert(1);\n      transition: filter var(--transition-base);\n    }\n\n    .nav.scrolled .nav-logo img {\n      filter: none;\n    }\n\n    .nav-links {\n      display: flex;\n      align-items: center;\n      gap: var(--space-xl);\n      list-style: none;\n    }\n\n    .nav-links a {\n      font-family: var(--font-body);\n      font-size: var(--text-sm);\n      font-weight: var(--weight-medium);\n      color: rgba(255, 255, 255, 0.9);\n      text-decoration: none;\n      letter-spacing: var(--tracking-wide);\n      text-transform: uppercase;\n      transition: color var(--transition-fast);\n      cursor: pointer;\n    }\n\n    .nav-links a:hover {\n      color: var(--color-cta);\n    }\n\n    .nav.scrolled .nav-links a {\n      color: var(--color-text);\n    }\n\n    .nav.scrolled .nav-links a:hover {\n      color: var(--color-cta);\n    }\n\n    .nav-links a.active,\n    .nav.scrolled .nav-links a.active {\n      color: var(--color-cta) !important;\n    }\n\n    .nav-cta {\n      padding: 0.625rem 1.5rem !important;\n      background: var(--color-cta) !important;\n      color: var(--color-white) !important;\n      border-radius: var(--border-radius) !important;\n      font-weight: var(--weight-semibold) !important;\n      text-transform: uppercase !important;\n      letter-spacing: var(--tracking-wide) !important;\n      font-size: var(--text-xs) !important;\n      transition: all var(--transition-base) !important;\n      cursor: pointer;\n    }\n\n    .nav-cta:hover {\n      background: var(--color-cta-hover) !important;\n      box-shadow: var(--shadow-gold) !important;\n    }\n\n    \/* Mobile menu toggle *\/\n    .nav-toggle {\n      display: none;\n      flex-direction: column;\n      gap: 5px;\n      cursor: pointer;\n      background: none;\n      border: none;\n      padding: 4px;\n    }\n\n    .nav-toggle span {\n      width: 24px;\n      height: 2px;\n      background: var(--color-white);\n      transition: all var(--transition-base);\n    }\n\n    .nav.scrolled .nav-toggle span {\n      background: var(--color-text);\n    }\n\n    @media (max-width: 1024px) {\n      .nav-toggle { display: flex; }\n      .nav-links {\n        display: none;\n        position: absolute;\n        top: calc(var(--nav-height) + 0.5rem);\n        left: 0;\n        right: 0;\n        background: var(--color-white);\n        flex-direction: column;\n        padding: var(--space-xl);\n        border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg);\n        box-shadow: var(--shadow-lg);\n      }\n      .nav-links.open { display: flex; }\n      .nav-links a { color: var(--color-text) !important; }\n    }\n\n    \/* --- Page Hero --- *\/\n    .page-hero {\n      position: relative;\n      min-height: 60vh;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n    }\n\n    .page-hero-bg {\n      position: absolute;\n      inset: 0;\n      background:\n        linear-gradient(180deg,\n          rgba(15, 23, 42, 0.55) 0%,\n          rgba(44, 24, 16, 0.8) 100%),\n        url('https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/Ritmo-Partners.webp')\n        center top\/cover no-repeat;\n    }\n\n    .page-hero-content {\n      position: relative;\n      z-index: 1;\n      text-align: center;\n      max-width: 760px;\n      padding: calc(var(--nav-height) + var(--space-3xl)) var(--space-xl) var(--space-3xl);\n    }\n\n    .page-hero h1 {\n      font-size: var(--text-5xl);\n      color: var(--color-white);\n      margin-bottom: var(--space-lg);\n      font-weight: var(--weight-normal);\n    }\n\n    .page-hero h1 em {\n      font-style: italic;\n      color: var(--color-cta-light);\n    }\n\n    .page-hero-subtitle {\n      font-size: var(--text-lg);\n      color: rgba(255, 255, 255, 0.85);\n      font-weight: var(--weight-light);\n      line-height: var(--leading-relaxed);\n      max-width: 600px;\n      margin: 0 auto;\n    }\n\n    \/* --- How It Works --- *\/\n    .how-it-works {\n      background: var(--color-bg);\n    }\n\n    .how-it-works-header {\n      text-align: center;\n      margin-bottom: var(--space-3xl);\n    }\n\n    .steps-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: var(--space-2xl);\n      position: relative;\n    }\n\n    .steps-grid::before {\n      content: '';\n      position: absolute;\n      top: 52px;\n      left: calc(16.66% + 32px);\n      right: calc(16.66% + 32px);\n      height: 2px;\n      background: linear-gradient(90deg, var(--color-cta), var(--color-secondary), var(--color-cta));\n      opacity: 0.3;\n    }\n\n    @media (max-width: 768px) {\n      .steps-grid {\n        grid-template-columns: 1fr;\n        max-width: 400px;\n        margin: 0 auto;\n      }\n      .steps-grid::before { display: none; }\n    }\n\n    .step-card {\n      text-align: center;\n      position: relative;\n    }\n\n    .step-number {\n      width: 80px;\n      height: 80px;\n      border-radius: 50%;\n      background: linear-gradient(135deg, #2C1810, #4A3228);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 0 auto var(--space-lg);\n      position: relative;\n      box-shadow: var(--shadow-lg);\n    }\n\n    .step-number-text {\n      font-family: var(--font-heading);\n      font-size: var(--text-2xl);\n      font-weight: var(--weight-bold);\n      color: var(--color-cta);\n      line-height: 1;\n    }\n\n    .step-number-icon {\n      position: absolute;\n      bottom: -4px;\n      right: -4px;\n      width: 32px;\n      height: 32px;\n      border-radius: 50%;\n      background: var(--color-cta);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: var(--shadow-sm);\n    }\n\n    .step-number-icon svg {\n      width: 16px;\n      height: 16px;\n      color: var(--color-white);\n    }\n\n    .step-card h4 {\n      font-size: var(--text-xl);\n      margin-bottom: var(--space-sm);\n    }\n\n    .step-card p {\n      font-size: var(--text-sm);\n      color: var(--color-text-muted);\n      margin: 0 auto;\n      max-width: 280px;\n    }\n\n    \/* --- Why Partner --- *\/\n    .why-partner {\n      background: var(--color-sand-light);\n    }\n\n    .why-partner-header {\n      text-align: center;\n      margin-bottom: var(--space-3xl);\n    }\n\n    .partner-benefit-card {\n      background: var(--color-white);\n      border-radius: var(--border-radius-lg);\n      padding: var(--space-2xl);\n      text-align: center;\n      box-shadow: var(--shadow-sm);\n      transition: all var(--transition-base);\n      border: 1px solid var(--color-border-light);\n    }\n\n    .partner-benefit-card:hover {\n      box-shadow: var(--shadow-lg);\n      transform: translateY(-4px);\n    }\n\n    .partner-benefit-icon {\n      width: 64px;\n      height: 64px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 0 auto var(--space-lg);\n      background: linear-gradient(135deg, #2C1810, #4A3228);\n      border-radius: var(--border-radius);\n      color: var(--color-cta);\n    }\n\n    .partner-benefit-icon svg {\n      width: 28px;\n      height: 28px;\n    }\n\n    .partner-benefit-card h4 {\n      font-size: var(--text-xl);\n      margin-bottom: var(--space-sm);\n    }\n\n    .partner-benefit-card p {\n      color: var(--color-text-muted);\n      font-size: var(--text-sm);\n      margin: 0 auto;\n    }\n\n    \/* --- Who We're Looking For --- *\/\n    .ideal-partners {\n      background: var(--color-bg);\n    }\n\n    .ideal-partners-header {\n      text-align: center;\n      margin-bottom: var(--space-3xl);\n    }\n\n    .partners-layout {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: var(--space-3xl);\n      align-items: center;\n    }\n\n    @media (max-width: 768px) {\n      .partners-layout { grid-template-columns: 1fr; }\n    }\n\n    .partner-types-list {\n      list-style: none;\n      display: flex;\n      flex-direction: column;\n      gap: var(--space-lg);\n    }\n\n    .partner-types-list li {\n      display: flex;\n      align-items: center;\n      gap: var(--space-lg);\n      padding: var(--space-lg);\n      background: var(--color-white);\n      border-radius: var(--border-radius-lg);\n      box-shadow: var(--shadow-sm);\n      border: 1px solid var(--color-border-light);\n      transition: all var(--transition-base);\n    }\n\n    .partner-types-list li:hover {\n      box-shadow: var(--shadow-md);\n      transform: translateX(4px);\n    }\n\n    .partner-type-icon {\n      width: 48px;\n      height: 48px;\n      min-width: 48px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #2C1810;\n      border-radius: 50%;\n      color: var(--color-cta);\n    }\n\n    .partner-type-icon svg {\n      width: 22px;\n      height: 22px;\n    }\n\n    .partner-type-info h5 {\n      font-family: var(--font-body);\n      font-size: var(--text-base);\n      font-weight: var(--weight-semibold);\n      color: var(--color-primary);\n      margin-bottom: 2px;\n    }\n\n    .partner-type-info p {\n      font-size: var(--text-sm);\n      color: var(--color-text-muted);\n      margin: 0;\n    }\n\n    .partners-visual {\n      position: relative;\n      border-radius: var(--border-radius-lg);\n      overflow: hidden;\n      aspect-ratio: 4\/5;\n      background:\n        linear-gradient(180deg,\n          rgba(44, 24, 16, 0.1) 0%,\n          rgba(44, 24, 16, 0.5) 100%),\n        url('https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/Ritmo-Palenqueras.webp')\n        center top\/cover no-repeat;\n      box-shadow: var(--shadow-xl);\n    }\n\n    .partners-visual-overlay {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      padding: var(--space-2xl);\n      background: linear-gradient(transparent, rgba(44, 24, 16, 0.9));\n    }\n\n    .partners-visual-overlay p {\n      color: var(--color-white);\n      font-family: var(--font-heading);\n      font-size: var(--text-2xl);\n      font-weight: var(--weight-semibold);\n      line-height: var(--leading-snug);\n      margin: 0;\n      max-width: 100%;\n    }\n\n    .partners-visual-overlay span {\n      display: block;\n      margin-top: var(--space-sm);\n      font-family: var(--font-body);\n      font-size: var(--text-sm);\n      font-weight: var(--weight-normal);\n      color: rgba(255, 255, 255, 0.7);\n    }\n\n    \/* --- Social Proof Banner --- *\/\n    .social-proof {\n      background: #124720;\n      padding: var(--space-3xl) 0;\n      text-align: center;\n    }\n\n    .social-proof h3 {\n      color: var(--color-white);\n      font-size: var(--text-3xl);\n      margin-bottom: var(--space-md);\n    }\n\n    .social-proof p {\n      color: rgba(255, 255, 255, 0.7);\n      font-size: var(--text-base);\n      margin: 0 auto;\n      max-width: 500px;\n    }\n\n    .proof-stats {\n      display: flex;\n      justify-content: center;\n      gap: var(--space-3xl);\n      margin-top: var(--space-2xl);\n      flex-wrap: wrap;\n    }\n\n    .proof-stat {\n      text-align: center;\n    }\n\n    .proof-stat-number {\n      font-family: var(--font-heading);\n      font-size: var(--text-4xl);\n      font-weight: var(--weight-bold);\n      color: var(--color-cta-light);\n      line-height: 1;\n      margin-bottom: var(--space-xs);\n    }\n\n    .proof-stat-label {\n      font-size: var(--text-sm);\n      color: rgba(255, 255, 255, 0.6);\n      font-weight: var(--weight-medium);\n    }\n\n    \/* --- Apply Section --- *\/\n    .partner-apply {\n      background: var(--color-sand-light);\n    }\n\n    .partner-apply iframe {\n      border: none;\n      border-radius: 12px;\n    }\n\n    .partner-contact {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--space-sm);\n      color: var(--color-text-muted);\n      font-size: var(--text-sm);\n    }\n\n    .partner-contact svg {\n      width: 18px;\n      height: 18px;\n      color: var(--color-cta);\n    }\n\n    .partner-contact a {\n      color: var(--color-primary);\n      text-decoration: none;\n      font-weight: var(--weight-medium);\n      transition: color var(--transition-fast);\n    }\n\n    .partner-contact a:hover {\n      color: var(--color-cta);\n    }\n\n    \/* --- Footer --- *\/\n    .footer {\n      background: var(--color-sand);\n      color: var(--color-text);\n      padding: var(--space-4xl) 0 var(--space-xl);\n    }\n\n    .footer-grid {\n      display: grid;\n      grid-template-columns: 2fr 1fr 1fr 1fr;\n      gap: var(--space-2xl);\n      margin-bottom: var(--space-3xl);\n    }\n\n    .footer-brand .nav-logo {\n      display: inline-flex;\n      margin-bottom: var(--space-md);\n    }\n\n    .footer .nav-logo img {\n      height: 25px;\n      filter: none;\n    }\n\n    .footer-brand p {\n      font-size: var(--text-sm);\n      line-height: var(--leading-relaxed);\n      color: var(--color-text-muted);\n      max-width: 300px;\n    }\n\n    .footer-col h5 {\n      font-family: var(--font-body);\n      font-size: var(--text-xs);\n      font-weight: var(--weight-semibold);\n      letter-spacing: var(--tracking-widest);\n      text-transform: uppercase;\n      color: #124720;\n      margin-bottom: var(--space-lg);\n    }\n\n    .footer-col ul {\n      list-style: none;\n      display: flex;\n      flex-direction: column;\n      gap: var(--space-sm);\n    }\n\n    .footer-col a {\n      font-size: var(--text-sm);\n      color: var(--color-text-muted);\n      text-decoration: none;\n      transition: color var(--transition-fast);\n      cursor: pointer;\n    }\n\n    .footer-col a:hover {\n      color: var(--color-primary);\n    }\n\n    .footer-bottom {\n      border-top: 1px solid var(--color-border);\n      padding-top: var(--space-xl);\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      flex-wrap: wrap;\n      gap: var(--space-md);\n    }\n\n    .footer-bottom p {\n      font-size: var(--text-xs);\n      color: var(--color-text-light);\n      margin: 0;\n    }\n\n    .footer-legal {\n      width: 100%;\n      display: flex;\n      flex-wrap: wrap;\n      gap: var(--space-sm);\n      margin-top: var(--space-sm);\n    }\n\n    .footer-legal a {\n      font-size: var(--text-xs);\n      color: var(--color-text-light);\n      text-decoration: none;\n      transition: color var(--transition-fast);\n    }\n\n    .footer-legal a:hover {\n      color: var(--color-primary);\n    }\n\n    .footer-legal span {\n      font-size: var(--text-xs);\n      color: var(--color-text-light);\n      opacity: 0.5;\n    }\n\n    .footer-social {\n      display: flex;\n      gap: var(--space-md);\n    }\n\n    .footer-social a {\n      width: 40px;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      border: 1px solid var(--color-border);\n      color: var(--color-text-muted);\n      transition: all var(--transition-base);\n      cursor: pointer;\n    }\n\n    .footer-social a:hover {\n      border-color: #124720;\n      color: #124720;\n      background: rgba(18, 71, 32, 0.08);\n    }\n\n    .footer-social svg {\n      width: 18px;\n      height: 18px;\n    }\n\n    @media (max-width: 768px) {\n      .footer-grid {\n        grid-template-columns: 1fr 1fr;\n      }\n    }\n    @media (max-width: 480px) {\n      .footer-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    \/* --- Scroll Reveal Base --- *\/\n    .reveal {\n      opacity: 0;\n      transform: translateY(24px);\n      transition: opacity 0.7s ease, transform 0.7s ease;\n    }\n\n    .reveal.revealed {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    .reveal-delay-1 { transition-delay: 0.1s; }\n    .reveal-delay-2 { transition-delay: 0.2s; }\n    .reveal-delay-3 { transition-delay: 0.3s; }\n    .reveal-delay-4 { transition-delay: 0.4s; }\n    .reveal-delay-5 { transition-delay: 0.5s; }\n\n  \n<\/style>\n\n\n\n<!-- ==================== NAVIGATION ==================== -->\n  <nav class=\"nav\" id=\"navbar\">\n    <div class=\"nav-inner\">\n      <a href=\"https:\/\/stayritmo.com\/nl\/\" class=\"nav-logo\"><img decoding=\"async\" src=\"https:\/\/stayritmo.com\/wp-content\/uploads\/2025\/08\/Ritmo-Horizontal.webp\" alt=\"Ritmo Cartagena\" loading=\"lazy\"><\/a>\n      <ul class=\"nav-links\" id=\"navLinks\">\n        <li><a href=\"\/nl\/suite\/\">De suite<\/a><\/li>\n        <li style=\"display:none\"><a href=\"\/nl\/things-to-do\/\">Dingen om te doen<\/a><\/li>\n        <li><a href=\"\/nl\/cartagena-gids\/\">Cartagena<\/a><\/li>\n        <li><a href=\"\/nl\/reviews\/\">Recensies<\/a><\/li>\n        <li><a href=\"\/nl\/about\/\">Over<\/a><\/li>\n        <li><a href=\"\/nl\/contact\/\">Contact<\/a><\/li>\n        <li><a href=\"\/nl\/book\/\" class=\"nav-cta\">Boek nu<\/a><\/li>\n      <\/ul>\n      <button class=\"nav-toggle\" id=\"navToggle\" aria-label=\"Navigatie in-\/uitschakelen\">\n        <span><\/span><span><\/span><span><\/span>\n      <\/button>\n    <\/div>\n  <\/nav>\n\n  <!-- ==================== HERO ==================== -->\n  <section class=\"page-hero\">\n    <div class=\"page-hero-bg\" role=\"img\" aria-label=\"Teamwerk in Cartagena\"><\/div>\n    <div class=\"page-hero-content\">\n      <p class=\"eyebrow\" style=\"color:var(--color-cta-light);\">Partnerprogramma<\/p>\n      <h1>Samenwerken met<br><em>Ritmo Cartagena<\/em><\/h1>\n      <p class=\"page-hero-subtitle\">Verdien aantrekkelijke commissies door gasten door te verwijzen naar onze moderne vakantiewoningen in het Caribisch gebied. Word lid van ons ambassadeursnetwerk en transformeer uw publiek in onvergetelijke vakanties.<\/p>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== HOW IT WORKS ==================== -->\n  <section class=\"how-it-works section\">\n    <div class=\"container\">\n      <div class=\"how-it-works-header\">\n        <p class=\"eyebrow\">Eenvoudig en transparant<\/p>\n        <h2>Hoe het werkt<\/h2>\n        <div class=\"divider-gold divider-gold-center\"><\/div>\n        <p class=\"text-muted\" style=\"max-width:560px;margin:var(--space-md) auto 0;\">Aan de slag gaan duurt slechts enkele minuten. Meld je aan, deel je link en verdien geld met elke boeking.<\/p>\n      <\/div>\n\n      <div class=\"steps-grid\">\n        <!-- Step 1 -->\n        <div class=\"step-card reveal\">\n          <div class=\"step-number\">\n            <span class=\"step-number-text\">1<\/span>\n            <div class=\"step-number-icon\">\n              <!-- Lucide: user-plus -->\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><line x1=\"19\" y1=\"8\" x2=\"19\" y2=\"14\"\/><line x1=\"22\" y1=\"11\" x2=\"16\" y2=\"11\"\/><\/svg>\n            <\/div>\n          <\/div>\n          <h4>Aanmelden<\/h4>\n          <p>Vul onderstaand formulier in met slechts een paar klikken. Goedkeuring is snel en eenvoudig.<\/p>\n        <\/div>\n\n        <!-- Step 2 -->\n        <div class=\"step-card reveal reveal-delay-2\">\n          <div class=\"step-number\">\n            <span class=\"step-number-text\">2<\/span>\n            <div class=\"step-number-icon\">\n              <!-- Lucide: share-2 -->\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"18\" cy=\"5\" r=\"3\"\/><circle cx=\"6\" cy=\"12\" r=\"3\"\/><circle cx=\"18\" cy=\"19\" r=\"3\"\/><line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\"\/><line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\"\/><\/svg>\n            <\/div>\n          <\/div>\n          <h4>Deel<\/h4>\n          <p>Ontvang je unieke verwijzingslink en deel deze met je publiek via sociale media, blogs of e-mail.<\/p>\n        <\/div>\n\n        <!-- Step 3 -->\n        <div class=\"step-card reveal reveal-delay-4\">\n          <div class=\"step-number\">\n            <span class=\"step-number-text\">3<\/span>\n            <div class=\"step-number-icon\">\n              <!-- Lucide: wallet -->\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 12V7H5a2 2 0 0 1 0-4h14v4\"\/><path d=\"M3 5v14a2 2 0 0 0 2 2h16v-5\"\/><path d=\"M18 12a2 2 0 0 0 0 4h4v-4Z\"\/><\/svg>\n            <\/div>\n          <\/div>\n          <h4>Verdienen<\/h4>\n          <p>Ontvang commissie voor elke bevestigde boeking die via jouw verwijzingslink binnenkomt. Volg je verwijzingen, klikken en inkomsten in realtime via je eigen dashboard.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== WHY PARTNER WITH US ==================== -->\n  <section class=\"why-partner section\">\n    <div class=\"container\">\n      <div class=\"why-partner-header\">\n        <p class=\"eyebrow\">Voordelen<\/p>\n        <h2>Waarom met ons samenwerken?<\/h2>\n        <div class=\"divider-gold divider-gold-center\"><\/div>\n      <\/div>\n\n      <div class=\"grid grid-4\">\n        <div class=\"partner-benefit-card reveal\">\n          <div class=\"partner-benefit-icon\">\n            <!-- Lucide: percent -->\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"19\" y1=\"5\" x2=\"5\" y2=\"19\"\/><circle cx=\"6.5\" cy=\"6.5\" r=\"2.5\"\/><circle cx=\"17.5\" cy=\"17.5\" r=\"2.5\"\/><\/svg>\n          <\/div>\n          <h4>Concurrerende commissies<\/h4>\n          <p>Verdien een aantrekkelijk percentage op elke boeking die via uw unieke verwijzingslink wordt gemaakt.<\/p>\n        <\/div>\n\n        <div class=\"partner-benefit-card reveal reveal-delay-1\">\n          <div class=\"partner-benefit-icon\">\n            <!-- Lucide: bar-chart-3 -->\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 3v18h18\"\/><path d=\"M18 17V9\"\/><path d=\"M13 17V5\"\/><path d=\"M8 17v-3\"\/><\/svg>\n          <\/div>\n          <h4>Realtime tracking<\/h4>\n          <p>Bekijk klikken, boekingen en inkomsten in je persoonlijke dashboard. Volledige transparantie, altijd.<\/p>\n        <\/div>\n\n        <div class=\"partner-benefit-card reveal reveal-delay-2\">\n          <div class=\"partner-benefit-icon\">\n            <!-- Lucide: image -->\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg>\n          <\/div>\n          <h4>Marketingmiddelen<\/h4>\n          <p>Krijg toegang tot professionele foto&#039;s, beschrijvingen en kant-en-klare content voor uw platforms.<\/p>\n        <\/div>\n\n        <div class=\"partner-benefit-card reveal reveal-delay-3\">\n          <div class=\"partner-benefit-icon\">\n            <!-- Lucide: credit-card -->\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\" ry=\"2\"\/><line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"\/><\/svg>\n          <\/div>\n          <h4>Maandelijkse uitbetalingen<\/h4>\n          <p>Betrouwbare betalingen via Stripe of PayPal. U kiest de methode, wij regelen de rest.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== WHO WE'RE LOOKING FOR ==================== -->\n  <section class=\"ideal-partners section\">\n    <div class=\"container\">\n      <div class=\"ideal-partners-header\">\n        <p class=\"eyebrow\">Word lid van ons netwerk.<\/p>\n        <h2>Wie we zoeken<\/h2>\n        <div class=\"divider-gold divider-gold-center\"><\/div>\n        <p class=\"text-muted\" style=\"max-width:560px;margin:var(--space-md) auto 0;\">Of je nu een wereldwijd publiek hebt of een lokale aanwezigheid, als je contact hebt met reizigers, willen we graag met je samenwerken.<\/p>\n      <\/div>\n\n      <div class=\"partners-layout\">\n        <ul class=\"partner-types-list\">\n          <li class=\"reveal\">\n            <div class=\"partner-type-icon\">\n              <!-- Lucide: camera -->\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z\"\/><circle cx=\"12\" cy=\"13\" r=\"4\"\/><\/svg>\n            <\/div>\n            <div class=\"partner-type-info\">\n              <h5>Reisbloggers en influencers<\/h5>\n              <p>Deel Cartagena met je volgers en verdien geld terwijl je anderen inspireert.<\/p>\n            <\/div>\n          <\/li>\n          <li class=\"reveal reveal-delay-1\">\n            <div class=\"partner-type-icon\">\n              <!-- Lucide: compass -->\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polygon points=\"16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76\"\/><\/svg>\n            <\/div>\n            <div class=\"partner-type-info\">\n              <h5>Reisorganisatoren en gidsen<\/h5>\n              <p>Wij bevelen luxe accommodaties aan als aanvulling op uw rondreis.<\/p>\n            <\/div>\n          <\/li>\n          <li class=\"reveal reveal-delay-2\">\n            <div class=\"partner-type-icon\">\n              <!-- Lucide: globe -->\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\n            <\/div>\n            <div class=\"partner-type-info\">\n              <h5>Reisbureaus<\/h5>\n              <p>Voeg een zorgvuldig samengestelde Cartagena-optie toe aan uw portfolio van bestemmingen.<\/p>\n            <\/div>\n          <\/li>\n          <li class=\"reveal reveal-delay-3\">\n            <div class=\"partner-type-icon\">\n              <!-- Lucide: bell-ring -->\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/><path d=\"M2 8c0-2.2.7-4.3 2-6\"\/><path d=\"M22 8a10 10 0 0 0-2-6\"\/><\/svg>\n            <\/div>\n            <div class=\"partner-type-info\">\n              <h5>Concierge-diensten<\/h5>\n              <p>Bied uw klanten een eersteklas, zorgvuldig geselecteerd vakantiehuis in Cartagena aan.<\/p>\n            <\/div>\n          <\/li>\n          <li class=\"reveal reveal-delay-4\">\n            <div class=\"partner-type-icon\">\n              <!-- Lucide: store -->\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9l1-4h16l1 4\"\/><path d=\"M3 9v10a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V9\"\/><path d=\"M12 9v10\"\/><path d=\"M3 9h18\"\/><path d=\"M7.5 9a2.5 2.5 0 0 1-5 0\"\/><path d=\"M12.5 9a2.5 2.5 0 0 1-5 0\"\/><path d=\"M17.5 9a2.5 2.5 0 0 1-5 0\"\/><path d=\"M21.5 9a2.5 2.5 0 0 0 .5-2\"\/><\/svg>\n            <\/div>\n            <div class=\"partner-type-info\">\n              <h5>Lokale bedrijven<\/h5>\n              <p>Werk samen met restaurants, spa&#039;s en andere activiteiten in Cartagena om elkaars producten en diensten te promoten.<\/p>\n            <\/div>\n          <\/li>\n        <\/ul>\n\n        <div class=\"partners-visual reveal\">\n          <div class=\"partners-visual-overlay\">\n            <p>Sluit u aan bij ons groeiende netwerk van partners in Cartagena.<\/p>\n            <span>Vertrouwd door reisprofessionals in het hele Caribisch gebied.<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== SOCIAL PROOF ==================== -->\n  <section class=\"social-proof\">\n    <div class=\"container\">\n      <h3 class=\"reveal\">Een partnerschap gebouwd op vertrouwen<\/h3>\n      <p class=\"reveal reveal-delay-1\">Onze partners profiteren van onze reputatie met 4,95 sterren, ons prachtige pand en ons toegewijde ondersteuningsteam.<\/p>\n      <div class=\"proof-stats\">\n        <div class=\"proof-stat reveal reveal-delay-1\">\n          <div class=\"proof-stat-number\">4.95<\/div>\n          <div class=\"proof-stat-label\">Gastbeoordeling<\/div>\n        <\/div>\n        <div class=\"proof-stat reveal reveal-delay-2\">\n          <div class=\"proof-stat-number\">90+<\/div>\n          <div class=\"proof-stat-label\">Geverifieerde beoordelingen<\/div>\n        <\/div>\n        <div class=\"proof-stat reveal reveal-delay-3\">\n          <div class=\"proof-stat-number\">24 uur<\/div>\n          <div class=\"proof-stat-label\">reactietijd<\/div>\n        <\/div>\n        <div class=\"proof-stat reveal reveal-delay-4\">\n          <div class=\"proof-stat-number\">100%<\/div>\n          <div class=\"proof-stat-label\">Betrouwbaarheid van de uitbetaling<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== APPLY NOW ==================== -->\n  <section class=\"partner-apply section\" id=\"apply\">\n    <div class=\"container\">\n      <div style=\"text-align:center;margin-bottom:var(--space-2xl);\">\n        <p class=\"eyebrow\">Klaar om te beginnen?<\/p>\n        <h2>Word lid van ons netwerk.<\/h2>\n        <div class=\"divider-gold divider-gold-center\"><\/div>\n        <p style=\"color:var(--color-text-muted);max-width:500px;margin:var(--space-md) auto 0;\">Vul onderstaand formulier in en ons team neemt contact met u op. Het proces is snel en de meeste partners worden binnen 24 uur goedgekeurd.<\/p>\n      <\/div>\n      <div style=\"max-width:600px;margin:0 auto;\">\n\n\n<iframe src=\"https:\/\/api.brandchamp.io\/application-form\/nelg\" width=\"100%\" height=\"500\" marginheight=\"0\" marginwidth=\"0\" frameborder=\"0\">Laden\u2026<\/iframe>\n\n\n<\/div>\n      <div class=\"partner-contact\" style=\"text-align:center;margin-top:var(--space-xl);display:flex;justify-content:center;\">\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"width:18px;height:18px;color:var(--color-cta);\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n        <span>Vragen over partnerschappen: <a href=\"\/nl\/contact\/\">Neem contact met ons op<\/a><\/span>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== FOOTER ==================== -->\n  <footer class=\"footer\">\n    <div class=\"container\">\n      <div class=\"footer-grid\">\n        <div class=\"footer-brand\">\n          <a href=\"https:\/\/stayritmo.com\/nl\/\" class=\"nav-logo\"><img decoding=\"async\" src=\"https:\/\/stayritmo.com\/wp-content\/uploads\/2025\/08\/Ritmo-Horizontal.webp\" alt=\"Ritmo Cartagena\" loading=\"lazy\"><\/a>\n          <p>Een moderne Caribische oase in El Laguito, Cartagena. Uw stijlvolle thuis weg van huis aan de Caribische kust van Colombia.<\/p>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Ontdekken<\/h5>\n          <ul>\n            <li><a href=\"\/nl\/suite\/\">De suite<\/a><\/li>\n            <li style=\"display:none\"><a href=\"\/nl\/things-to-do\/\">Dingen om te doen<\/a><\/li>\n            <li><a href=\"\/nl\/cartagena-gids\/\">Cartagena-gids<\/a><\/li>\n            <li><a href=\"\/nl\/reviews\/\">Gastrecensies<\/a><\/li>\n            <li><a href=\"\/nl\/blog\/\">Blog<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Informatie<\/h5>\n          <ul>\n            <li><a href=\"\/nl\/about\/\">Over ons<\/a><\/li>\n            <li><a href=\"\/nl\/veelgestelde-vragen\/\">Veelgestelde vragen<\/a><\/li>\n            <li><a href=\"\/nl\/contact\/\">Contact<\/a><\/li>\n            <li><a href=\"\/nl\/partners\/\">Word partner<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Boek<\/h5>\n          <ul>\n            <li><a href=\"\/nl\/book\/\">Boek direct<\/a><\/li>\n            <li><a href=\"https:\/\/airbnb.com\/h\/ritmo\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Airbnb<\/a><\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      <div class=\"footer-bottom\">\n        <p>\u00a9 <script>document.write(new Date().getFullYear())<\/script> Ritmo Cartagena<\/p>\n        <div class=\"footer-social\">\n          <a href=\"https:\/\/www.instagram.com\/ritmocartagena\/\" aria-label=\"Instagram\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg>\n          <\/a>\n          <a href=\"https:\/\/www.facebook.com\/ritmocartagena\/\" aria-label=\"Facebook\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg>\n          <\/a>\n          <a href=\"https:\/\/x.com\/ritmo_cartagena\" aria-label=\"X\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n            <svg viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\n          <\/a>\n        <\/div>\n        <div class=\"footer-legal\">\n          <a href=\"\/nl\/terms\/\">Gebruiksvoorwaarden<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/nl\/privacy\/\">Privacybeleid<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/nl\/cookiebeleid\/\">Cookiebeleid<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/nl\/aanvaardbaar-gebruik\/\">Aanvaardbaar gebruik<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/nl\/annuleringsbeleid\/\">Annuleringsbeleid<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/footer>\n\n  <!-- ==================== SCRIPTS ==================== -->\n  <script>\n    \/\/ Navbar scroll effect\n    const navbar = document.getElementById('navbar');\n    window.addEventListener('scroll', () => {\n      navbar.classList.toggle('scrolled', window.scrollY > 60);\n    });\n\n    \/\/ Mobile menu toggle\n    const navToggle = document.getElementById('navToggle');\n    const navLinks = document.getElementById('navLinks');\n    navToggle.addEventListener('click', () => {\n      navLinks.classList.toggle('open');\n    });\n\n    \/\/ Close mobile menu on link click\n    navLinks.querySelectorAll('a').forEach(link => {\n      link.addEventListener('click', () => {\n        navLinks.classList.remove('open');\n      });\n    });\n\n    \/\/ Scroll reveal animation\n    const revealObserver = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('revealed');\n        }\n      });\n    }, { threshold: 0.1 });\n\n    document.querySelectorAll('.reveal').forEach(el => {\n      revealObserver.observe(el);\n    });\n\n    \/\/ Auto-scroll nav state on page load (since hero is shorter)\n    if (window.scrollY > 60) {\n      navbar.classList.add('scrolled');\n    }\n\n  <\/script>","protected":false},"excerpt":{"rendered":"<p>The Suite Things to Do Cartagena Reviews About Contact Book Now Partner Program Partner WithRitmo Cartagena Earn competitive commissions by referring guests to our modern Caribbean vacation rental. Join our ambassador network and turn your audience into unforgettable getaways. Simple &amp; Transparent How It Works Getting started takes just minutes. Sign up, share your link, [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":14,"comment_status":"closed","ping_status":"closed","template":"ritmo-canvas","meta":{"footnotes":""},"class_list":["post-4265","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stayritmo.com\/nl\/wp-json\/wp\/v2\/pages\/4265","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stayritmo.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stayritmo.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stayritmo.com\/nl\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/stayritmo.com\/nl\/wp-json\/wp\/v2\/comments?post=4265"}],"version-history":[{"count":10,"href":"https:\/\/stayritmo.com\/nl\/wp-json\/wp\/v2\/pages\/4265\/revisions"}],"predecessor-version":[{"id":4777,"href":"https:\/\/stayritmo.com\/nl\/wp-json\/wp\/v2\/pages\/4265\/revisions\/4777"}],"wp:attachment":[{"href":"https:\/\/stayritmo.com\/nl\/wp-json\/wp\/v2\/media?parent=4265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}