{"id":4370,"date":"2026-03-08T16:38:29","date_gmt":"2026-03-08T21:38:29","guid":{"rendered":"https:\/\/stayritmo.com\/?page_id=4370"},"modified":"2026-03-12T05:08:31","modified_gmt":"2026-03-12T10:08:31","slug":"maison","status":"publish","type":"page","link":"https:\/\/stayritmo.com\/fr\/","title":{"rendered":"Maison"},"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    \/* Anti-FOUC: hide until styles are ready *\/\n    body { opacity: 0; transition: opacity 0.3s ease; }\n    body.ready { opacity: 1; }\n\n    \/* ============================================================\n       HOME 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      transition: opacity var(--transition-base);\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    \/* --- Hero Section --- *\/\n    .hero {\n      position: relative;\n      min-height: 100vh;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n    }\n\n    .hero-bg {\n      position: absolute;\n      inset: 0;\n      background:\n        linear-gradient(180deg,\n          rgba(15, 23, 42, 0.3) 0%,\n          rgba(15, 23, 42, 0.15) 40%,\n          rgba(15, 23, 42, 0.5) 100%),\n        url('https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/el-laguito-hero.webp')\n        center\/cover no-repeat;\n    }\n\n    .hero-content {\n      position: relative;\n      z-index: 1;\n      text-align: center;\n      max-width: 800px;\n      padding: var(--space-xl);\n    }\n\n    .hero-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--space-sm);\n      background: rgba(255, 255, 255, 0.12);\n      backdrop-filter: blur(12px);\n      border: 1px solid rgba(255, 255, 255, 0.2);\n      padding: 0.5rem 1.25rem;\n      border-radius: 100px;\n      margin-bottom: var(--space-xl);\n    }\n\n    .hero-badge .stars svg {\n      width: 14px;\n      height: 14px;\n      fill: var(--color-cta);\n    }\n\n    .hero-badge span {\n      font-family: var(--font-body);\n      font-size: var(--text-sm);\n      font-weight: var(--weight-medium);\n      color: var(--color-white);\n    }\n\n    .hero h1 {\n      font-size: var(--text-6xl);\n      color: var(--color-white);\n      margin-bottom: var(--space-lg);\n      font-weight: var(--weight-normal);\n    }\n\n    .hero h1 em {\n      font-style: italic;\n      color: var(--color-cta-light);\n    }\n\n    .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: 560px;\n      margin: 0 auto var(--space-2xl);\n    }\n\n    .hero-actions {\n      display: flex;\n      gap: var(--space-md);\n      justify-content: center;\n      flex-wrap: wrap;\n    }\n\n    .hero-scroll {\n      position: absolute;\n      bottom: 2rem;\n      left: 50%;\n      transform: translateX(-50%);\n      z-index: 1;\n      color: rgba(255, 255, 255, 0.6);\n      animation: float 3s ease-in-out infinite;\n      cursor: pointer;\n    }\n\n    @keyframes float {\n      0%, 100% { transform: translateX(-50%) translateY(0); }\n      50% { transform: translateX(-50%) translateY(-8px); }\n    }\n\n    \/* --- Trust Bar --- *\/\n    .trust-bar {\n      background: #124720;\n      padding: var(--space-lg) 0;\n    }\n\n    .trust-bar .container {\n      display: flex;\n      justify-content: center;\n      flex-wrap: wrap;\n      gap: var(--space-2xl);\n    }\n\n    .trust-item {\n      display: flex;\n      align-items: center;\n      gap: var(--space-sm);\n      color: rgba(255, 255, 255, 0.9);\n      font-size: var(--text-sm);\n      font-weight: var(--weight-medium);\n    }\n\n    .trust-item svg {\n      width: 20px;\n      height: 20px;\n      color: var(--color-cta);\n      flex-shrink: 0;\n    }\n\n    \/* --- Suite Preview --- *\/\n    .suite-preview {\n      background: var(--color-bg);\n    }\n\n    .suite-header {\n      text-align: center;\n      margin-bottom: var(--space-3xl);\n    }\n\n    .suite-gallery {\n      display: grid;\n      grid-template-columns: 2fr 1fr;\n      grid-template-rows: 300px 300px;\n      gap: var(--space-md);\n      border-radius: var(--border-radius-lg);\n      overflow: hidden;\n    }\n\n    .suite-gallery-main {\n      grid-row: 1 \/ -1;\n      background:\n        url('https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/ritmo-bedroom-1.webp')\n        center\/cover no-repeat;\n      border-radius: var(--border-radius-lg) 0 0 var(--border-radius-lg);\n    }\n\n    .suite-gallery-item {\n      background-size: cover;\n      background-position: center;\n    }\n\n    .suite-gallery-item:nth-child(2) {\n      background-image: url('https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/ritmo-living-room-1.webp');\n      border-radius: 0 var(--border-radius-lg) 0 0;\n    }\n\n    .suite-gallery-item:nth-child(3) {\n      background-image: url('https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/ritmo-kitchen-1.webp');\n      border-radius: 0 0 var(--border-radius-lg) 0;\n      position: relative;\n    }\n\n    .gallery-more {\n      position: absolute;\n      inset: 0;\n      background: rgba(44, 24, 16, 0.55);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--color-white);\n      font-family: var(--font-body);\n      font-weight: var(--weight-semibold);\n      font-size: var(--text-lg);\n      cursor: pointer;\n      transition: background var(--transition-base);\n    }\n\n    .gallery-more:hover {\n      background: rgba(44, 24, 16, 0.7);\n    }\n\n    .amenities-grid {\n      display: flex;\n      justify-content: center;\n      flex-wrap: wrap;\n      gap: var(--space-2xl);\n      margin-top: var(--space-2xl);\n      padding: var(--space-xl) 0;\n    }\n\n    .amenity {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: var(--space-sm);\n      text-align: center;\n    }\n\n    .amenity-icon {\n      width: 48px;\n      height: 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    .amenity-icon svg {\n      width: 22px;\n      height: 22px;\n    }\n\n    .amenity-label {\n      font-size: var(--text-sm);\n      font-weight: var(--weight-medium);\n      color: var(--color-text-muted);\n    }\n\n    @media (max-width: 768px) {\n      .suite-gallery {\n        grid-template-columns: 1fr;\n        grid-template-rows: 300px 200px 200px;\n      }\n      .suite-gallery-main {\n        grid-row: auto;\n        border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;\n      }\n      .suite-gallery-item:nth-child(2) { border-radius: 0; }\n      .suite-gallery-item:nth-child(3) { border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg); }\n    }\n\n    \/* --- Why Book Direct --- *\/\n    .why-direct {\n      background: var(--color-sand-light);\n    }\n\n    .why-direct-header {\n      text-align: center;\n      margin-bottom: var(--space-3xl);\n    }\n\n    .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    .benefit-card:hover {\n      box-shadow: var(--shadow-lg);\n      transform: translateY(-4px);\n    }\n\n    .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    .benefit-icon svg {\n      width: 28px;\n      height: 28px;\n    }\n\n    .benefit-card h4 {\n      font-size: var(--text-xl);\n      margin-bottom: var(--space-sm);\n    }\n\n    .benefit-card p {\n      color: var(--color-text-muted);\n      font-size: var(--text-sm);\n      margin: 0 auto;\n    }\n\n    \/* --- Reviews --- *\/\n    .reviews-section {\n      background: var(--color-bg);\n    }\n\n    .reviews-header {\n      text-align: center;\n      margin-bottom: var(--space-3xl);\n    }\n\n    .reviews-aggregate {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: var(--space-md);\n      margin-bottom: var(--space-lg);\n    }\n\n    .reviews-score {\n      font-family: var(--font-heading);\n      font-size: var(--text-4xl);\n      font-weight: var(--weight-bold);\n      color: var(--color-primary);\n    }\n\n    .reviews-meta {\n      text-align: left;\n    }\n\n    .reviews-meta .stars svg {\n      width: 18px;\n      height: 18px;\n      fill: var(--color-cta);\n    }\n\n    .reviews-meta span {\n      font-size: var(--text-sm);\n      color: var(--color-text-muted);\n    }\n\n    .review-card {\n      background: var(--color-white);\n      border-radius: var(--border-radius-lg);\n      padding: var(--space-xl);\n      box-shadow: var(--shadow-sm);\n      border: 1px solid var(--color-border-light);\n    }\n\n    .review-header {\n      display: flex;\n      align-items: center;\n      gap: var(--space-md);\n      margin-bottom: var(--space-md);\n    }\n\n    .review-avatar {\n      width: 48px;\n      height: 48px;\n      border-radius: 50%;\n      background: linear-gradient(135deg, var(--color-cta), var(--color-primary));\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--color-white);\n      font-family: var(--font-heading);\n      font-weight: var(--weight-bold);\n      font-size: var(--text-lg);\n    }\n\n    .review-name {\n      font-weight: var(--weight-semibold);\n      font-size: var(--text-sm);\n    }\n\n    .review-date {\n      font-size: var(--text-xs);\n      color: var(--color-text-light);\n    }\n\n    .review-text {\n      font-size: var(--text-sm);\n      color: var(--color-text-muted);\n      line-height: var(--leading-relaxed);\n      font-style: italic;\n    }\n\n    .review-stars {\n      margin-top: var(--space-md);\n    }\n\n    .review-stars svg {\n      width: 14px;\n      height: 14px;\n      fill: var(--color-cta);\n    }\n\n    \/* --- Experiences Preview --- *\/\n    .experiences {\n      background: var(--color-sand-light);\n    }\n\n    .experiences-header {\n      text-align: center;\n      margin-bottom: var(--space-3xl);\n    }\n\n    .experience-card {\n      border-radius: var(--border-radius-lg);\n      overflow: hidden;\n      background: var(--color-white);\n      box-shadow: var(--shadow-sm);\n      transition: all var(--transition-base);\n      cursor: pointer;\n    }\n\n    .experience-card:hover {\n      box-shadow: var(--shadow-lg);\n      transform: translateY(-4px);\n    }\n\n    .experience-img {\n      height: 240px;\n      background-size: cover;\n      background-position: center;\n      position: relative;\n    }\n\n    .experience-tag {\n      position: absolute;\n      top: var(--space-md);\n      left: var(--space-md);\n      background: var(--color-cta);\n      color: var(--color-white);\n      font-size: var(--text-xs);\n      font-weight: var(--weight-semibold);\n      letter-spacing: var(--tracking-wide);\n      text-transform: uppercase;\n      padding: 0.375rem 0.75rem;\n      border-radius: 100px;\n    }\n\n    .experience-body {\n      padding: var(--space-lg);\n    }\n\n    .experience-body h4 {\n      font-size: var(--text-xl);\n      margin-bottom: var(--space-xs);\n    }\n\n    .experience-body p {\n      font-size: var(--text-sm);\n      color: var(--color-text-muted);\n      margin-bottom: var(--space-md);\n    }\n\n    .experience-footer {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .experience-price {\n      font-weight: var(--weight-semibold);\n      color: var(--color-text);\n    }\n\n    .experience-link {\n      font-size: var(--text-sm);\n      font-weight: var(--weight-semibold);\n      color: var(--color-cta);\n      text-decoration: none;\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\n      cursor: pointer;\n    }\n\n    .experience-link:hover {\n      color: var(--color-cta-hover);\n    }\n\n    \/* --- Location Section --- *\/\n    .location {\n      background: var(--color-sand-light);\n    }\n\n    .location-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: var(--space-3xl);\n      align-items: center;\n    }\n\n    .location-info h2 {\n      margin-bottom: var(--space-md);\n    }\n\n    .location-info p {\n      color: var(--color-text-muted);\n      margin-bottom: var(--space-xl);\n    }\n\n    .location-distances {\n      list-style: none;\n      display: flex;\n      flex-direction: column;\n      gap: var(--space-md);\n    }\n\n    .location-distances li {\n      display: flex;\n      align-items: center;\n      gap: var(--space-md);\n      font-size: var(--text-sm);\n      color: var(--color-text-muted);\n    }\n\n    .location-distances li svg {\n      width: 20px;\n      height: 20px;\n      color: var(--color-cta);\n      flex-shrink: 0;\n    }\n\n    .location-distances li strong {\n      color: var(--color-text);\n      font-weight: var(--weight-semibold);\n    }\n\n    .location-map {\n      border-radius: var(--border-radius-lg);\n      overflow: hidden;\n      aspect-ratio: 4\/3;\n      background: var(--color-border);\n    }\n\n    .location-map iframe {\n      width: 100%;\n      height: 100%;\n      border: 0;\n    }\n\n    @media (max-width: 768px) {\n      .location-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      background: #124720;\n    }\n\n    .final-cta-bg {\n      position: absolute;\n      inset: 0;\n      background:\n        linear-gradient(180deg,\n          rgba(18, 71, 32, 0.92) 0%,\n          rgba(18, 71, 32, 0.96) 100%),\n        url('https:\/\/images.unsplash.com\/photo-1583531172005-814194af01e1?w=1920&q=80')\n        center\/cover no-repeat;\n    }\n\n    .final-cta .container {\n      position: relative;\n      z-index: 1;\n    }\n\n    .final-cta .eyebrow {\n      color: var(--color-accent) !important;\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.85);\n      font-size: var(--text-lg);\n      max-width: 560px;\n      margin: 0 auto var(--space-2xl);\n    }\n\n    .final-cta .btn-outline {\n      border-color: rgba(255, 255, 255, 0.6);\n      color: var(--color-white);\n    }\n\n    .final-cta .btn-outline:hover {\n      background: var(--color-white);\n      color: #124720;\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\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=\"hero\">\n    <div class=\"hero-bg\" role=\"img\" aria-label=\"Suite moderne des Cara\u00efbes avec vue sur l&#039;oc\u00e9an\"><\/div>\n    <div class=\"hero-content\">\n      <div class=\"hero-badge\">\n        <div class=\"stars\">\n          <svg viewbox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.87 3.77.91 5.32L10 13.28l-4.77 2.43.91-5.32L2.27 6.62l5.34-.78L10 1z\"\/><\/svg>\n          <svg viewbox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.87 3.77.91 5.32L10 13.28l-4.77 2.43.91-5.32L2.27 6.62l5.34-.78L10 1z\"\/><\/svg>\n          <svg viewbox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.87 3.77.91 5.32L10 13.28l-4.77 2.43.91-5.32L2.27 6.62l5.34-.78L10 1z\"\/><\/svg>\n          <svg viewbox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.87 3.77.91 5.32L10 13.28l-4.77 2.43.91-5.32L2.27 6.62l5.34-.78L10 1z\"\/><\/svg>\n          <svg viewbox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.87 3.77.91 5.32L10 13.28l-4.77 2.43.91-5.32L2.27 6.62l5.34-.78L10 1z\"\/><\/svg>\n        <\/div>\n        <span>4,95 \u00b7 Plus de 90 avis \u00b7 Coup de c\u0153ur des clients<\/span>\n      <\/div>\n      <h1>Votre moderne<br><em>Oasis des Cara\u00efbes<\/em><\/h1>\n      <p class=\"hero-subtitle\">Un refuge \u00e9l\u00e9gant \u00e0 El Laguito, Carthag\u00e8ne. \u00c0 deux pas de la mer, \u00e0 quelques minutes de la ville fortifi\u00e9e historique, et con\u00e7u pour les h\u00f4tes qui aiment explorer \u00e0 leur propre rythme.<\/p>\n      <div class=\"hero-actions\">\n        <a href=\"\/fr\/book\/\" class=\"btn btn-primary\">R\u00e9servez votre s\u00e9jour<\/a>\n        <a href=\"\/fr\/suite\/\" class=\"btn btn-outline\">Explorez la suite<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"hero-scroll\" aria-hidden=\"true\">\n      <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 5v14M5 12l7 7 7-7\"\/><\/svg>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== TRUST BAR ==================== -->\n  <section class=\"trust-bar\">\n    <div class=\"container\">\n      <div class=\"trust-item\">\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        <span>4,95 \u00e9toiles \u00b7 Coup de c\u0153ur des clients<\/span>\n      <\/div>\n      <div class=\"trust-item\">\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n        <span>Paiements s\u00e9curis\u00e9s Stripe<\/span>\n      <\/div>\n      <div class=\"trust-item\">\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n        <span>Confirmation de r\u00e9servation instantan\u00e9e<\/span>\n      <\/div>\n      <div class=\"trust-item\">\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        <span>Temps de r\u00e9ponse rapide<\/span>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== SUITE PREVIEW ==================== -->\n  <section class=\"suite-preview section\">\n    <div class=\"container\">\n      <div class=\"suite-header\">\n        <p class=\"eyebrow\">Votre retraite priv\u00e9e<\/p>\n        <h2>La suite<\/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;\">Une suite moderne con\u00e7ue avec soin, dot\u00e9e d&#039;\u00e9quipements haut de gamme, d&#039;une vue sur le lagon et de tout le n\u00e9cessaire pour une escapade parfaite \u00e0 Carthag\u00e8ne.<\/p>\n      <\/div>\n\n      <div class=\"suite-gallery\">\n        <div class=\"suite-gallery-main\" role=\"img\" aria-label=\"Suite moderne\"><\/div>\n        <div class=\"suite-gallery-item\" role=\"img\" aria-label=\"Suite salon\"><\/div>\n        <div class=\"suite-gallery-item\" role=\"img\" aria-label=\"Salle de bains de la suite\">\n          <a href=\"\/fr\/suite\/\" class=\"gallery-more\">Voir toutes les photos<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"amenities-grid\">\n        <div class=\"amenity\">\n          <div class=\"amenity-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 4v16\"\/><path d=\"M2 8h18a2 2 0 0 1 2 2v10\"\/><path d=\"M2 17h20\"\/><path d=\"M6 8v9\"\/><\/svg>\n          <\/div>\n          <span class=\"amenity-label\">Tr\u00e8s grand lit<\/span>\n        <\/div>\n        <div class=\"amenity\">\n          <div class=\"amenity-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n          <\/div>\n          <span class=\"amenity-label\">Peut accueillir 4 personnes<\/span>\n        <\/div>\n        <div class=\"amenity\">\n          <div class=\"amenity-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 12h6a2 2 0 0 1 2 2v6\"\/><path d=\"M2 18h8\"\/><circle cx=\"18\" cy=\"6\" r=\"4\"\/><path d=\"M14 14h8v8h-8z\"\/><\/svg>\n          <\/div>\n          <span class=\"amenity-label\">Vue sur le lagon<\/span>\n        <\/div>\n        <div class=\"amenity\">\n          <div class=\"amenity-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2a5 5 0 0 1 5 5v4a5 5 0 0 1-10 0V7a5 5 0 0 1 5-5z\"\/><path d=\"M2 20s3-4 10-4 10 4 10 4\"\/><\/svg>\n          <\/div>\n          <span class=\"amenity-label\">Piscine sur le toit<\/span>\n        <\/div>\n        <div class=\"amenity\">\n          <div class=\"amenity-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"1\" y=\"5\" width=\"22\" height=\"14\" rx=\"7\" ry=\"7\"\/><circle cx=\"8\" cy=\"12\" r=\"3\"\/><\/svg>\n          <\/div>\n          <span class=\"amenity-label\">Laveuse\/s\u00e9cheuse<\/span>\n        <\/div>\n        <div class=\"amenity\">\n          <div class=\"amenity-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 2v7c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V2\"\/><path d=\"M7 2v20\"\/><path d=\"M21 15V2v0a5 5 0 0 0-5 5v6c0 1.1.9 2 2 2h3zm0 0v7\"\/><\/svg>\n          <\/div>\n          <span class=\"amenity-label\">Kitchenette<\/span>\n        <\/div>\n      <\/div>\n\n      <div style=\"text-align:center;margin-top:var(--space-2xl);\">\n        <a href=\"\/fr\/suite\/\" class=\"btn btn-outline-dark\">Voir les d\u00e9tails complets<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== WHY BOOK DIRECT ==================== -->\n  <section class=\"why-direct section\">\n    <div class=\"container\">\n      <div class=\"why-direct-header\">\n        <p class=\"eyebrow\">L&#039;exp\u00e9rience Ritmo<\/p>\n        <h2>Ce qui vous attend<\/h2>\n        <div class=\"divider-gold divider-gold-center\"><\/div>\n      <\/div>\n\n      <div class=\"grid grid-3\">\n        <div class=\"benefit-card\">\n          <div class=\"benefit-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\n          <\/div>\n          <h4>Une touche personnelle<\/h4>\n          <p>D\u00e8s votre arriv\u00e9e, vous \u00eates accueillis par des h\u00f4tes qui connaissent Carthag\u00e8ne comme leur poche. Chaque d\u00e9tail est soign\u00e9 avec attention.<\/p>\n        <\/div>\n        <div class=\"benefit-card\">\n          <div class=\"benefit-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\"\/><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          <h4>\u00c0 deux pas de la plage<\/h4>\n          <p>R\u00e9veillez-vous \u00e0 El Laguito, les Cara\u00efbes \u00e0 votre porte. En quelques minutes \u00e0 pied, vous acc\u00e9derez \u00e0 la plage, \u00e0 la piscine ou \u00e0 la ville fortifi\u00e9e.<\/p>\n        <\/div>\n        <div class=\"benefit-card\">\n          <div class=\"benefit-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 2v7c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V2\"\/><path d=\"M7 2v20\"\/><path d=\"M21 15V2v0a5 5 0 0 0-5 5v6c0 1.1.9 2 2 2h3zm0 0v7\"\/><\/svg>\n          <\/div>\n          <h4>Suite enti\u00e8rement \u00e9quip\u00e9e<\/h4>\n          <p>Une cuisine moderne, un lit king-size, un lave-linge et un s\u00e8che-linge, une connexion Wi-Fi haut d\u00e9bit et une piscine sur le toit. Tout le confort n\u00e9cessaire pour se sentir comme chez soi.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== GUEST REVIEWS ==================== -->\n  <section class=\"reviews-section section\">\n    <div class=\"container\">\n      <div class=\"reviews-header\">\n        <p class=\"eyebrow\">Exp\u00e9riences des clients<\/p>\n        <div class=\"reviews-aggregate\">\n          <span class=\"reviews-score\">4.95<\/span>\n          <div class=\"reviews-meta\">\n            <div class=\"stars\">\n              <svg viewbox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.87 3.77.91 5.32L10 13.28l-4.77 2.43.91-5.32L2.27 6.62l5.34-.78L10 1z\"\/><\/svg>\n              <svg viewbox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.87 3.77.91 5.32L10 13.28l-4.77 2.43.91-5.32L2.27 6.62l5.34-.78L10 1z\"\/><\/svg>\n              <svg viewbox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.87 3.77.91 5.32L10 13.28l-4.77 2.43.91-5.32L2.27 6.62l5.34-.78L10 1z\"\/><\/svg>\n              <svg viewbox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.87 3.77.91 5.32L10 13.28l-4.77 2.43.91-5.32L2.27 6.62l5.34-.78L10 1z\"\/><\/svg>\n              <svg viewbox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.87 3.77.91 5.32L10 13.28l-4.77 2.43.91-5.32L2.27 6.62l5.34-.78L10 1z\"\/><\/svg>\n            <\/div>\n            <span>d&#039;apr\u00e8s plus de 90 avis v\u00e9rifi\u00e9s<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"divider-gold divider-gold-center\"><\/div>\n      <\/div>\n\n      <!-- Trustindex Review Slider -->\n      <script defer async src='https:\/\/cdn.trustindex.io\/loader.js?8c4fbc066a3a63741d9669753ec'><\/script>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== EXPERIENCES PREVIEW (hidden until ready) ==================== -->\n  <section class=\"experiences section\" style=\"display:none\">\n    <div class=\"container\">\n      <div class=\"experiences-header\">\n        <p class=\"eyebrow\">S\u00e9lectionn\u00e9 pour vous<\/p>\n        <h2>Choses \u00e0 voir et \u00e0 faire<\/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;\">D\u00e9couvrez Carthag\u00e8ne \u00e0 travers nos exp\u00e9riences tri\u00e9es sur le volet \u2014 des visites guid\u00e9es historiques \u00e0 pied aux croisi\u00e8res au coucher du soleil en passant par les excursions d&#039;\u00eele en \u00eele.<\/p>\n      <\/div>\n\n      <div class=\"grid grid-3\">\n        <div class=\"experience-card\">\n          <div class=\"experience-img\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1583531172005-814194af01e1?w=600&#038;q=80')\">\n            <span class=\"experience-tag\">Populaire<\/span>\n          <\/div>\n          <div class=\"experience-body\">\n            <h4>Visite \u00e0 pied de la ville fortifi\u00e9e<\/h4>\n            <p>Explorez 500 ans d&#039;histoire \u00e0 travers les rues color\u00e9es de la vieille ville en compagnie d&#039;un guide local expert.<\/p>\n            <div class=\"experience-footer\">\n              <span class=\"experience-price\">\u00c0 partir de $35\/personne<\/span>\n              <a href=\"\/fr\/things-to-do\/\" class=\"experience-link\">Apprendre encore plus\n                <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n              <\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"experience-card\">\n          <div class=\"experience-img\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1544551763-46a013bb70d5?w=600&#038;q=80')\">\n            <span class=\"experience-tag\">Exclusif<\/span>\n          <\/div>\n          <div class=\"experience-body\">\n            <h4>Excursion d&#039;une journ\u00e9e aux \u00eeles du Rosaire<\/h4>\n            <p>Eaux cristallines, plong\u00e9e en apn\u00e9e, d\u00e9jeuner de fruits de mer frais et d\u00e9tente carib\u00e9enne \u00e0 l&#039;\u00e9tat pur sur des \u00eeles priv\u00e9es.<\/p>\n            <div class=\"experience-footer\">\n              <span class=\"experience-price\">\u00c0 partir de $65\/personne<\/span>\n              <a href=\"\/fr\/things-to-do\/\" class=\"experience-link\">Apprendre encore plus\n                <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n              <\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"experience-card\">\n          <div class=\"experience-img\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1504674900247-0877df9cc836?w=600&#038;q=80')\">\n            <span class=\"experience-tag\">Nouveau<\/span>\n          <\/div>\n          <div class=\"experience-body\">\n            <h4>Cours de cuisine colombienne<\/h4>\n            <p>Apprenez \u00e0 pr\u00e9parer des ceviches, des arepas et des cocktails dans une cuisine priv\u00e9e avec un chef professionnel.<\/p>\n            <div class=\"experience-footer\">\n              <span class=\"experience-price\">\u00c0 partir de $55\/personne<\/span>\n              <a href=\"\/fr\/things-to-do\/\" class=\"experience-link\">Apprendre encore plus\n                <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n              <\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div style=\"text-align:center;margin-top:var(--space-2xl);\">\n        <a href=\"\/fr\/things-to-do\/\" class=\"btn btn-outline-dark\">Voir toutes les exp\u00e9riences<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== LOCATION ==================== -->\n  <section class=\"location section\">\n    <div class=\"container\">\n      <div class=\"location-grid\">\n        <div class=\"location-info\">\n          <p class=\"eyebrow\">Emplacement de premier choix<\/p>\n          <h2>El Laguito, Carthag\u00e8ne<\/h2>\n          <div class=\"divider-gold\"><\/div>\n          <p>Nich\u00e9 sur la p\u00e9ninsule anim\u00e9e d&#039;El Laguito, le Ritmo Cartagena vous place au c\u0153ur de tout. Plages \u00e0 deux pas, ville fortifi\u00e9e historique \u00e0 quelques minutes seulement.<\/p>\n          <ul class=\"location-distances\">\n            <li>\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n              <span><strong>2 min \u00e0 pied<\/strong> \u00e0 la plage d&#039;El Laguito<\/span>\n            <\/li>\n            <li>\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n              <span><strong>10 min de trajet<\/strong> \u00e0 la ville fortifi\u00e9e (Ciudad Amurallada)<\/span>\n            <\/li>\n            <li>\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n              <span><strong>5 min \u00e0 pied<\/strong> aux restaurants et aux magasins<\/span>\n            <\/li>\n            <li>\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n              <span><strong>15 min<\/strong> de l&#039;a\u00e9roport Rafael Nu\u00f1ez<\/span>\n            <\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"location-map\">\n          <iframe\n            src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3924.123!2d-75.5622!3d10.3954!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMTDCsDIzJzQzLjQiTiA3NcKwMzMnNDMuOSJX!5e0!3m2!1sen!2sco!4v1\"\n            allowfullscreen\n loading=\"lazy\"\n            referrerpolicy=\"no-referrer-when-downgrade\"\n            title=\"Emplacement de Ritmo Cartagena\">\n          <\/iframe>\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\"><\/div>\n    <div class=\"container\">\n      <p class=\"eyebrow\" style=\"color:var(--color-cta-light);\">Pr\u00eats pour Carthag\u00e8ne ?<\/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 des exp\u00e9riences sur mesure que vous ne trouverez nulle part ailleurs.<\/p>\n      <div class=\"hero-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\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 observer = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          entry.target.style.opacity = '1';\n          entry.target.style.transform = 'translateY(0)';\n        }\n      });\n    }, { threshold: 0.1 });\n\n    document.querySelectorAll('.benefit-card, .review-card, .experience-card, .amenity').forEach(el => {\n      el.style.opacity = '0';\n      el.style.transform = 'translateY(20px)';\n      el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n      observer.observe(el);\n    });\n\n    \/\/ Reveal page (anti-FOUC)\n    document.body.classList.add('ready');\n\n  <\/script>","protected":false},"excerpt":{"rendered":"<p>The Suite Things to Do Cartagena Reviews About Contact Book Now 4.95 &middot; 90+ Reviews &middot; Guest Favorite Your ModernCaribbean Oasis A stylish retreat in El Laguito, Cartagena. Steps from the sea, minutes from the historic walled city, and designed for guests who love exploring at their own pace. Book Your Stay Explore the Suite [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"ritmo-canvas","meta":{"footnotes":""},"class_list":["post-4370","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stayritmo.com\/fr\/wp-json\/wp\/v2\/pages\/4370","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=4370"}],"version-history":[{"count":10,"href":"https:\/\/stayritmo.com\/fr\/wp-json\/wp\/v2\/pages\/4370\/revisions"}],"predecessor-version":[{"id":4842,"href":"https:\/\/stayritmo.com\/fr\/wp-json\/wp\/v2\/pages\/4370\/revisions\/4842"}],"wp:attachment":[{"href":"https:\/\/stayritmo.com\/fr\/wp-json\/wp\/v2\/media?parent=4370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}