{"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":"partenaires","status":"publish","type":"page","link":"https:\/\/stayritmo.com\/fr\/partners\/","title":{"rendered":"Partenaires"},"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\/fr\/\" class=\"nav-logo\"><img decoding=\"async\" src=\"https:\/\/stayritmo.com\/wp-content\/uploads\/2025\/08\/Ritmo-Horizontal.webp\" alt=\"Ritmo Carthag\u00e8ne\" loading=\"lazy\"><\/a>\n      <ul class=\"nav-links\" id=\"navLinks\">\n        <li><a href=\"\/fr\/suite\/\">La suite<\/a><\/li>\n        <li style=\"display:none\"><a href=\"\/fr\/things-to-do\/\">Choses \u00e0 faire<\/a><\/li>\n        <li><a href=\"\/fr\/guide-de-carthagene\/\">Carthag\u00e8ne<\/a><\/li>\n        <li><a href=\"\/fr\/reviews\/\">Avis<\/a><\/li>\n        <li><a href=\"\/fr\/about\/\">\u00c0 propos<\/a><\/li>\n        <li><a href=\"\/fr\/contact\/\">Contact<\/a><\/li>\n        <li><a href=\"\/fr\/book\/\" class=\"nav-cta\">R\u00e9servez maintenant<\/a><\/li>\n      <\/ul>\n      <button class=\"nav-toggle\" id=\"navToggle\" aria-label=\"Basculer la navigation\">\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=\"Collaboration d&#039;\u00e9quipe \u00e0 Carthag\u00e8ne\"><\/div>\n    <div class=\"page-hero-content\">\n      <p class=\"eyebrow\" style=\"color:var(--color-cta-light);\">Programme de partenariat<\/p>\n      <h1>Partenaire avec<br><em>Ritmo Carthag\u00e8ne<\/em><\/h1>\n      <p class=\"page-hero-subtitle\">Gagnez des commissions avantageuses en recommandant nos locations de vacances modernes dans les Cara\u00efbes. Rejoignez notre r\u00e9seau d&#039;ambassadeurs et offrez \u00e0 vos abonn\u00e9s des s\u00e9jours inoubliables.<\/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\">Simple et transparent<\/p>\n        <h2>Comment \u00e7a marche<\/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;\">Il vous suffit de quelques minutes pour commencer. Inscrivez-vous, partagez votre lien et commencez \u00e0 gagner de l&#039;argent \u00e0 chaque r\u00e9servation.<\/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>S&#039;inscrire<\/h4>\n          <p>Remplissez le formulaire ci-dessous en quelques clics. L&#039;approbation est rapide et simple.<\/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>Partager<\/h4>\n          <p>Obtenez votre lien de parrainage unique et partagez-le avec votre public sur les r\u00e9seaux sociaux, les blogs ou par 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>Gagner<\/h4>\n          <p>Touchez une commission pour chaque r\u00e9servation confirm\u00e9e effectu\u00e9e via votre lien de parrainage. Suivez vos parrainages, clics et gains en temps r\u00e9el depuis votre tableau de bord.<\/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\">Avantages<\/p>\n        <h2>Pourquoi devenir partenaire ?<\/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>Commissions comp\u00e9titives<\/h4>\n          <p>Gagnez un pourcentage avantageux sur chaque r\u00e9servation effectu\u00e9e via votre lien de parrainage unique.<\/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>Suivi en temps r\u00e9el<\/h4>\n          <p>Consultez vos clics, r\u00e9servations et revenus sur votre tableau de bord personnel. Transparence totale, en permanence.<\/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>Ressources marketing<\/h4>\n          <p>Acc\u00e9dez \u00e0 des photos professionnelles, des descriptions et du contenu pr\u00eat \u00e0 partager pour vos plateformes.<\/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>Versements mensuels<\/h4>\n          <p>Paiements s\u00e9curis\u00e9s via Stripe ou PayPal. Vous choisissez le mode de paiement, nous nous occupons du reste.<\/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\">Rejoignez notre r\u00e9seau<\/p>\n        <h2>Profil recherch\u00e9<\/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;\">Que vous ayez une audience mondiale ou une pr\u00e9sence locale, si vous \u00eates en contact avec les voyageurs, nous voulons travailler avec vous.<\/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>Blogueurs et influenceurs de voyage<\/h5>\n              <p>Partagez Carthag\u00e8ne avec vos abonn\u00e9s et gagnez de l&#039;argent tout en inspirant leurs abonn\u00e9s<\/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>Op\u00e9rateurs de voyages et guides<\/h5>\n              <p>Nous vous recommandons des h\u00e9bergements haut de gamme pour compl\u00e9ter vos circuits.<\/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>Agents de voyages<\/h5>\n              <p>Ajoutez une destination soigneusement s\u00e9lectionn\u00e9e comme Carthag\u00e8ne \u00e0 votre portefeuille de destinations.<\/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>Services de conciergerie<\/h5>\n              <p>Proposez \u00e0 vos clients une location de vacances haut de gamme et soigneusement s\u00e9lectionn\u00e9e \u00e0 Carthag\u00e8ne.<\/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>Entreprises locales<\/h5>\n              <p>Faites la promotion crois\u00e9e avec les restaurants, les spas et les activit\u00e9s \u00e0 Carthag\u00e8ne.<\/p>\n            <\/div>\n          <\/li>\n        <\/ul>\n\n        <div class=\"partners-visual reveal\">\n          <div class=\"partners-visual-overlay\">\n            <p>Rejoignez notre r\u00e9seau de partenaires en pleine expansion \u00e0 Carthag\u00e8ne<\/p>\n            <span>Recommand\u00e9 par les professionnels du voyage dans toutes les Cara\u00efbes<\/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\">Un partenariat fond\u00e9 sur la confiance<\/h3>\n      <p class=\"reveal reveal-delay-1\">Nos partenaires b\u00e9n\u00e9ficient de notre r\u00e9putation 4,95 \u00e9toiles, de nos superbes propri\u00e9t\u00e9s et de notre \u00e9quipe d&#039;assistance d\u00e9vou\u00e9e.<\/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\">\u00c9valuation des clients<\/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\">Avis v\u00e9rifi\u00e9s<\/div>\n        <\/div>\n        <div class=\"proof-stat reveal reveal-delay-3\">\n          <div class=\"proof-stat-number\">24h<\/div>\n          <div class=\"proof-stat-label\">Temps de r\u00e9ponse<\/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\">Fiabilit\u00e9 des paiements<\/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\">Pr\u00eat \u00e0 commencer ?<\/p>\n        <h2>Rejoignez notre r\u00e9seau<\/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;\">Remplissez le formulaire ci-dessous et notre \u00e9quipe vous contactera. La proc\u00e9dure est rapide et la plupart des partenaires sont approuv\u00e9s sous 24 heures.<\/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\">Chargement\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>Demandes de partenariat\u00a0: <a href=\"\/fr\/contact\/\">Contactez-nous<\/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\/fr\/\" class=\"nav-logo\"><img decoding=\"async\" src=\"https:\/\/stayritmo.com\/wp-content\/uploads\/2025\/08\/Ritmo-Horizontal.webp\" alt=\"Ritmo Carthag\u00e8ne\" loading=\"lazy\"><\/a>\n          <p>Une oasis carib\u00e9enne moderne \u00e0 El Laguito, Carthag\u00e8ne. Votre r\u00e9sidence \u00e9l\u00e9gante loin de chez vous sur la c\u00f4te carib\u00e9enne colombienne.<\/p>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Explorer<\/h5>\n          <ul>\n            <li><a href=\"\/fr\/suite\/\">La suite<\/a><\/li>\n            <li style=\"display:none\"><a href=\"\/fr\/things-to-do\/\">Choses \u00e0 faire<\/a><\/li>\n            <li><a href=\"\/fr\/guide-de-carthagene\/\">Guide de Carthag\u00e8ne<\/a><\/li>\n            <li><a href=\"\/fr\/reviews\/\">Avis des clients<\/a><\/li>\n            <li><a href=\"\/fr\/blog\/\">Blog<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Info<\/h5>\n          <ul>\n            <li><a href=\"\/fr\/about\/\">\u00c0 propos de nous<\/a><\/li>\n            <li><a href=\"\/fr\/faq\/\">FAQ<\/a><\/li>\n            <li><a href=\"\/fr\/contact\/\">Contact<\/a><\/li>\n            <li><a href=\"\/fr\/partenaires\/\">Devenez partenaire<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Livre<\/h5>\n          <ul>\n            <li><a href=\"\/fr\/book\/\">R\u00e9servez directement<\/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 Carthag\u00e8ne<\/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=\"\/fr\/terms\/\">Conditions d&#039;utilisation<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/fr\/privacy\/\">politique de confidentialit\u00e9<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/fr\/politique-en-matiere-de-cookies\/\">Politique relative aux cookies<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/fr\/utilisation-acceptable\/\">Utilisation acceptable<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/fr\/politique-dannulation\/\">Politique d&#039;annulation<\/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\/fr\/wp-json\/wp\/v2\/pages\/4265","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stayritmo.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stayritmo.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stayritmo.com\/fr\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/stayritmo.com\/fr\/wp-json\/wp\/v2\/comments?post=4265"}],"version-history":[{"count":10,"href":"https:\/\/stayritmo.com\/fr\/wp-json\/wp\/v2\/pages\/4265\/revisions"}],"predecessor-version":[{"id":4777,"href":"https:\/\/stayritmo.com\/fr\/wp-json\/wp\/v2\/pages\/4265\/revisions\/4777"}],"wp:attachment":[{"href":"https:\/\/stayritmo.com\/fr\/wp-json\/wp\/v2\/media?parent=4265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}