{"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-guide","status":"publish","type":"page","link":"https:\/\/stayritmo.com\/da\/cartagena-guide\/","title":{"rendered":"Cartagena-guide"},"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\/da\/\" 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=\"\/da\/suite\/\">Suiten<\/a><\/li>\n        <li style=\"display:none\"><a href=\"\/da\/things-to-do\/\">Ting at g\u00f8re<\/a><\/li>\n        <li><a href=\"\/da\/cartagena-guide\/\" class=\"active\">Cartagena<\/a><\/li>\n        <li><a href=\"\/da\/reviews\/\">Anmeldelser<\/a><\/li>\n        <li><a href=\"\/da\/about\/\">Om<\/a><\/li>\n        <li><a href=\"\/da\/contact\/\">Kontakte<\/a><\/li>\n        <li><a href=\"\/da\/book\/\" class=\"nav-cta\">Book nu<\/a><\/li>\n      <\/ul>\n      <button class=\"nav-toggle\" id=\"navToggle\" aria-label=\"Skift navigation\">\n        <span><\/span><span><\/span><span><\/span>\n      <\/button>\n    <\/div>\n  <\/nav>\n\n  <!-- ==================== PAGE HERO ==================== -->\n  <section class=\"page-hero\">\n    <div class=\"page-hero-bg\" role=\"img\" aria-label=\"Dramatisk udsigt over Cartagenas historiske skyline\"><\/div>\n    <div class=\"page-hero-content\">\n      <p class=\"eyebrow\" style=\"color:var(--color-cta-light);\">Lokal viden<\/p>\n      <h1>Din insiderguide<br>til <em>Cartagena<\/em><\/h1>\n      <p class=\"page-hero-subtitle\">Alt du beh\u00f8ver at vide, inden du ankommer. Nabolag, transport, sikkerhedstips og pakningsmaterialer fra dine lokale v\u00e6rter.<\/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\">Vejr<\/div>\n            <div class=\"fact-value\">31\u00b0C<\/div>\n            <div class=\"fact-detail\">Varmt tropisk klima \u00e5ret rundt<\/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\">Valuta<\/div>\n            <div class=\"fact-value\">COP<\/div>\n            <div class=\"fact-detail\">Colombiansk peso, kort accepteres bredt<\/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\">Sprog<\/div>\n            <div class=\"fact-value\">Spansk<\/div>\n            <div class=\"fact-detail\">Engelsk tales udbredt i turistomr\u00e5der<\/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\">Tidszone<\/div>\n            <div class=\"fact-value\">UTC-5<\/div>\n            <div class=\"fact-detail\">Samme som det \u00f8stlige USA (ingen sommertid)<\/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\">Kend byen<\/p>\n          <h2>Kvarterer at udforske<\/h2>\n          <div class=\"divider-gold divider-gold-center\"><\/div>\n          <p class=\"desc\">Cartagenas forskellige kvarterer har hver deres egen karakter. Her er dem, du b\u00f8r opleve under dit ophold.<\/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\">Dit nabolag<\/span>\n            <\/div>\n            <div class=\"neighborhood-body\">\n              <h4>El Laguito<\/h4>\n              <p>Hjemstedet for Ritmo Cartagena. En afslappet halv\u00f8 med moderne h\u00f8jhuse, rolige strande og fantastiske solnedgange. G\u00e5afstand til Bocagrandes restauranter og butikker, men alligevel fredelig nok til at f\u00f8les som din egen private oase.<\/p>\n              <div class=\"neighborhood-tags\">\n                <span>Strande<\/span>\n                <span>Moderne t\u00e5rne<\/span>\n                <span>Afslappet<\/span>\n                <span>Solnedgange<\/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>Cartagenas eksklusive, moderne distrikt. En lang strandpromenade med hoteller, indk\u00f8bscentre, internationale restauranter og et pulserende natteliv. Kun en kort g\u00e5tur fra Ritmo.<\/p>\n              <div class=\"neighborhood-tags\">\n                <span>Indk\u00f8b<\/span>\n                <span>Restauranter<\/span>\n                <span>Strandpromenade<\/span>\n                <span>Natteliv<\/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>Bef\u00e6stet by \/ Gamle bydel<\/h4>\n              <p>Cartagenas hjerte og et UNESCO-verdensarvssted. Brostensbelagte gader, kolonial arkitektur, blomsterdraperede altaner, restauranter i verdensklasse, tagterrassebarer og \u00e5rhundreders historie rundt om hvert hj\u00f8rne.<\/p>\n              <div class=\"neighborhood-tags\">\n                <span>Historie<\/span>\n                <span>Arkitektur<\/span>\n                <span>Natteliv<\/span>\n                <span>Fine restauranter<\/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>Cartagenas sejeste kvarter. Getsemani, der engang var et arbejderklassekvarter, er nu ber\u00f8mt for sin livlige gadekunst, autentiske lokale stemning, trendy cocktailbarer og Plaza Trinidads natlige sammenkomster.<\/p>\n              <div class=\"neighborhood-tags\">\n                <span>Gadekunst<\/span>\n                <span>Lokal stemning<\/span>\n                <span>Trendy barer<\/span>\n                <span>Autentisk<\/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\">Transport<\/p>\n          <h2>S\u00e5dan kommer du rundt i Cartagena<\/h2>\n          <div class=\"divider-gold divider-gold-center\"><\/div>\n          <p class=\"desc\">Cartagena er nem at finde rundt i. Her er de bedste m\u00e5der at komme rundt p\u00e5 under dit ophold.<\/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>Taxaer<\/h4>\n            <\/div>\n            <p>Der er gule taxaer overalt i Cartagena. Aftal altid prisen, inden du stiger ind, da taxametere ikke bruges s\u00e5 ofte. En tur fra El Laguito til den bef\u00e6stede by koster typisk 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>Sp\u00f8rg din v\u00e6rt om typiske priser, s\u00e5 du kan forhandle trygt. Priserne sent om aftenen er lidt h\u00f8jere.<\/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 og InDriver<\/h4>\n            <\/div>\n            <p>Begge apps fungerer godt i Cartagena og er generelt billigere end taxaer. Med InDriver kan du selv bestemme prisen. Uber er praktisk til lufthavnstransport og ture sent om aftenen. Begge tilbyder k\u00f8ret\u00f8jer med aircondition.<\/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 er mere popul\u00e6rt lokalt. Download begge apps inden din rejse for at f\u00e5 den bedste d\u00e6kning.<\/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>G\u00e5ture<\/h4>\n            <\/div>\n            <p>Mange af Cartagenas attraktioner kan n\u00e5s til fods, is\u00e6r inden for den bef\u00e6stede by og Getsemane. Fra Ritmo er der 2 minutters gang til stranden. Bocagrandes restauranter ligger 5-10 minutters gang derfra. Medbring behagelige sko og vand.<\/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>G\u00e5 en tur tidligt om morgenen eller efter 16:00 for at undg\u00e5 den h\u00f8jeste varme. Drik rigeligt med v\u00e6ske og brug solcreme.<\/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>Lufthavnstransport<\/h4>\n            <\/div>\n            <p>Rafael Nunez Internationale Lufthavn (CTG) ligger kun 15 minutter fra Ritmo. Lufthavnstransport kommer snart. I mellemtiden er InDriver og Didi p\u00e5lidelige og overkommelige muligheder fra lufthavnen, typisk koster de omkring 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>Del dine flyoplysninger med os, s\u00e5 hj\u00e6lper vi dig med al den logistik, vi kan i forbindelse med ankomst. Indtjekning er fleksibel.<\/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\">Hold dig sikker<\/p>\n            <h2>Sikkerhedstips til Cartagena<\/h2>\n            <div class=\"divider-gold\"><\/div>\n            <p>Cartagena er en af Colombias sikreste byer, og millioner af turister bes\u00f8ger den hvert \u00e5r uden problemer. N\u00e5r det er sagt, kan smarte rejsevaner v\u00e6re en stor hj\u00e6lp. Her er vores bedste 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>Generel bevidsthed<\/strong>\n                  <span>V\u00e6r opm\u00e6rksom p\u00e5 dine omgivelser, is\u00e6r i overfyldte omr\u00e5der. Hold dig til godt oplyste, befolkede gader om natten. Turistomr\u00e5der som den bef\u00e6stede by og Bocagrande er velpatruljerede.<\/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>Omr\u00e5der, der skal undg\u00e5s om natten<\/strong>\n                  <span>Undg\u00e5 at g\u00e5 alene i mindre turistede kvarterer efter m\u00f8rkets frembrud, is\u00e6r i omr\u00e5der syd for den bef\u00e6stede by bag Getsemani. Brug Uber eller en taxa til at rejse sent om aftenen.<\/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>Opbevar v\u00e6rdigenstande sikkert<\/strong>\n                  <span>Efterlad dyre smykker, ure og store m\u00e6ngder kontanter i suiten. Brug en skuldertaske. Opbevar din telefon i en forlomme. Vores suite har et pengeskab til dine v\u00e6rdigenstande.<\/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>Dine v\u00e6rter er her for at hj\u00e6lpe<\/strong>\n                  <span>Kontakt os n\u00e5r som helst via WhatsApp. Vi er lokale og r\u00e5dgiver gerne om sikre ruter, p\u00e5lidelige taxatjenester og omr\u00e5der, der skal udforskes eller undg\u00e5s. T\u00f8v ikke med at sp\u00f8rge.<\/span>\n                <\/div>\n              <\/li>\n            <\/ul>\n          <\/div>\n          <div class=\"safety-image\" role=\"img\" aria-label=\"Sikre, veloplyste gader i Cartagenas bef\u00e6stede by om natten\"><\/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\">V\u00e6r forberedt<\/p>\n          <h2>Hvad skal man pakke til Cartagena<\/h2>\n          <div class=\"divider-gold divider-gold-center\"><\/div>\n          <p class=\"desc\">Cartagena er varmt og tropisk \u00e5ret rundt. Pak let, \u00e5ndbart t\u00f8j og et par essentielle ting for at holde dig komfortabel.<\/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>T\u00f8j<\/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                Let bomulds- eller h\u00f8rt\u00f8j\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                Badet\u00f8j (2-3 s\u00e6t)\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                Komfortable vandresko\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                Et flot outfit til aftensmaden\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                Let regnjakke eller 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                Sandaler og klipklappere\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>Sol og hud<\/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                Solcreme med h\u00f8j 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                Myggemiddel (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                Solbriller (polariserede)\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                Bredskygget hat eller kasket\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                Aloe vera gel (mod solskoldning)\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                After-bid creme\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>Vigtige ting<\/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                Pas (og en fotokopi)\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                Rejseadapter (Type A\/B-stik)\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                Genanvendelig vandflaske\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                Lille dagrygs\u00e6k eller crossbody-taske\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                B\u00e6rbar telefonoplader\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                Grundl\u00e6ggende medicin (mave, smerter)\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=\"Cartagenas solnedgang over Caribien\"><\/div>\n      <div class=\"container\">\n        <p class=\"eyebrow\" style=\"color:var(--color-cta-light);\">Klar til at udforske?<\/p>\n        <h2>Din caribiske flugt venter<\/h2>\n        <p>Book direkte for en personlig oplevelse, opm\u00e6rksomme v\u00e6rter og al den insiderviden, du har brug for til den perfekte Cartagena-rejse.<\/p>\n        <div class=\"cta-actions\">\n          <a href=\"\/da\/book\/\" class=\"btn btn-primary\">Book nu<\/a>\n          <a href=\"https:\/\/booking.stayritmo.com\/en\/availability\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"btn btn-outline\">Tjek tilg\u00e6ngelighed<\/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\/da\/\" 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>En moderne caribisk oase i El Laguito, Cartagena. Dit stilfulde hjem v\u00e6k fra hjemmet p\u00e5 Colombias caribiske kyst.<\/p>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Udforske<\/h5>\n          <ul>\n            <li><a href=\"\/da\/suite\/\">Suiten<\/a><\/li>\n            <li style=\"display:none\"><a href=\"\/da\/things-to-do\/\">Ting at g\u00f8re<\/a><\/li>\n            <li><a href=\"\/da\/cartagena-guide\/\">Cartagena-guide<\/a><\/li>\n            <li><a href=\"\/da\/reviews\/\">G\u00e6steanmeldelser<\/a><\/li>\n            <li><a href=\"\/da\/blog\/\">Blog<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Info<\/h5>\n          <ul>\n            <li><a href=\"\/da\/about\/\">Om os<\/a><\/li>\n            <li><a href=\"\/da\/ofte-stillede-sporgsmal\/\">Ofte stillede sp\u00f8rgsm\u00e5l<\/a><\/li>\n            <li><a href=\"\/da\/contact\/\">Kontakte<\/a><\/li>\n            <li><a href=\"\/da\/partnere\/\">Bliv partner<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Bog<\/h5>\n          <ul>\n            <li><a href=\"\/da\/book\/\">Book direkte<\/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=\"\/da\/terms\/\">Servicevilk\u00e5r<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/da\/privacy\/\">Privatlivspolitik<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/da\/cookiepolitik\/\">Cookiepolitik<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/da\/acceptabel-brug\/\">Acceptabel brug<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/da\/afbestillingspolitik\/\">Afbestillingspolitik<\/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\/da\/wp-json\/wp\/v2\/pages\/4263","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stayritmo.com\/da\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stayritmo.com\/da\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stayritmo.com\/da\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/stayritmo.com\/da\/wp-json\/wp\/v2\/comments?post=4263"}],"version-history":[{"count":10,"href":"https:\/\/stayritmo.com\/da\/wp-json\/wp\/v2\/pages\/4263\/revisions"}],"predecessor-version":[{"id":4772,"href":"https:\/\/stayritmo.com\/da\/wp-json\/wp\/v2\/pages\/4263\/revisions\/4772"}],"wp:attachment":[{"href":"https:\/\/stayritmo.com\/da\/wp-json\/wp\/v2\/media?parent=4263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}