{"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":"pruvodce-cartagenou","status":"publish","type":"page","link":"https:\/\/stayritmo.com\/cs\/cartagena-guide\/","title":{"rendered":"Pr\u016fvodce Cartagenou"},"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\/cs\/\" 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=\"\/cs\/suite\/\">Apartm\u00e1<\/a><\/li>\n        <li style=\"display:none\"><a href=\"\/cs\/things-to-do\/\">Co d\u011blat<\/a><\/li>\n        <li><a href=\"\/cs\/pruvodce-cartagenou\/\" class=\"active\">Cartagena<\/a><\/li>\n        <li><a href=\"\/cs\/reviews\/\">Recenze<\/a><\/li>\n        <li><a href=\"\/cs\/about\/\">O<\/a><\/li>\n        <li><a href=\"\/cs\/contact\/\">Kontakt<\/a><\/li>\n        <li><a href=\"\/cs\/book\/\" class=\"nav-cta\">Rezervovat nyn\u00ed<\/a><\/li>\n      <\/ul>\n      <button class=\"nav-toggle\" id=\"navToggle\" aria-label=\"P\u0159epnout navigaci\">\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=\"Dramatick\u00fd v\u00fdhled na historick\u00e9 panorama Cartageny\"><\/div>\n    <div class=\"page-hero-content\">\n      <p class=\"eyebrow\" style=\"color:var(--color-cta-light);\">M\u00edstn\u00ed znalosti<\/p>\n      <h1>V\u00e1\u0161 pr\u016fvodce pro zasv\u011bcen\u00e9 osoby<br>na <em>Cartagena<\/em><\/h1>\n      <p class=\"page-hero-subtitle\">V\u0161e, co pot\u0159ebujete v\u011bd\u011bt p\u0159ed p\u0159\u00edjezdem. Okol\u00ed, doprava, bezpe\u010dnostn\u00ed tipy a nezbytnosti pro sbalen\u00ed od va\u0161ich m\u00edstn\u00edch hostitel\u016f.<\/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\">Po\u010das\u00ed<\/div>\n            <div class=\"fact-value\">31 \u00b0C<\/div>\n            <div class=\"fact-detail\">Tepl\u00e9 celoro\u010dn\u011b, tropick\u00e9 klima<\/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\">M\u011bna<\/div>\n            <div class=\"fact-value\">POLICAJT<\/div>\n            <div class=\"fact-detail\">Kolumbijsk\u00e9 peso, karty jsou \u0161iroce akceptov\u00e1ny<\/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\">Jazyk<\/div>\n            <div class=\"fact-value\">\u0161pan\u011bl\u0161tina<\/div>\n            <div class=\"fact-detail\">V turistick\u00fdch oblastech se hojn\u011b mluv\u00ed anglicky<\/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\">\u010casov\u00e9 p\u00e1smo<\/div>\n            <div class=\"fact-value\">UTC-5<\/div>\n            <div class=\"fact-detail\">Stejn\u00e9 jako v\u00fdchodn\u00ed USA (bez letn\u00edho \u010dasu)<\/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\">Poznej m\u011bsto<\/p>\n          <h2>\u010ctvrti k prozkoum\u00e1n\u00ed<\/h2>\n          <div class=\"divider-gold divider-gold-center\"><\/div>\n          <p class=\"desc\">Ka\u017ed\u00e1 z charakteristick\u00fdch \u010dtvrt\u00ed Cartageny m\u00e1 sv\u016fj vlastn\u00ed charakter. Zde jsou ty, kter\u00e9 byste m\u011bli b\u011bhem sv\u00e9ho pobytu za\u017e\u00edt.<\/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\">Va\u0161e sousedstv\u00ed<\/span>\n            <\/div>\n            <div class=\"neighborhood-body\">\n              <h4>El Laguito<\/h4>\n              <p>Domov Ritmo Cartagena. Klidn\u00fd poloostrov s modern\u00edmi mrakodrapy, klidn\u00fdmi pl\u00e1\u017eemi a \u00fachvatn\u00fdmi z\u00e1pady slunce. V doch\u00e1zkov\u00e9 vzd\u00e1lenosti od restaurac\u00ed a obchod\u016f v Bocagrande, p\u0159esto dostate\u010dn\u011b klidn\u00e9, abyste se c\u00edtili jako ve sv\u00e9 vlastn\u00ed soukrom\u00e9 o\u00e1ze.<\/p>\n              <div class=\"neighborhood-tags\">\n                <span>Pl\u00e1\u017ee<\/span>\n                <span>Modern\u00ed v\u011b\u017ee<\/span>\n                <span>Uvoln\u011bn\u00fd<\/span>\n                <span>Z\u00e1pady slunce<\/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>Luxusn\u00ed modern\u00ed \u010dtvr\u0165 v Cartagen\u011b. Dlouh\u00e1 pob\u0159e\u017en\u00ed promen\u00e1da lemovan\u00e1 hotely, n\u00e1kupn\u00edmi centry, mezin\u00e1rodn\u00edmi restauracemi a pulzuj\u00edc\u00edm no\u010dn\u00edm \u017eivotem. Jen kousek p\u011b\u0161ky od n\u00e1kupn\u00edho centra Ritmo.<\/p>\n              <div class=\"neighborhood-tags\">\n                <span>Nakupov\u00e1n\u00ed<\/span>\n                <span>Restaurace<\/span>\n                <span>Pl\u00e1\u017eov\u00e1 promen\u00e1da<\/span>\n                <span>No\u010dn\u00ed \u017eivot<\/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>Opevn\u011bn\u00e9 m\u011bsto \/ Star\u00e9 M\u011bsto<\/h4>\n              <p>Srdce Cartageny a pam\u00e1tka UNESCO. Dl\u00e1\u017ed\u011bn\u00e9 ulice, koloni\u00e1ln\u00ed architektura, balkony porostl\u00e9 kv\u011btinami, prvot\u0159\u00eddn\u00ed restaurace, st\u0159e\u0161n\u00ed bary a stalet\u00ed historie na ka\u017ed\u00e9m rohu.<\/p>\n              <div class=\"neighborhood-tags\">\n                <span>D\u011bjiny<\/span>\n                <span>Architektura<\/span>\n                <span>No\u010dn\u00ed \u017eivot<\/span>\n                <span>Luxusn\u00ed restaurace<\/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>Nejv\u00edc cool \u010dtvr\u0165 v Cartagen\u011b. Getsemani, kdysi d\u011blnick\u00e1 \u010dtvr\u0165, je dnes zn\u00e1m\u00e1 sv\u00fdm pulzuj\u00edc\u00edm pouli\u010dn\u00edm um\u011bn\u00edm, autentickou m\u00edstn\u00ed atmosf\u00e9rou, trendy koktejlov\u00fdmi bary a no\u010dn\u00edmi setk\u00e1n\u00edmi na n\u00e1m\u011bst\u00ed Trinidad.<\/p>\n              <div class=\"neighborhood-tags\">\n                <span>Pouli\u010dn\u00ed um\u011bn\u00ed<\/span>\n                <span>M\u00edstn\u00ed atmosf\u00e9ra<\/span>\n                <span>Trendy bary<\/span>\n                <span>Autentick\u00fd<\/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\">P\u0159eprava<\/p>\n          <h2>Doprava po Cartagen\u011b<\/h2>\n          <div class=\"divider-gold divider-gold-center\"><\/div>\n          <p class=\"desc\">V Cartagen\u011b se snadno orientujete. Zde jsou nejlep\u0161\u00ed zp\u016fsoby, jak se b\u011bhem sv\u00e9ho pobytu pohybovat po m\u011bst\u011b.<\/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>Tax\u00edky<\/h4>\n            <\/div>\n            <p>\u017dlut\u00e9 tax\u00edky jsou v Cartagen\u011b v\u0161ude. P\u0159ed nastoupen\u00edm se v\u017edy domluvte na cen\u011b j\u00edzdn\u00e9ho, proto\u017ee taxametry se b\u011b\u017en\u011b nepou\u017e\u00edvaj\u00ed. J\u00edzda z El Laguito do opevn\u011bn\u00e9ho m\u011bsta obvykle stoj\u00ed 15 000\u201320 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>Zeptejte se sv\u00e9ho hostitele na typick\u00e9 ceny, abyste mohli s jistotou vyjedn\u00e1vat. Ceny v pozdn\u00edch no\u010dn\u00edch hodin\u00e1ch jsou o n\u011bco vy\u0161\u0161\u00ed.<\/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 a InDriver<\/h4>\n            <\/div>\n            <p>Ob\u011b aplikace funguj\u00ed v Cartagen\u011b dob\u0159e a jsou obecn\u011b levn\u011bj\u0161\u00ed ne\u017e taxi. InDriver v\u00e1m umo\u017e\u0148uje nastavit si vlastn\u00ed cenu. Uber je vhodn\u00fd pro transfery z\/na leti\u0161t\u011b a j\u00edzdy v pozdn\u00edch no\u010dn\u00edch hodin\u00e1ch. Ob\u011b nab\u00edzej\u00ed klimatizovan\u00e1 vozidla.<\/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 je popul\u00e1rn\u011bj\u0161\u00ed v m\u00edstn\u00edm prost\u0159ed\u00ed. Pro nejlep\u0161\u00ed pokryt\u00ed si p\u0159ed cestou st\u00e1hn\u011bte ob\u011b aplikace.<\/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>Ch\u016fze<\/h4>\n            <\/div>\n            <p>Mnoho atrakc\u00ed v Cartagen\u011b je v doch\u00e1zkov\u00e9 vzd\u00e1lenosti, zejm\u00e9na v oblasti opevn\u011bn\u00e9ho m\u011bsta a Getsemani. Z Ritma je pl\u00e1\u017e vzd\u00e1len\u00e1 2 minuty ch\u016fze. Restaurace v Bocagrande jsou vzd\u00e1len\u00e9 5\u201310 minut ch\u016fze. Vezm\u011bte si s sebou pohodlnou obuv a vodu.<\/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>Cho\u010fte brzy r\u00e1no nebo po 16. hodin\u011b, abyste se vyhnuli vrcholn\u00e9mu horku. Dodr\u017eujte pitn\u00fd re\u017eim a pou\u017e\u00edvejte opalovac\u00ed kr\u00e9m.<\/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>Transfer z leti\u0161t\u011b<\/h4>\n            <\/div>\n            <p>Mezin\u00e1rodn\u00ed leti\u0161t\u011b Rafael Nunez (CTG) je od Ritma vzd\u00e1len\u00e9 pouh\u00fdch 15 minut. Transfery z\/na leti\u0161t\u011b budou brzy k dispozici. Mezit\u00edm jsou InDriver a Didi spolehliv\u00fdmi a cenov\u011b dostupn\u00fdmi mo\u017enostmi dopravy z leti\u0161t\u011b, kter\u00e9 obvykle stoj\u00ed kolem 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>Sd\u011blte n\u00e1m informace o sv\u00e9m letu a my v\u00e1m pom\u016f\u017eeme s ve\u0161kerou logistikou ohledn\u011b p\u0159\u00edletu. Check-in je flexibiln\u00ed.<\/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\">Z\u016fsta\u0148te v bezpe\u010d\u00ed<\/p>\n            <h2>Bezpe\u010dnostn\u00ed tipy pro Cartagenu<\/h2>\n            <div class=\"divider-gold\"><\/div>\n            <p>Cartagena je jedno z nejbezpe\u010dn\u011bj\u0161\u00edch m\u011bst v Kolumbii a miliony turist\u016f ji ka\u017edoro\u010dn\u011b nav\u0161t\u00edv\u00ed bez nehod. Nicm\u00e9n\u011b chytr\u00e9 cestovn\u00ed n\u00e1vyky maj\u00ed velk\u00fd v\u00fdznam. Zde jsou na\u0161e nejlep\u0161\u00ed tipy.<\/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>V\u0161eobecn\u00e9 pov\u011bdom\u00ed<\/strong>\n                  <span>D\u00e1vejte si pozor na sv\u00e9 okol\u00ed, zejm\u00e9na v oblastech s velk\u00fdm po\u010dtem lid\u00ed. V noci se dr\u017ete dob\u0159e osv\u011btlen\u00fdch a os\u00eddlen\u00fdch ulic. Turistick\u00e9 oblasti, jako je Walled City a Bocagrande, jsou dob\u0159e hl\u00eddan\u00e9.<\/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>Oblasti, kter\u00fdm se v noci vyhnout<\/strong>\n                  <span>Vyhn\u011bte se ch\u016fzi o samot\u011b v m\u00e9n\u011b turisticky nav\u0161t\u011bvovan\u00fdch \u010dtvrt\u00edch po setm\u011bn\u00ed, zejm\u00e9na v oblastech ji\u017en\u011b od opevn\u011bn\u00e9ho m\u011bsta za Getsemani. Pro cestov\u00e1n\u00ed pozd\u011b v noci pou\u017eijte Uber nebo taxi.<\/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>Uchov\u00e1vejte cennosti v bezpe\u010d\u00ed<\/strong>\n                  <span>Drah\u00e9 \u0161perky, hodinky a velk\u00e9 \u010d\u00e1stky hotovosti nechte v apartm\u00e1. Pou\u017e\u00edvejte kabelku p\u0159es rameno. Telefon m\u011bjte v p\u0159edn\u00ed kapse. Na\u0161e apartm\u00e1 m\u00e1 trezor na va\u0161e cennosti.<\/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>Va\u0161i hostitel\u00e9 jsou tu, aby v\u00e1m pomohli<\/strong>\n                  <span>Kontaktujte n\u00e1s kdykoli p\u0159es WhatsApp. Jsme m\u00edstn\u00ed a r\u00e1di v\u00e1m porad\u00edme s bezpe\u010dn\u00fdmi trasami, d\u016fv\u011bryhodn\u00fdmi taxislu\u017ebami a oblastmi, kter\u00e9 byste m\u011bli prozkoumat nebo se jim vyhnout. Nev\u00e1hejte se zeptat.<\/span>\n                <\/div>\n              <\/li>\n            <\/ul>\n          <\/div>\n          <div class=\"safety-image\" role=\"img\" aria-label=\"Bezpe\u010dn\u00e9, dob\u0159e osv\u011btlen\u00e9 ulice opevn\u011bn\u00e9ho m\u011bsta Cartagena v noci\"><\/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\">Bu\u010fte p\u0159ipraveni<\/p>\n          <h2>Co si sbalit do Cartageny<\/h2>\n          <div class=\"divider-gold divider-gold-center\"><\/div>\n          <p class=\"desc\">Cartagena je hork\u00e1 a tropick\u00e1 po cel\u00fd rok. Sbalte si lehk\u00e9, prody\u0161n\u00e9 oble\u010den\u00ed a p\u00e1r nezbytnost\u00ed pro pohodl\u00ed.<\/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>Oble\u010den\u00ed<\/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                Lehk\u00e9 bavln\u011bn\u00e9 nebo ln\u011bn\u00e9 oble\u010den\u00ed\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                Plavky (2-3 sady)\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                Pohodln\u00e9 turistick\u00e9 boty\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                Jeden p\u011bkn\u00fd outfit na ve\u010de\u0159i\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                Lehk\u00e1 de\u0161\u0165ov\u00e1 bunda nebo pon\u010do\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                Sand\u00e1ly a \u017eabky\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>Slunce a poko\u017eka<\/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                Opalovac\u00ed kr\u00e9m s vysok\u00fdm 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                Repelent proti kom\u00e1r\u016fm (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                Slune\u010dn\u00ed br\u00fdle (polarizovan\u00e9)\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                Klobouk nebo \u010depice se \u0161irokou krempou\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 (na sp\u00e1len\u00ed sluncem)\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                Kr\u00e9m po kousnut\u00ed\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>Z\u00e1kladn\u00ed pot\u0159eby<\/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 (a jeho 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                Cestovn\u00ed adapt\u00e9r (z\u00e1str\u010dky typu A\/B)\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                Opakovan\u011b pou\u017eiteln\u00e1 l\u00e1hev na vodu\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                Mal\u00fd batoh nebo ta\u0161ka p\u0159es t\u011blo\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                P\u0159enosn\u00e1 nab\u00edje\u010dka telefonu\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                Z\u00e1kladn\u00ed l\u00e9ky (proti bolesti \u017ealudku, bolesti \u017ealudku)\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=\"Z\u00e1pad slunce v Cartagen\u011b nad Karibikem\"><\/div>\n      <div class=\"container\">\n        <p class=\"eyebrow\" style=\"color:var(--color-cta-light);\">Jste p\u0159ipraveni prozkoumat?<\/p>\n        <h2>V\u00e1\u0161 karibsk\u00fd \u00fanik \u010dek\u00e1 na v\u00e1s<\/h2>\n        <p>Rezervujte si p\u0159\u00edmo a z\u00edskejte osobn\u00ed z\u00e1\u017eitek, pozorn\u00e9 hostitele a ve\u0161ker\u00e9 znalosti, kter\u00e9 pot\u0159ebujete pro perfektn\u00ed v\u00fdlet do Cartageny.<\/p>\n        <div class=\"cta-actions\">\n          <a href=\"\/cs\/book\/\" class=\"btn btn-primary\">Rezervovat nyn\u00ed<\/a>\n          <a href=\"https:\/\/booking.stayritmo.com\/en\/availability\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"btn btn-outline\">Zkontrolovat dostupnost<\/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\/cs\/\" 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>Modern\u00ed karibsk\u00e1 o\u00e1za v El Laguito v Cartagen\u011b. V\u00e1\u0161 stylov\u00fd domov daleko od domova na karibsk\u00e9m pob\u0159e\u017e\u00ed Kolumbie.<\/p>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Prozkoumat<\/h5>\n          <ul>\n            <li><a href=\"\/cs\/suite\/\">Apartm\u00e1<\/a><\/li>\n            <li style=\"display:none\"><a href=\"\/cs\/things-to-do\/\">Co d\u011blat<\/a><\/li>\n            <li><a href=\"\/cs\/pruvodce-cartagenou\/\">Pr\u016fvodce Cartagenou<\/a><\/li>\n            <li><a href=\"\/cs\/reviews\/\">Recenze host\u016f<\/a><\/li>\n            <li><a href=\"\/cs\/blogu\/\">Blog<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Informace<\/h5>\n          <ul>\n            <li><a href=\"\/cs\/about\/\">O n\u00e1s<\/a><\/li>\n            <li><a href=\"\/cs\/nejcastejsi-dotazy\/\">\u010casto kladen\u00e9 ot\u00e1zky<\/a><\/li>\n            <li><a href=\"\/cs\/contact\/\">Kontakt<\/a><\/li>\n            <li><a href=\"\/cs\/partneri\/\">Sta\u0148te se partnerem<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Rezervovat<\/h5>\n          <ul>\n            <li><a href=\"\/cs\/book\/\">Rezervujte p\u0159\u00edmo<\/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=\"\/cs\/terms\/\">Podm\u00ednky slu\u017eby<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/cs\/privacy\/\">Z\u00e1sady ochrany osobn\u00edch \u00fadaj\u016f<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/cs\/zasady-pouzivani-souboru-cookie\/\">Z\u00e1sady pou\u017e\u00edv\u00e1n\u00ed soubor\u016f cookie<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/cs\/prijatelne-pouziti\/\">P\u0159ijateln\u00e9 pou\u017eit\u00ed<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/cs\/storno-podminky\/\">Storno podm\u00ednky<\/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\/cs\/wp-json\/wp\/v2\/pages\/4263","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stayritmo.com\/cs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stayritmo.com\/cs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stayritmo.com\/cs\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/stayritmo.com\/cs\/wp-json\/wp\/v2\/comments?post=4263"}],"version-history":[{"count":10,"href":"https:\/\/stayritmo.com\/cs\/wp-json\/wp\/v2\/pages\/4263\/revisions"}],"predecessor-version":[{"id":4772,"href":"https:\/\/stayritmo.com\/cs\/wp-json\/wp\/v2\/pages\/4263\/revisions\/4772"}],"wp:attachment":[{"href":"https:\/\/stayritmo.com\/cs\/wp-json\/wp\/v2\/media?parent=4263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}