{"id":4259,"date":"2026-03-08T20:59:39","date_gmt":"2026-03-09T01:59:39","guid":{"rendered":"https:\/\/stayritmo.com\/?page_id=4259"},"modified":"2026-03-10T14:53:11","modified_gmt":"2026-03-10T19:53:11","slug":"a-propos-du-rythme","status":"publish","type":"page","link":"https:\/\/stayritmo.com\/fr\/about-ritmo\/","title":{"rendered":"About Ritmo"},"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       ABOUT 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: 50vh;\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(26, 14, 8, 0.5) 0%,\n          rgba(44, 24, 16, 0.75) 100%),\n        url('https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/cartagena-hero.webp')\n        center\/cover no-repeat;\n    }\n\n    .page-hero-content {\n      position: relative;\n      z-index: 1;\n      text-align: center;\n      padding: var(--space-xl);\n      padding-top: calc(var(--nav-height) + var(--space-2xl));\n    }\n\n    .page-hero-content .eyebrow {\n      color: var(--color-cta-light);\n    }\n\n    .page-hero-content h1 {\n      color: var(--color-white);\n      margin-bottom: var(--space-md);\n    }\n\n    .page-hero-content p {\n      color: rgba(255, 255, 255, 0.8);\n      font-size: var(--text-lg);\n      max-width: 560px;\n      margin: 0 auto;\n      font-weight: var(--weight-light);\n    }\n\n    \/* --- Our Story Section --- *\/\n    .our-story {\n      background: var(--color-bg);\n    }\n\n    .story-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: var(--space-3xl);\n      align-items: center;\n    }\n\n    .story-image {\n      border-radius: var(--border-radius-lg);\n      overflow: hidden;\n      aspect-ratio: 4\/5;\n      position: relative;\n    }\n\n    .story-image-placeholder {\n      width: 100%;\n      height: 100%;\n      background:\n        linear-gradient(135deg, #2C1810 0%, #4A3228 100%);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      position: relative;\n    }\n\n    .story-image-placeholder::after {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background:\n        url('https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/ritmo-living-room.webp')\n        center\/cover no-repeat;\n      opacity: 0.85;\n    }\n\n    .story-image-accent {\n      position: absolute;\n      bottom: -1rem;\n      right: -1rem;\n      width: 120px;\n      height: 120px;\n      background: var(--color-cta);\n      border-radius: var(--border-radius-lg);\n      z-index: -1;\n    }\n\n    .story-text h2 {\n      margin-bottom: var(--space-md);\n    }\n\n    .story-text p {\n      color: var(--color-text-muted);\n      margin-bottom: var(--space-lg);\n      line-height: var(--leading-relaxed);\n    }\n\n    .story-text blockquote {\n      border-left: 3px solid var(--color-cta);\n      padding-left: var(--space-lg);\n      margin: var(--space-xl) 0;\n      font-family: var(--font-heading);\n      font-size: var(--text-2xl);\n      font-style: italic;\n      color: var(--color-primary);\n      line-height: var(--leading-snug);\n    }\n\n    @media (max-width: 768px) {\n      .story-grid { grid-template-columns: 1fr; }\n      .story-image { max-height: 400px; }\n    }\n\n    \/* --- Meet Your Hosts --- *\/\n    .hosts-section {\n      background: var(--color-sand-light);\n    }\n\n    .hosts-header {\n      text-align: center;\n      margin-bottom: var(--space-3xl);\n    }\n\n    .hosts-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: var(--space-2xl);\n      max-width: 800px;\n      margin: 0 auto;\n    }\n\n    .host-card {\n      text-align: center;\n      background: var(--color-white);\n      border-radius: var(--border-radius-lg);\n      padding: var(--space-2xl) var(--space-xl);\n      box-shadow: var(--shadow-sm);\n      border: 1px solid var(--color-border-light);\n      transition: all var(--transition-base);\n    }\n\n    .host-card:hover {\n      box-shadow: var(--shadow-lg);\n      transform: translateY(-4px);\n    }\n\n    .host-photo {\n      width: 120px;\n      height: 120px;\n      border-radius: 50%;\n      margin: 0 auto var(--space-lg);\n      overflow: hidden;\n      border: 3px solid var(--color-cta);\n      padding: 3px;\n    }\n\n    .host-photo-inner {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n      background: linear-gradient(135deg, #2C1810, #4A3228);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--color-cta);\n      font-family: var(--font-heading);\n      font-size: var(--text-3xl);\n      font-weight: var(--weight-bold);\n      object-fit: cover;\n    }\n\n    .host-photo img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n      object-fit: cover;\n    }\n\n    .host-name {\n      font-family: var(--font-heading);\n      font-size: var(--text-2xl);\n      font-weight: var(--weight-semibold);\n      color: var(--color-primary);\n      margin-bottom: var(--space-xs);\n    }\n\n    .host-role {\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-md);\n    }\n\n    .host-bio {\n      font-size: var(--text-sm);\n      color: var(--color-text-muted);\n      line-height: var(--leading-relaxed);\n      margin: 0;\n    }\n\n    @media (max-width: 640px) {\n      .hosts-grid { grid-template-columns: 1fr; }\n    }\n\n    \/* --- Our Values --- *\/\n    .values-section {\n      background: var(--color-bg);\n    }\n\n    .values-header {\n      text-align: center;\n      margin-bottom: var(--space-3xl);\n    }\n\n    .value-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      border: 1px solid var(--color-border-light);\n      transition: all var(--transition-base);\n    }\n\n    .value-card:hover {\n      box-shadow: var(--shadow-lg);\n      transform: translateY(-4px);\n    }\n\n    .value-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    .value-icon svg {\n      width: 28px;\n      height: 28px;\n    }\n\n    .value-card h4 {\n      font-size: var(--text-xl);\n      margin-bottom: var(--space-sm);\n    }\n\n    .value-card p {\n      color: var(--color-text-muted);\n      font-size: var(--text-sm);\n      margin: 0 auto;\n    }\n\n    \/* --- Stats Section --- *\/\n    .stats-section {\n      background: #2C1810;\n      padding: var(--space-4xl) 0;\n    }\n\n    .stats-header {\n      text-align: center;\n      margin-bottom: var(--space-2xl);\n    }\n\n    .stats-header .eyebrow {\n      color: var(--color-cta-light);\n    }\n\n    .stats-header h2 {\n      color: var(--color-white);\n    }\n\n    .stats-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: var(--space-xl);\n    }\n\n    .stat-item {\n      text-align: center;\n      padding: var(--space-xl);\n      border-radius: var(--border-radius-lg);\n      background: rgba(255, 255, 255, 0.06);\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      transition: all var(--transition-base);\n    }\n\n    .stat-item:hover {\n      background: rgba(255, 255, 255, 0.1);\n      transform: translateY(-4px);\n    }\n\n    .stat-icon {\n      width: 48px;\n      height: 48px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 0 auto var(--space-md);\n      color: var(--color-cta);\n    }\n\n    .stat-icon svg {\n      width: 28px;\n      height: 28px;\n    }\n\n    .stat-number {\n      font-family: var(--font-heading);\n      font-size: var(--text-4xl);\n      font-weight: var(--weight-bold);\n      color: var(--color-white);\n      line-height: 1;\n      margin-bottom: var(--space-xs);\n    }\n\n    .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    @media (max-width: 1024px) {\n      .stats-grid { grid-template-columns: repeat(2, 1fr); }\n    }\n    @media (max-width: 480px) {\n      .stats-grid { grid-template-columns: 1fr; }\n    }\n\n    \/* --- Final CTA --- *\/\n    .final-cta {\n      position: relative;\n      padding: var(--space-5xl) 0;\n      text-align: center;\n      overflow: hidden;\n    }\n\n    .final-cta-bg {\n      position: absolute;\n      inset: 0;\n      background:\n        linear-gradient(180deg,\n          rgba(18, 71, 32, 0.88) 0%,\n          rgba(18, 71, 32, 0.92) 100%),\n        url('https:\/\/images.unsplash.com\/photo-1583531172005-814194af01e1?w=1920&q=80')\n        center\/cover no-repeat;\n    }\n\n    .final-cta .btn-outline:hover {\n      color: #124720;\n    }\n\n    .final-cta .container {\n      position: relative;\n      z-index: 1;\n    }\n\n    .final-cta h2 {\n      color: var(--color-white);\n      margin-bottom: var(--space-md);\n    }\n\n    .final-cta p {\n      color: rgba(255, 255, 255, 0.8);\n      font-size: var(--text-lg);\n      max-width: 560px;\n      margin: 0 auto var(--space-2xl);\n    }\n\n    .cta-actions {\n      display: flex;\n      gap: var(--space-md);\n      justify-content: center;\n      flex-wrap: wrap;\n    }\n\n    \/* --- Footer --- *\/\n    .footer {\n      background: var(--color-sand, #EBDEC5);\n      color: var(--color-text, #2C1810);\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\n    \/* --- Scroll Reveal Helper --- *\/\n    .reveal {\n      opacity: 0;\n      transform: translateY(20px);\n      transition: opacity 0.6s ease, transform 0.6s ease;\n    }\n\n    .reveal.revealed {\n      opacity: 1;\n      transform: translateY(0);\n    }\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\/\" class=\"active\">\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  <!-- ==================== PAGE HERO ==================== -->\n  <section class=\"page-hero\">\n    <div class=\"page-hero-bg\" role=\"img\" aria-label=\"Architecture coloniale de Carthag\u00e8ne et c\u00f4te cara\u00efbe\"><\/div>\n    <div class=\"page-hero-content\">\n      <p class=\"eyebrow\">Qui sommes-nous ?<\/p>\n      <h1>\u00c0 propos de Ritmo Cartagena<\/h1>\n      <div class=\"divider-gold divider-gold-center\"><\/div>\n      <p>L&#039;histoire de votre oasis carib\u00e9enne moderne et des personnes qui rendent chaque s\u00e9jour inoubliable.<\/p>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== OUR STORY ==================== -->\n  <section class=\"our-story section\">\n    <div class=\"container\">\n      <div class=\"story-grid\">\n        <div class=\"story-image reveal\">\n          <div class=\"story-image-placeholder\" role=\"img\" aria-label=\"Int\u00e9rieur de la suite Ritmo Carthag\u00e8ne\">\n          <\/div>\n          <div class=\"story-image-accent\"><\/div>\n        <\/div>\n        <div class=\"story-text\">\n          <p class=\"eyebrow\">Notre histoire<\/p>\n          <h2>L\u00e0 o\u00f9 le design moderne rencontre l&#039;\u00e2me carib\u00e9enne<\/h2>\n          <div class=\"divider-gold\"><\/div>\n          <p>Ritmo Cartagena est n\u00e9 d&#039;une conviction simple\u00a0: les voyageurs m\u00e9ritent bien plus qu&#039;un simple endroit o\u00f9 dormir. Ils m\u00e9ritent un espace qui offre une v\u00e9ritable escapade carib\u00e9enne, con\u00e7u avec soin, d\u00e9cor\u00e9 avec go\u00fbt et impr\u00e9gn\u00e9 de la chaleur et de l&#039;\u00e9nergie de Carthag\u00e8ne.<\/p>\n          <p>Glenn est tomb\u00e9 amoureux de Carthag\u00e8ne il y a des ann\u00e9es\u00a0: ses rues pav\u00e9es, le rythme de la cumbia qui flotte dans l\u2019air, la fa\u00e7on dont la lumi\u00e8re des Cara\u00efbes m\u00e9tamorphose tout ce qu\u2019elle touche. Apr\u00e8s avoir quitt\u00e9 les \u00c9tats-Unis pour la Colombie et \u00e9pous\u00e9 Gloria, ils ont trouv\u00e9 leur havre de paix \u00e0 El Laguito et ont su qu\u2019ils devaient cr\u00e9er un lieu unique. Une oasis moderne qui rend hommage \u00e0 l\u2019esprit vibrant de cette ville tout en offrant le confort et l\u2019\u00e9l\u00e9gance que recherchent les voyageurs exigeants.<\/p>\n          <blockquote>\n            \u201c Nous souhaitions allier le meilleur du design moderne \u00e0 la chaleur irrempla\u00e7able de l\u2019hospitalit\u00e9 carib\u00e9enne. \u201d\n          <\/blockquote>\n          <p>\u00c0 Ritmo, chaque d\u00e9tail a \u00e9t\u00e9 soigneusement pens\u00e9, du lit king-size ajustable aux \u0153uvres d&#039;art soigneusement s\u00e9lectionn\u00e9es, en passant par un enregistrement sans faille et des recommandations personnalis\u00e9es pour d\u00e9couvrir les tr\u00e9sors cach\u00e9s de la ville. Bien plus qu&#039;une simple location de vacances, Ritmo vous ouvre les portes d&#039;une exp\u00e9rience authentique de Carthag\u00e8ne.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== MEET YOUR HOSTS ==================== -->\n  <section class=\"hosts-section section\">\n    <div class=\"container\">\n      <div class=\"hosts-header\">\n        <p class=\"eyebrow\">Vos h\u00f4tes<\/p>\n        <h2>D\u00e9couvrez l&#039;\u00e9quipe derri\u00e8re Ritmo<\/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;\">Nous sommes passionn\u00e9s par Carthag\u00e8ne et nous avons \u00e0 c\u0153ur de rendre votre s\u00e9jour inoubliable. Conseils locaux, service impeccable\u00a0: nous sommes l\u00e0 pour vous \u00e0 chaque \u00e9tape.<\/p>\n      <\/div>\n\n      <div class=\"hosts-grid\">\n        <div class=\"host-card reveal\">\n          <div class=\"host-photo\">\n            <img decoding=\"async\" src=\"https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/glenn.webp\" alt=\"Glenn\" loading=\"lazy\">\n          <\/div>\n          <div class=\"host-name\">Glenn<\/div>\n          <div class=\"host-role\">Co-animateur et op\u00e9rations<\/div>\n          <p class=\"host-bio\">Originaire des \u00c9tats-Unis, Glenn a pos\u00e9 ses valises en Colombie apr\u00e8s \u00eatre tomb\u00e9 amoureux du pays, de sa culture et de ses habitants. Il met sa passion pour l&#039;hospitalit\u00e9 et son souci du d\u00e9tail au service de Ritmo, de la simplicit\u00e9 de l&#039;enregistrement aux recommandations personnalis\u00e9es des clients. Son objectif est simple\u00a0: faire de chaque s\u00e9jour une exp\u00e9rience inoubliable.<\/p>\n        <\/div>\n\n        <div class=\"host-card reveal\">\n          <div class=\"host-photo\">\n            <img decoding=\"async\" src=\"https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/gloria.webp\" alt=\"Gloria\" loading=\"lazy\">\n          <\/div>\n          <div class=\"host-name\">Gloria<\/div>\n          <div class=\"host-role\">Co-animateur et expert local<\/div>\n          <p class=\"host-bio\">N\u00e9e et \u00e9lev\u00e9e en Colombie, Gloria incarne l&#039;\u00e2me de Ritmo et son ambiance carib\u00e9enne chaleureuse. Elle conna\u00eet Carthag\u00e8ne comme sa poche, des meilleures adresses locales aux cours cach\u00e9es que la plupart des visiteurs ignorent. Son attachement profond \u00e0 la ville garantit \u00e0 chaque h\u00f4te une immersion totale dans le rythme authentique de Carthag\u00e8ne, au-del\u00e0 des simples sites touristiques.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== OUR VALUES ==================== -->\n  <section class=\"values-section section\">\n    <div class=\"container\">\n      <div class=\"values-header\">\n        <p class=\"eyebrow\">Ce qui nous motive<\/p>\n        <h2>Nos valeurs<\/h2>\n        <div class=\"divider-gold divider-gold-center\"><\/div>\n      <\/div>\n\n      <div class=\"grid grid-3\">\n        <div class=\"value-card reveal\">\n          <div class=\"value-icon\">\n            <!-- Heart Handshake icon -->\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7z\"\/>\n              <path d=\"M12 5L9.04 7.96a2.17 2.17 0 0 0 0 3.08c.82.82 2.13.85 3 .07l2.07-1.9a2.82 2.82 0 0 1 3.79 0l2.96 2.66\"\/>\n              <path d=\"M18 15l-2-2\"\/>\n              <path d=\"M15 18l-2-2\"\/>\n            <\/svg>\n          <\/div>\n          <h4>Un accueil exceptionnel<\/h4>\n          <p>Pour nous, l&#039;hospitalit\u00e9 est avant tout une affaire de relations humaines. De votre premi\u00e8re demande jusqu&#039;\u00e0 votre d\u00e9part, nous traitons chaque h\u00f4te comme un membre de la famille\u00a0: avec une attention sinc\u00e8re, des r\u00e9ponses rapides et des petites attentions qui transforment un bon s\u00e9jour en une exp\u00e9rience inoubliable.<\/p>\n        <\/div>\n\n        <div class=\"value-card reveal\">\n          <div class=\"value-icon\">\n            <!-- Map\/Compass icon -->\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n              <polygon points=\"16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76\"\/>\n            <\/svg>\n          <\/div>\n          <h4>Expertise locale<\/h4>\n          <p>Carthag\u00e8ne, c&#039;est bien plus que des plages et des remparts historiques. Nous partageons nos restaurants locaux pr\u00e9f\u00e9r\u00e9s, organisons des visites guid\u00e9es sur mesure et vous offrons des conseils d&#039;initi\u00e9s pour vous faire vivre au rythme authentique de cette ville incroyable. Des lieux et des moments que vous ne trouverez pas dans un guide touristique.<\/p>\n        <\/div>\n\n        <div class=\"value-card reveal\">\n          <div class=\"value-icon\">\n            <!-- Sparkles\/Diamond icon -->\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M12 3l1.912 5.813a2 2 0 0 0 1.275 1.275L21 12l-5.813 1.912a2 2 0 0 0-1.275 1.275L12 21l-1.912-5.813a2 2 0 0 0-1.275-1.275L3 12l5.813-1.912a2 2 0 0 0 1.275-1.275z\"\/>\n              <path d=\"M19 2v2\"\/>\n              <path d=\"M20 3h-2\"\/>\n              <path d=\"M5 20v2\"\/>\n              <path d=\"M6 21H4\"\/>\n            <\/svg>\n          <\/div>\n          <h4>Confort moderne<\/h4>\n          <p>Nous n&#039;avons n\u00e9glig\u00e9 aucun d\u00e9tail pour cr\u00e9er un espace \u00e0 la fois luxueux et d\u00e9contract\u00e9. Literie haut de gamme, kitchenette enti\u00e8rement \u00e9quip\u00e9e, Wi-Fi haut d\u00e9bit et piscine sur le toit\u00a0: tout le n\u00e9cessaire pour se sentir comme chez soi dans les Cara\u00efbes.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== WHY GUESTS LOVE US \u2014 STATS ==================== -->\n  <section class=\"stats-section\">\n    <div class=\"container\">\n      <div class=\"stats-header\">\n        <p class=\"eyebrow\">En chiffres<\/p>\n        <h2>Pourquoi nos clients nous adorent<\/h2>\n        <div class=\"divider-gold divider-gold-center\"><\/div>\n      <\/div>\n\n      <div class=\"stats-grid\">\n        <div class=\"stat-item reveal\">\n          <div class=\"stat-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n          <\/div>\n          <div class=\"stat-number\">4.95<\/div>\n          <div class=\"stat-label\">Note moyenne<\/div>\n        <\/div>\n\n        <div class=\"stat-item reveal\">\n          <div class=\"stat-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n          <\/div>\n          <div class=\"stat-number\">90+<\/div>\n          <div class=\"stat-label\">Avis v\u00e9rifi\u00e9s<\/div>\n        <\/div>\n\n        <div class=\"stat-item reveal\">\n          <div class=\"stat-icon\">\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\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n          <\/div>\n          <div class=\"stat-number\">2 min<\/div>\n          <div class=\"stat-label\">Temps de r\u00e9ponse<\/div>\n        <\/div>\n\n        <div class=\"stat-item reveal\">\n          <div class=\"stat-icon\">\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\"\/><path d=\"M8 14s1.5 2 4 2 4-2 4-2\"\/><line x1=\"9\" y1=\"9\" x2=\"9.01\" y2=\"9\"\/><line x1=\"15\" y1=\"9\" x2=\"15.01\" y2=\"9\"\/><\/svg>\n          <\/div>\n          <div class=\"stat-number\">100+<\/div>\n          <div class=\"stat-label\">Clients satisfaits<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== FINAL CTA ==================== -->\n  <section class=\"final-cta\">\n    <div class=\"final-cta-bg\" role=\"img\" aria-label=\"Coucher de soleil \u00e0 Carthag\u00e8ne sur la mer des Cara\u00efbes\"><\/div>\n    <div class=\"container\">\n      <p class=\"eyebrow\" style=\"color:var(--color-cta-light);\">Pr\u00eat \u00e0 d\u00e9couvrir Ritmo ?<\/p>\n      <h2>Votre escapade carib\u00e9enne vous attend<\/h2>\n      <p>R\u00e9servez directement pour une exp\u00e9rience personnalis\u00e9e, des h\u00f4tes attentionn\u00e9s et un s\u00e9jour con\u00e7u avec soin d\u00e8s votre arriv\u00e9e.<\/p>\n      <div class=\"cta-actions\">\n        <a href=\"\/fr\/book\/\" class=\"btn btn-primary\">R\u00e9servez maintenant<\/a>\n        <a href=\"https:\/\/booking.stayritmo.com\/en\/availability\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"btn btn-outline\">V\u00e9rifier la disponibilit\u00e9<\/a>\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    \/\/ Start scrolled since this page has a shorter hero\n    if (window.scrollY > 60) {\n      navbar.classList.add('scrolled');\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 observer = 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      observer.observe(el);\n    });\n\n  <\/script>","protected":false},"excerpt":{"rendered":"<p>The Suite Things to Do Cartagena Reviews About Contact Book Now Who We Are About Ritmo Cartagena The story behind your modern Caribbean oasis, and the people who make every stay unforgettable. Our Story Where Modern Design Meets Caribbean Soul Ritmo Cartagena was born from a simple belief: that travelers deserve more than just a [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"ritmo-canvas","meta":{"footnotes":""},"class_list":["post-4259","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stayritmo.com\/fr\/wp-json\/wp\/v2\/pages\/4259","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=4259"}],"version-history":[{"count":10,"href":"https:\/\/stayritmo.com\/fr\/wp-json\/wp\/v2\/pages\/4259\/revisions"}],"predecessor-version":[{"id":4769,"href":"https:\/\/stayritmo.com\/fr\/wp-json\/wp\/v2\/pages\/4259\/revisions\/4769"}],"wp:attachment":[{"href":"https:\/\/stayritmo.com\/fr\/wp-json\/wp\/v2\/media?parent=4259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}