{"id":4263,"date":"2026-03-09T13:54:12","date_gmt":"2026-03-09T18:54:12","guid":{"rendered":"https:\/\/stayritmo.com\/?page_id=4263"},"modified":"2026-03-10T14:53:14","modified_gmt":"2026-03-10T19:53:14","slug":"cartagena-gids","status":"publish","type":"page","link":"https:\/\/stayritmo.com\/nl\/cartagena-guide\/","title":{"rendered":"Cartagena-gids"},"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       CARTAGENA GUIDE PAGE | 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: 55vh;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n    }\n\n    .page-hero-bg {\n      position: absolute;\n      inset: 0;\n      background:\n        linear-gradient(180deg,\n          rgba(15, 23, 42, 0.5) 0%,\n          rgba(15, 23, 42, 0.2) 40%,\n          rgba(15, 23, 42, 0.65) 100%),\n        url('https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/Ritmo-Historic-Cartagena-1.webp')\n        center\/cover no-repeat;\n    }\n\n    .page-hero-content {\n      position: relative;\n      z-index: 1;\n      text-align: center;\n      max-width: 800px;\n      padding: calc(var(--nav-height) + var(--space-3xl)) var(--space-xl) var(--space-3xl);\n    }\n\n    .page-hero h1 {\n      color: var(--color-white);\n      font-size: var(--text-5xl);\n      margin-bottom: var(--space-md);\n      font-weight: var(--weight-semibold);\n    }\n\n    .page-hero h1 em {\n      font-style: italic;\n      color: var(--color-cta-light);\n    }\n\n    .page-hero-subtitle {\n      font-size: var(--text-lg);\n      color: rgba(255, 255, 255, 0.85);\n      font-weight: var(--weight-light);\n      line-height: var(--leading-relaxed);\n      max-width: 560px;\n      margin: 0 auto;\n    }\n\n    \/* --- Quick Facts --- *\/\n    .quick-facts {\n      background: #2C1810;\n      padding: var(--space-2xl) 0;\n    }\n\n    .facts-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: var(--space-xl);\n    }\n\n    .fact-item {\n      text-align: center;\n      padding: var(--space-lg);\n    }\n\n    .fact-icon {\n      width: 48px;\n      height: 48px;\n      margin: 0 auto var(--space-md);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: rgba(255, 255, 255, 0.1);\n      border-radius: 50%;\n      color: var(--color-cta);\n    }\n\n    .fact-icon svg {\n      width: 22px;\n      height: 22px;\n    }\n\n    .fact-label {\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-xs);\n    }\n\n    .fact-value {\n      font-family: var(--font-heading);\n      font-size: var(--text-xl);\n      font-weight: var(--weight-semibold);\n      color: var(--color-white);\n      margin-bottom: var(--space-xs);\n    }\n\n    .fact-detail {\n      font-size: var(--text-sm);\n      color: rgba(255, 255, 255, 0.6);\n    }\n\n    @media (max-width: 768px) {\n      .facts-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }\n    }\n\n    @media (max-width: 480px) {\n      .facts-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    \/* --- Section Header (reusable) --- *\/\n    .section-header {\n      text-align: center;\n      margin-bottom: var(--space-3xl);\n    }\n\n    .section-header p.desc {\n      color: var(--color-text-muted);\n      font-size: var(--text-base);\n      max-width: 560px;\n      margin: var(--space-md) auto 0;\n    }\n\n    \/* --- Neighborhoods --- *\/\n    .neighborhoods {\n      background: var(--color-bg);\n    }\n\n    .neighborhood-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      border: 1px solid var(--color-border-light);\n    }\n\n    .neighborhood-card:hover {\n      box-shadow: var(--shadow-lg);\n      transform: translateY(-4px);\n    }\n\n    .neighborhood-card.featured {\n      border: 2px solid var(--color-cta);\n    }\n\n    .neighborhood-img {\n      height: 200px;\n      background-size: cover;\n      background-position: center;\n      position: relative;\n    }\n\n    .neighborhood-badge {\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    .neighborhood-body {\n      padding: var(--space-lg);\n    }\n\n    .neighborhood-body h4 {\n      font-size: var(--text-xl);\n      margin-bottom: var(--space-xs);\n    }\n\n    .neighborhood-body p {\n      font-size: var(--text-sm);\n      color: var(--color-text-muted);\n      line-height: var(--leading-relaxed);\n      margin-bottom: var(--space-md);\n    }\n\n    .neighborhood-tags {\n      display: flex;\n      flex-wrap: wrap;\n      gap: var(--space-xs);\n    }\n\n    .neighborhood-tags span {\n      font-size: var(--text-xs);\n      font-weight: var(--weight-medium);\n      color: var(--color-text-light);\n      background: var(--color-bg-section);\n      padding: 0.25rem 0.625rem;\n      border-radius: 100px;\n    }\n\n    \/* --- Getting Around --- *\/\n    .getting-around {\n      background: var(--color-sand-light);\n    }\n\n    .transport-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: var(--space-xl);\n    }\n\n    .transport-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      transition: all var(--transition-base);\n    }\n\n    .transport-card:hover {\n      box-shadow: var(--shadow-md);\n    }\n\n    .transport-header {\n      display: flex;\n      align-items: center;\n      gap: var(--space-md);\n      margin-bottom: var(--space-md);\n    }\n\n    .transport-icon {\n      width: 48px;\n      height: 48px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(135deg, #2C1810, #4A3228);\n      border-radius: var(--border-radius);\n      color: var(--color-cta);\n      flex-shrink: 0;\n    }\n\n    .transport-icon svg {\n      width: 22px;\n      height: 22px;\n    }\n\n    .transport-card h4 {\n      font-size: var(--text-lg);\n    }\n\n    .transport-card p {\n      font-size: var(--text-sm);\n      color: var(--color-text-muted);\n      line-height: var(--leading-relaxed);\n    }\n\n    .transport-tip {\n      display: flex;\n      align-items: flex-start;\n      gap: var(--space-sm);\n      margin-top: var(--space-md);\n      padding: var(--space-sm) var(--space-md);\n      background: var(--color-bg-section);\n      border-radius: var(--border-radius);\n      font-size: var(--text-sm);\n      color: var(--color-text-muted);\n    }\n\n    .transport-tip svg {\n      width: 16px;\n      height: 16px;\n      color: var(--color-cta);\n      flex-shrink: 0;\n      margin-top: 2px;\n    }\n\n    @media (max-width: 768px) {\n      .transport-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    \/* --- Safety Tips --- *\/\n    .safety-section {\n      background: var(--color-bg);\n    }\n\n    .safety-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: var(--space-3xl);\n      align-items: start;\n    }\n\n    .safety-content h2 {\n      margin-bottom: var(--space-md);\n    }\n\n    .safety-content > p {\n      color: var(--color-text-muted);\n      margin-bottom: var(--space-xl);\n    }\n\n    .safety-list {\n      list-style: none;\n      display: flex;\n      flex-direction: column;\n      gap: var(--space-lg);\n    }\n\n    .safety-list li {\n      display: flex;\n      align-items: flex-start;\n      gap: var(--space-md);\n    }\n\n    .safety-list .tip-icon {\n      width: 40px;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: var(--color-bg-section);\n      border-radius: 50%;\n      color: var(--color-primary);\n      flex-shrink: 0;\n    }\n\n    .safety-list .tip-icon svg {\n      width: 20px;\n      height: 20px;\n    }\n\n    .safety-list .tip-text {\n      flex: 1;\n    }\n\n    .safety-list .tip-text strong {\n      display: block;\n      font-weight: var(--weight-semibold);\n      font-size: var(--text-base);\n      color: var(--color-text);\n      margin-bottom: var(--space-xs);\n    }\n\n    .safety-list .tip-text span {\n      font-size: var(--text-sm);\n      color: var(--color-text-muted);\n      line-height: var(--leading-relaxed);\n    }\n\n    .safety-image {\n      border-radius: var(--border-radius-lg);\n      overflow: hidden;\n      aspect-ratio: 3\/4;\n      background:\n        linear-gradient(180deg, transparent 50%, rgba(44, 24, 16, 0.4) 100%),\n        url('https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/Ritmo-Bolivar-Plaza-Cartagena-1.webp')\n        center\/cover no-repeat;\n    }\n\n    @media (max-width: 768px) {\n      .safety-grid {\n        grid-template-columns: 1fr;\n      }\n      .safety-image {\n        aspect-ratio: 16\/9;\n      }\n    }\n\n    \/* --- Packing List --- *\/\n    .packing-section {\n      background: var(--color-sand-light);\n    }\n\n    .packing-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: var(--space-xl);\n    }\n\n    .packing-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      transition: all var(--transition-base);\n    }\n\n    .packing-card:hover {\n      box-shadow: var(--shadow-md);\n      transform: translateY(-2px);\n    }\n\n    .packing-card-header {\n      display: flex;\n      align-items: center;\n      gap: var(--space-md);\n      margin-bottom: var(--space-lg);\n    }\n\n    .packing-card-icon {\n      width: 44px;\n      height: 44px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #2C1810;\n      border-radius: 50%;\n      color: var(--color-cta);\n      flex-shrink: 0;\n    }\n\n    .packing-card-icon svg {\n      width: 20px;\n      height: 20px;\n    }\n\n    .packing-card-header h4 {\n      font-size: var(--text-lg);\n    }\n\n    .packing-list {\n      list-style: none;\n      display: flex;\n      flex-direction: column;\n      gap: var(--space-sm);\n    }\n\n    .packing-list li {\n      display: flex;\n      align-items: center;\n      gap: var(--space-sm);\n      font-size: var(--text-sm);\n      color: var(--color-text-muted);\n    }\n\n    .packing-list li svg {\n      width: 16px;\n      height: 16px;\n      color: var(--color-cta);\n      flex-shrink: 0;\n    }\n\n    @media (max-width: 768px) {\n      .packing-grid {\n        grid-template-columns: 1fr;\n      }\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: #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    .final-cta .btn-outline:hover {\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\/nl\/\" class=\"nav-logo\"><img decoding=\"async\" src=\"https:\/\/stayritmo.com\/wp-content\/uploads\/2025\/08\/Ritmo-Horizontal.webp\" alt=\"Ritmo Cartagena\" loading=\"lazy\"><\/a>\n      <ul class=\"nav-links\" id=\"navLinks\">\n        <li><a href=\"\/nl\/suite\/\">De suite<\/a><\/li>\n        <li style=\"display:none\"><a href=\"\/nl\/things-to-do\/\">Dingen om te doen<\/a><\/li>\n        <li><a href=\"\/nl\/cartagena-gids\/\" class=\"active\">Cartagena<\/a><\/li>\n        <li><a href=\"\/nl\/reviews\/\">Recensies<\/a><\/li>\n        <li><a href=\"\/nl\/about\/\">Over<\/a><\/li>\n        <li><a href=\"\/nl\/contact\/\">Contact<\/a><\/li>\n        <li><a href=\"\/nl\/book\/\" class=\"nav-cta\">Boek nu<\/a><\/li>\n      <\/ul>\n      <button class=\"nav-toggle\" id=\"navToggle\" aria-label=\"Navigatie in-\/uitschakelen\">\n        <span><\/span><span><\/span><span><\/span>\n      <\/button>\n    <\/div>\n  <\/nav>\n\n  <!-- ==================== PAGE HERO ==================== -->\n  <section class=\"page-hero\">\n    <div class=\"page-hero-bg\" role=\"img\" aria-label=\"Een indrukwekkend uitzicht op de historische skyline van Cartagena.\"><\/div>\n    <div class=\"page-hero-content\">\n      <p class=\"eyebrow\" style=\"color:var(--color-cta-light);\">Lokale kennis<\/p>\n      <h1>Jouw gids voor insiders<br>naar <em>Cartagena<\/em><\/h1>\n      <p class=\"page-hero-subtitle\">Alles wat je moet weten voordat je aankomt. Buurten, vervoer, veiligheidstips en essenti\u00eble inpakbenodigdheden van je lokale gastheren.<\/p>\n    <\/div>\n  <\/section>\n\n  <main>\n\n    <!-- ==================== QUICK FACTS ==================== -->\n    <section class=\"quick-facts\">\n      <div class=\"container\">\n        <div class=\"facts-grid\">\n          <div class=\"fact-item\">\n            <div class=\"fact-icon\">\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 14.76V3.5a2.5 2.5 0 0 0-5 0v11.26a4.5 4.5 0 1 0 5 0z\"\/><\/svg>\n            <\/div>\n            <div class=\"fact-label\">Weer<\/div>\n            <div class=\"fact-value\">88\u00b0F \/ 31\u00b0C<\/div>\n            <div class=\"fact-detail\">Warm tropisch klimaat het hele jaar door<\/div>\n          <\/div>\n          <div class=\"fact-item\">\n            <div class=\"fact-icon\">\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg>\n            <\/div>\n            <div class=\"fact-label\">Munteenheid<\/div>\n            <div class=\"fact-value\">Agent<\/div>\n            <div class=\"fact-detail\">Colombiaanse peso, kaarten worden overal geaccepteerd.<\/div>\n          <\/div>\n          <div class=\"fact-item\">\n            <div class=\"fact-icon\">\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 8l6 6\"\/><path d=\"M4 14l6-6 2-3\"\/><path d=\"M2 5h12\"\/><path d=\"M7 2h1\"\/><path d=\"M22 22l-5-10-5 10\"\/><path d=\"M14 18h6\"\/><\/svg>\n            <\/div>\n            <div class=\"fact-label\">Taal<\/div>\n            <div class=\"fact-value\">Spaans<\/div>\n            <div class=\"fact-detail\">In toeristische gebieden wordt veel Engels gesproken.<\/div>\n          <\/div>\n          <div class=\"fact-item\">\n            <div class=\"fact-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=\"fact-label\">Tijdzone<\/div>\n            <div class=\"fact-value\">UTC-5<\/div>\n            <div class=\"fact-detail\">Hetzelfde als het oosten van de VS (geen zomertijd).<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ==================== NEIGHBORHOODS ==================== -->\n    <section class=\"neighborhoods section\">\n      <div class=\"container\">\n        <div class=\"section-header\">\n          <p class=\"eyebrow\">Leer de stad kennen<\/p>\n          <h2>Buurten om te verkennen<\/h2>\n          <div class=\"divider-gold divider-gold-center\"><\/div>\n          <p class=\"desc\">De verschillende wijken van Cartagena hebben elk hun eigen karakter. Hieronder vind je een aantal wijken die je zeker wilt bezoeken tijdens je verblijf.<\/p>\n        <\/div>\n\n        <div class=\"grid grid-2\">\n          <!-- El Laguito -->\n          <div class=\"neighborhood-card featured\">\n            <div class=\"neighborhood-img\" style=\"background-image:url('https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/Ritmo-El-Laguito-1.webp')\">\n              <span class=\"neighborhood-badge\">Jouw buurt<\/span>\n            <\/div>\n            <div class=\"neighborhood-body\">\n              <h4>El Laguito<\/h4>\n              <p>Ritmo Cartagena is de thuisbasis van dit ontspannen schiereiland met moderne wolkenkrabbers, rustige stranden en adembenemende zonsondergangen. De restaurants en winkels van Bocagrande liggen op loopafstand, maar het is er toch zo rustig dat het voelt als een eigen oase.<\/p>\n              <div class=\"neighborhood-tags\">\n                <span>Stranden<\/span>\n                <span>Moderne torens<\/span>\n                <span>Ontspannen<\/span>\n                <span>Zonsondergangen<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Bocagrande -->\n          <div class=\"neighborhood-card\">\n            <div class=\"neighborhood-img\" style=\"background-image:url('https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/Ritmo-Bocagrande.webp')\">\n            <\/div>\n            <div class=\"neighborhood-body\">\n              <h4>Bocagrande<\/h4>\n              <p>De chique, moderne wijk van Cartagena. Een lange boulevard langs het strand met hotels, winkelcentra, internationale restaurants en een bruisend nachtleven. Op korte loopafstand van Ritmo.<\/p>\n              <div class=\"neighborhood-tags\">\n                <span>Winkelen<\/span>\n                <span>Restaurants<\/span>\n                <span>Strandpromenade<\/span>\n                <span>Nachtleven<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Walled City -->\n          <div class=\"neighborhood-card\">\n            <div class=\"neighborhood-img\" style=\"background-image:url('https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/Ritmo-Walled-City-1.webp')\">\n            <\/div>\n            <div class=\"neighborhood-body\">\n              <h4>Ommuurde stad \/ Oude stad<\/h4>\n              <p>Het hart van Cartagena en een UNESCO-werelderfgoedlocatie. Geplaveide straten, koloniale architectuur, met bloemen versierde balkons, restaurants van wereldklasse, dakterrassen en eeuwenoude geschiedenis op elke hoek.<\/p>\n              <div class=\"neighborhood-tags\">\n                <span>Geschiedenis<\/span>\n                <span>Architectuur<\/span>\n                <span>Nachtleven<\/span>\n                <span>Verfijnd dineren<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Getsemani -->\n          <div class=\"neighborhood-card\">\n            <div class=\"neighborhood-img\" style=\"background-image:url('https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/Ritmo-Getsemani-1.webp')\">\n            <\/div>\n            <div class=\"neighborhood-body\">\n              <h4>Getsemani<\/h4>\n              <p>Getsemani is de hipste buurt van Cartagena. Ooit een arbeiderswijk, staat Getsemani nu bekend om zijn levendige straatkunst, authentieke lokale sfeer, trendy cocktailbars en de dagelijkse bijeenkomsten op Plaza Trinidad.<\/p>\n              <div class=\"neighborhood-tags\">\n                <span>Straatkunst<\/span>\n                <span>Lokale sfeer<\/span>\n                <span>Trendy bars<\/span>\n                <span>Authentiek<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ==================== GETTING AROUND ==================== -->\n    <section class=\"getting-around section\">\n      <div class=\"container\">\n        <div class=\"section-header\">\n          <p class=\"eyebrow\">Vervoer<\/p>\n          <h2>Vervoer in Cartagena<\/h2>\n          <div class=\"divider-gold divider-gold-center\"><\/div>\n          <p class=\"desc\">Cartagena is makkelijk te verkennen. Hieronder vind je de beste manieren om je tijdens je verblijf te verplaatsen.<\/p>\n        <\/div>\n\n        <div class=\"transport-grid\">\n          <!-- Taxis -->\n          <div class=\"transport-card\">\n            <div class=\"transport-header\">\n              <div class=\"transport-icon\">\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2\"\/><circle cx=\"7\" cy=\"17\" r=\"2\"\/><path d=\"M9 17h6\"\/><circle cx=\"17\" cy=\"17\" r=\"2\"\/><\/svg>\n              <\/div>\n              <h4>Taxi&#039;s<\/h4>\n            <\/div>\n            <p>Gele taxi&#039;s zijn overal in Cartagena. Spreek altijd van tevoren een prijs af, want de meter wordt niet vaak gebruikt. Een rit van El Laguito naar de ommuurde stad kost doorgaans 15.000-20.000 COP.<\/p>\n            <div class=\"transport-tip\">\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=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n              <span>Vraag je gastheer naar de gebruikelijke tarieven, zodat je vol vertrouwen kunt onderhandelen. Tarieven voor late avonden liggen iets hoger.<\/span>\n            <\/div>\n          <\/div>\n\n          <!-- Uber \/ InDriver -->\n          <div class=\"transport-card\">\n            <div class=\"transport-header\">\n              <div class=\"transport-icon\">\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" ry=\"2\"\/><line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"\/><\/svg>\n              <\/div>\n              <h4>Uber &amp; InDriver<\/h4>\n            <\/div>\n            <p>Beide apps werken goed in Cartagena en zijn over het algemeen goedkoper dan taxi&#039;s. Met InDriver kun je je eigen prijs bepalen. Uber is handig voor luchthaventransfers en ritten &#039;s nachts. Beide bieden voertuigen met airconditioning.<\/p>\n            <div class=\"transport-tip\">\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=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n              <span>InDriver is lokaal populairder. Download beide apps v\u00f3\u00f3r vertrek voor de beste dekking.<\/span>\n            <\/div>\n          <\/div>\n\n          <!-- Walking -->\n          <div class=\"transport-card\">\n            <div class=\"transport-header\">\n              <div class=\"transport-icon\">\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 4v16\"\/><path d=\"M17 4v16\"\/><path d=\"M19 4H9.5a4.5 4.5 0 0 0 0 9H13\"\/><\/svg>\n              <\/div>\n              <h4>Wandelen<\/h4>\n            <\/div>\n            <p>Veel bezienswaardigheden in Cartagena zijn te voet bereikbaar, vooral binnen de stadsmuren en in Getsemani. Vanuit Ritmo is het strand op 2 minuten loopafstand. De restaurants in Bocagrande liggen op 5-10 minuten lopen. Neem comfortabele schoenen en water mee.<\/p>\n            <div class=\"transport-tip\">\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=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n              <span>Ga &#039;s ochtends vroeg of na 16.00 uur wandelen om de ergste hitte te vermijden. Drink voldoende water en smeer je in met zonnebrandcr\u00e8me.<\/span>\n            <\/div>\n          <\/div>\n\n          <!-- Airport Transfer -->\n          <div class=\"transport-card\">\n            <div class=\"transport-header\">\n              <div class=\"transport-icon\">\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z\"\/><\/svg>\n              <\/div>\n              <h4>Luchthaventransfer<\/h4>\n            <\/div>\n            <p>De internationale luchthaven Rafael Nunez (CTG) ligt op slechts 15 minuten van Ritmo. Luchthaventransfers volgen binnenkort. In de tussentijd zijn InDriver en Didi betrouwbare en betaalbare opties vanaf de luchthaven, met een gemiddelde prijs van ongeveer 30.000 COP.<\/p>\n            <div class=\"transport-tip\">\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=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n              <span>Deel je vluchtgegevens met ons en wij helpen je graag met alle logistieke zaken rondom aankomst. Inchecken is flexibel.<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ==================== SAFETY TIPS ==================== -->\n    <section class=\"safety-section section\">\n      <div class=\"container\">\n        <div class=\"safety-grid\">\n          <div class=\"safety-content\">\n            <p class=\"eyebrow\">Let op je veiligheid<\/p>\n            <h2>Veiligheidstips voor Cartagena<\/h2>\n            <div class=\"divider-gold\"><\/div>\n            <p>Cartagena is een van de veiligste steden van Colombia en miljoenen toeristen bezoeken de stad jaarlijks zonder incidenten. Desondanks zijn verstandige reisgewoonten essentieel. Hier zijn onze beste tips.<\/p>\n\n            <ul class=\"safety-list\">\n              <li>\n                <div class=\"tip-icon\">\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                <\/div>\n                <div class=\"tip-text\">\n                  <strong>Algemene kennis<\/strong>\n                  <span>Wees alert op je omgeving, vooral in drukke gebieden. Blijf &#039;s nachts op goed verlichte, drukke straten. Toeristische gebieden zoals de ommuurde stad en Bocagrande worden goed bewaakt.<\/span>\n                <\/div>\n              <\/li>\n              <li>\n                <div class=\"tip-icon\">\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                <\/div>\n                <div class=\"tip-text\">\n                  <strong>Gebieden die je &#039;s nachts beter kunt vermijden<\/strong>\n                  <span>Vermijd het om na zonsondergang alleen te lopen in minder toeristische buurten, met name in gebieden ten zuiden van de ommuurde stad voorbij Getsemani. Gebruik Uber of een taxi voor vervoer &#039;s avonds laat.<\/span>\n                <\/div>\n              <\/li>\n              <li>\n                <div class=\"tip-icon\">\n                  <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\n                <\/div>\n                <div class=\"tip-text\">\n                  <strong>Bewaar waardevolle spullen veilig.<\/strong>\n                  <span>Laat dure sieraden, horloges en grote hoeveelheden contant geld achter in de suite. Gebruik een schoudertas. Bewaar uw telefoon in een voorzak. Onze suite beschikt over een kluis voor uw waardevolle spullen.<\/span>\n                <\/div>\n              <\/li>\n              <li>\n                <div class=\"tip-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=\"tip-text\">\n                  <strong>Uw gastheren staan klaar om u te helpen.<\/strong>\n                  <span>Neem gerust contact met ons op via WhatsApp. We zijn locals en geven je graag advies over veilige routes, betrouwbare taxidiensten en gebieden die je wel of niet moet bezoeken. Vraag het ons gerust!.<\/span>\n                <\/div>\n              <\/li>\n            <\/ul>\n          <\/div>\n          <div class=\"safety-image\" role=\"img\" aria-label=\"Veilige, goed verlichte straten van de ommuurde stad Cartagena &#039;s nachts.\"><\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ==================== PACKING LIST ==================== -->\n    <section class=\"packing-section section\">\n      <div class=\"container\">\n        <div class=\"section-header\">\n          <p class=\"eyebrow\">Wees voorbereid<\/p>\n          <h2>Wat mee te nemen naar Cartagena<\/h2>\n          <div class=\"divider-gold divider-gold-center\"><\/div>\n          <p class=\"desc\">Cartagena heeft het hele jaar door een warm en tropisch klimaat. Pak lichte, ademende kleding en een paar essenti\u00eble spullen in om comfortabel te blijven.<\/p>\n        <\/div>\n\n        <div class=\"packing-grid\">\n          <!-- Clothing -->\n          <div class=\"packing-card\">\n            <div class=\"packing-card-header\">\n              <div class=\"packing-card-icon\">\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.38 3.46L16 2 12 5 8 2 3.62 3.46a2 2 0 0 0-1.34 2.23l.58 3.47a1 1 0 0 0 .99.84H6v10c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V10h2.15a1 1 0 0 0 .99-.84l.58-3.47a2 2 0 0 0-1.34-2.23z\"\/><\/svg>\n              <\/div>\n              <h4>Kleding<\/h4>\n            <\/div>\n            <ul class=\"packing-list\">\n              <li>\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                Lichte katoenen of linnen kleding\n              <\/li>\n              <li>\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                Zwemkleding (2-3 sets)\n              <\/li>\n              <li>\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                comfortabele wandelschoenen\n              <\/li>\n              <li>\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                Een mooie outfit voor het diner\n              <\/li>\n              <li>\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                Lichte regenjas of poncho\n              <\/li>\n              <li>\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                Sandalen en teenslippers\n              <\/li>\n            <\/ul>\n          <\/div>\n\n          <!-- Sun & Skin Protection -->\n          <div class=\"packing-card\">\n            <div class=\"packing-card-header\">\n              <div class=\"packing-card-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=\"5\"\/><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"\/><line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"\/><line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"\/><line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"\/><line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"\/><line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"\/><line x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"\/><line x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"\/><\/svg>\n              <\/div>\n              <h4>Zon &amp; Huid<\/h4>\n            <\/div>\n            <ul class=\"packing-list\">\n              <li>\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                Zonnebrandcr\u00e8me met hoge SPF (50+)\n              <\/li>\n              <li>\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                Muggenwerend middel (DEET)\n              <\/li>\n              <li>\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                Zonnebril (gepolariseerd)\n              <\/li>\n              <li>\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                Hoed of pet met brede rand\n              <\/li>\n              <li>\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                Alo\u00eb vera-gel (tegen zonnebrand)\n              <\/li>\n              <li>\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                Cr\u00e8me voor na de beet\n              <\/li>\n            <\/ul>\n          <\/div>\n\n          <!-- Essentials -->\n          <div class=\"packing-card\">\n            <div class=\"packing-card-header\">\n              <div class=\"packing-card-icon\">\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\/><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\/><\/svg>\n              <\/div>\n              <h4>Essenti\u00eble zaken<\/h4>\n            <\/div>\n            <ul class=\"packing-list\">\n              <li>\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                Paspoort (en een fotokopie)\n              <\/li>\n              <li>\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                Reisadapter (Type A\/B-stekkers)\n              <\/li>\n              <li>\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                Herbruikbare waterfles\n              <\/li>\n              <li>\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                Kleine dagrugzak of schoudertas\n              <\/li>\n              <li>\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                Draagbare telefoonoplader\n              <\/li>\n              <li>\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                Basismedicatie (maagklachten, pijn)\n              <\/li>\n            <\/ul>\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=\"Zonsondergang boven Cartagena en de Caribische Zee\"><\/div>\n      <div class=\"container\">\n        <p class=\"eyebrow\" style=\"color:var(--color-cta-light);\">Klaar om op ontdekkingstocht te gaan?<\/p>\n        <h2>Uw Caribische vakantie wacht op u.<\/h2>\n        <p>Boek direct voor een persoonlijke ervaring, attente gastheren en alle insiderinformatie die u nodig heeft voor de perfecte reis naar Cartagena.<\/p>\n        <div class=\"cta-actions\">\n          <a href=\"\/nl\/book\/\" class=\"btn btn-primary\">Boek nu<\/a>\n          <a href=\"https:\/\/booking.stayritmo.com\/en\/availability\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"btn btn-outline\">Controleer de beschikbaarheid<\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n\n  <\/main>\n\n  <!-- ==================== FOOTER ==================== -->\n  <footer class=\"footer\">\n    <div class=\"container\">\n      <div class=\"footer-grid\">\n        <div class=\"footer-brand\">\n          <a href=\"https:\/\/stayritmo.com\/nl\/\" class=\"nav-logo\"><img decoding=\"async\" src=\"https:\/\/stayritmo.com\/wp-content\/uploads\/2025\/08\/Ritmo-Horizontal.webp\" alt=\"Ritmo Cartagena\" loading=\"lazy\"><\/a>\n          <p>Een moderne Caribische oase in El Laguito, Cartagena. Uw stijlvolle thuis weg van huis aan de Caribische kust van Colombia.<\/p>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Ontdekken<\/h5>\n          <ul>\n            <li><a href=\"\/nl\/suite\/\">De suite<\/a><\/li>\n            <li style=\"display:none\"><a href=\"\/nl\/things-to-do\/\">Dingen om te doen<\/a><\/li>\n            <li><a href=\"\/nl\/cartagena-gids\/\">Cartagena-gids<\/a><\/li>\n            <li><a href=\"\/nl\/reviews\/\">Gastrecensies<\/a><\/li>\n            <li><a href=\"\/nl\/blog\/\">Blog<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Informatie<\/h5>\n          <ul>\n            <li><a href=\"\/nl\/about\/\">Over ons<\/a><\/li>\n            <li><a href=\"\/nl\/veelgestelde-vragen\/\">Veelgestelde vragen<\/a><\/li>\n            <li><a href=\"\/nl\/contact\/\">Contact<\/a><\/li>\n            <li><a href=\"\/nl\/partners\/\">Word partner<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Boek<\/h5>\n          <ul>\n            <li><a href=\"\/nl\/book\/\">Boek direct<\/a><\/li>\n            <li><a href=\"https:\/\/airbnb.com\/h\/ritmo\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Airbnb<\/a><\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      <div class=\"footer-bottom\">\n        <p>\u00a9 <script>document.write(new Date().getFullYear())<\/script> Ritmo Cartagena<\/p>\n        <div class=\"footer-social\">\n          <a href=\"https:\/\/www.instagram.com\/ritmocartagena\/\" aria-label=\"Instagram\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg>\n          <\/a>\n          <a href=\"https:\/\/www.facebook.com\/ritmocartagena\/\" aria-label=\"Facebook\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg>\n          <\/a>\n          <a href=\"https:\/\/x.com\/ritmo_cartagena\" aria-label=\"X\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n            <svg viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\n          <\/a>\n        <\/div>\n        <div class=\"footer-legal\">\n          <a href=\"\/nl\/terms\/\">Gebruiksvoorwaarden<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/nl\/privacy\/\">Privacybeleid<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/nl\/cookiebeleid\/\">Cookiebeleid<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/nl\/aanvaardbaar-gebruik\/\">Aanvaardbaar gebruik<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/nl\/annuleringsbeleid\/\">Annuleringsbeleid<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/footer>\n\n  <!-- ==================== SCRIPTS ==================== -->\n  <script>\n    \/\/ Navbar scroll effect\n    const navbar = document.getElementById('navbar');\n    window.addEventListener('scroll', () => {\n      navbar.classList.toggle('scrolled', window.scrollY > 60);\n    });\n    \/\/ Start scrolled check\n    if (window.scrollY > 60) navbar.classList.add('scrolled');\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('.fact-item, .neighborhood-card, .transport-card, .safety-list li, .packing-card').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  <\/script>","protected":false},"excerpt":{"rendered":"<p>The Suite Things to Do Cartagena Reviews About Contact Book Now Local Knowledge Your Insider Guideto Cartagena Everything you need to know before you arrive. Neighborhoods, transportation, safety tips, and packing essentials from your local hosts. Weather 88\u00b0F \/ 31\u00b0C Warm year-round, tropical climate Currency COP Colombian Peso, cards widely accepted Language Spanish English widely [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":6,"comment_status":"closed","ping_status":"closed","template":"ritmo-canvas","meta":{"footnotes":""},"class_list":["post-4263","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stayritmo.com\/nl\/wp-json\/wp\/v2\/pages\/4263","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stayritmo.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stayritmo.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stayritmo.com\/nl\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/stayritmo.com\/nl\/wp-json\/wp\/v2\/comments?post=4263"}],"version-history":[{"count":10,"href":"https:\/\/stayritmo.com\/nl\/wp-json\/wp\/v2\/pages\/4263\/revisions"}],"predecessor-version":[{"id":4772,"href":"https:\/\/stayritmo.com\/nl\/wp-json\/wp\/v2\/pages\/4263\/revisions\/4772"}],"wp:attachment":[{"href":"https:\/\/stayritmo.com\/nl\/wp-json\/wp\/v2\/media?parent=4263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}