{"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":"guia-de-cartagena","status":"publish","type":"page","link":"https:\/\/stayritmo.com\/es\/cartagena-guide\/","title":{"rendered":"Gu\u00eda de Cartagena"},"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\/es\/\" 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=\"\/es\/suite\/\">La Suite<\/a><\/li>\n        <li style=\"display:none\"><a href=\"\/es\/things-to-do\/\">Cosas que hacer<\/a><\/li>\n        <li><a href=\"\/es\/guia-de-cartagena\/\" class=\"active\">Cartagena<\/a><\/li>\n        <li><a href=\"\/es\/reviews\/\">Rese\u00f1as<\/a><\/li>\n        <li><a href=\"\/es\/about\/\">Acerca de<\/a><\/li>\n        <li><a href=\"\/es\/contact\/\">Contacto<\/a><\/li>\n        <li><a href=\"\/es\/book\/\" class=\"nav-cta\">Reservar ahora<\/a><\/li>\n      <\/ul>\n      <button class=\"nav-toggle\" id=\"navToggle\" aria-label=\"Cambiar navegaci\u00f3n\">\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=\"Vista espectacular del horizonte hist\u00f3rico de Cartagena\"><\/div>\n    <div class=\"page-hero-content\">\n      <p class=\"eyebrow\" style=\"color:var(--color-cta-light);\">Conocimiento local<\/p>\n      <h1>Tu gu\u00eda privilegiada<br>a <em>Cartagena<\/em><\/h1>\n      <p class=\"page-hero-subtitle\">Todo lo que necesitas saber antes de llegar. Barrios, transporte, consejos de seguridad y lo esencial para empacar, de la mano de tus anfitriones locales.<\/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\">Clima<\/div>\n            <div class=\"fact-value\">88 \u00b0F \/ 31 \u00b0C<\/div>\n            <div class=\"fact-detail\">Clima tropical c\u00e1lido durante todo el a\u00f1o.<\/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\">Divisa<\/div>\n            <div class=\"fact-value\">POLIC\u00cdA<\/div>\n            <div class=\"fact-detail\">Peso colombiano, tarjetas ampliamente aceptadas<\/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\">Idioma<\/div>\n            <div class=\"fact-value\">Espa\u00f1ol<\/div>\n            <div class=\"fact-detail\">Ingl\u00e9s ampliamente hablado en zonas tur\u00edsticas<\/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\">Huso horario<\/div>\n            <div class=\"fact-value\">UTC-5<\/div>\n            <div class=\"fact-detail\">Igual que el este de EE. UU. (sin horario de verano)<\/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\">Conozca la ciudad<\/p>\n          <h2>Barrios para explorar<\/h2>\n          <div class=\"divider-gold divider-gold-center\"><\/div>\n          <p class=\"desc\">Cada barrio de Cartagena tiene su propia personalidad. Aqu\u00ed tienes los que querr\u00e1s descubrir durante tu estancia.<\/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\">Tu barrio<\/span>\n            <\/div>\n            <div class=\"neighborhood-body\">\n              <h4>El Laguito<\/h4>\n              <p>Hogar de Ritmo Cartagena. Una pen\u00ednsula tranquila con modernos rascacielos, playas tranquilas y atardeceres espectaculares. A pasos de los restaurantes y tiendas de Bocagrande, pero con la tranquilidad necesaria para sentirse como en su propio oasis.<\/p>\n              <div class=\"neighborhood-tags\">\n                <span>Playas<\/span>\n                <span>Torres modernas<\/span>\n                <span>Relajado<\/span>\n                <span>Atardeceres<\/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>El moderno y exclusivo distrito de Cartagena. Un largo paseo mar\u00edtimo con hoteles, centros comerciales, restaurantes internacionales y una vibrante vida nocturna. A pocos pasos de Ritmo.<\/p>\n              <div class=\"neighborhood-tags\">\n                <span>Compras<\/span>\n                <span>Restaurantes<\/span>\n                <span>Paseo mar\u00edtimo<\/span>\n                <span>Vida nocturna<\/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>Ciudad Amurallada \/ Ciudad Vieja<\/h4>\n              <p>El coraz\u00f3n de Cartagena y Patrimonio de la Humanidad por la UNESCO. Calles empedradas, arquitectura colonial, balcones floridos, restaurantes de primera categor\u00eda, bares en azoteas y siglos de historia en cada esquina.<\/p>\n              <div class=\"neighborhood-tags\">\n                <span>Historia<\/span>\n                <span>Arquitectura<\/span>\n                <span>Vida nocturna<\/span>\n                <span>Restaurantes de alta cocina<\/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>Getseman\u00ed<\/h4>\n              <p>El barrio m\u00e1s cool de Cartagena. Anta\u00f1o un barrio obrero, Getseman\u00ed es ahora famoso por su vibrante arte callejero, su aut\u00e9ntico ambiente local, sus bares de c\u00f3cteles de moda y las fiestas nocturnas en la Plaza Trinidad.<\/p>\n              <div class=\"neighborhood-tags\">\n                <span>Arte callejero<\/span>\n                <span>Ambiente local<\/span>\n                <span>Bares de moda<\/span>\n                <span>Aut\u00e9ntico<\/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\">Transporte<\/p>\n          <h2>C\u00f3mo moverse por Cartagena<\/h2>\n          <div class=\"divider-gold divider-gold-center\"><\/div>\n          <p class=\"desc\">Cartagena es f\u00e1cil de recorrer. Aqu\u00ed te presentamos las mejores maneras de moverte durante tu estancia.<\/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>Taxis<\/h4>\n            <\/div>\n            <p>Hay taxis amarillos por todas partes en Cartagena. Siempre acuerde la tarifa antes de subir, ya que no es com\u00fan usar tax\u00edmetro. Un viaje de El Laguito a la Ciudad Amurallada suele costar entre 15.000 y 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>Pregunta a tu anfitri\u00f3n por las tarifas habituales para que puedas negociar con confianza. Las tarifas nocturnas son ligeramente m\u00e1s altas.<\/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 y InDriver<\/h4>\n            <\/div>\n            <p>Ambas aplicaciones funcionan bien en Cartagena y suelen ser m\u00e1s econ\u00f3micas que los taxis. InDriver te permite fijar tu propio precio. Uber es conveniente para traslados al aeropuerto y viajes nocturnos. Ambas ofrecen veh\u00edculos con aire acondicionado.<\/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 es m\u00e1s popular a nivel local. Descarga ambas aplicaciones antes de tu viaje para disfrutar de la mejor cobertura.<\/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>Caminando<\/h4>\n            <\/div>\n            <p>Muchas de las atracciones de Cartagena son accesibles a pie, especialmente dentro de la Ciudad Amurallada y Getseman\u00ed. Desde Ritmo, la playa est\u00e1 a 2 minutos a pie. Los restaurantes de Bocagrande est\u00e1n a 5-10 minutos a pie. Traiga calzado c\u00f3modo y agua.<\/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>Camine temprano por la ma\u00f1ana o despu\u00e9s de las 4 p. m. para evitar el calor extremo. Mant\u00e9ngase hidratado y use protector solar.<\/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>Traslado al aeropuerto<\/h4>\n            <\/div>\n            <p>El Aeropuerto Internacional Rafael N\u00fa\u00f1ez (CTG) est\u00e1 a solo 15 minutos de Ritmo. Pr\u00f3ximamente, se ofrecer\u00e1n traslados al aeropuerto. Mientras tanto, InDrive y Didi son opciones confiables y econ\u00f3micas desde el aeropuerto, con un costo aproximado de 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>Comparta los detalles de su vuelo con nosotros y le ayudaremos con la log\u00edstica de su llegada. El proceso de facturaci\u00f3n es flexible.<\/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\">Mantenerse seguro<\/p>\n            <h2>Consejos de seguridad para Cartagena<\/h2>\n            <div class=\"divider-gold\"><\/div>\n            <p>Cartagena es una de las ciudades m\u00e1s seguras de Colombia y millones de turistas la visitan cada a\u00f1o sin incidentes. Dicho esto, los h\u00e1bitos de viaje inteligentes son muy \u00fatiles. Aqu\u00ed tienes nuestros mejores consejos.<\/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>Conciencia general<\/strong>\n                  <span>Mant\u00e9ngase alerta a su entorno, especialmente en zonas concurridas. Por la noche, mant\u00e9ngase en calles bien iluminadas y concurridas. Las zonas tur\u00edsticas como la Ciudad Amurallada y Bocagrande est\u00e1n bien vigiladas.<\/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>Zonas a evitar por la noche<\/strong>\n                  <span>Evite caminar solo en barrios menos tur\u00edsticos al anochecer, especialmente en las zonas al sur de la Ciudad Amurallada, m\u00e1s all\u00e1 de Getseman\u00ed. Use Uber o un taxi para viajar de noche.<\/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>Mantenga los objetos de valor seguros<\/strong>\n                  <span>Deje joyas, relojes y grandes cantidades de dinero en efectivo en la suite. Use un bolso bandolera. Guarde su tel\u00e9fono en el bolsillo delantero. Nuestra suite cuenta con una caja fuerte para sus objetos de valor.<\/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>Tus anfitriones est\u00e1n aqu\u00ed para ayudarte<\/strong>\n                  <span>Cont\u00e1ctanos en cualquier momento por WhatsApp. Somos locales y con gusto te asesoraremos sobre rutas seguras, servicios de taxi confiables y zonas para explorar o evitar. No dudes en preguntar.<\/span>\n                <\/div>\n              <\/li>\n            <\/ul>\n          <\/div>\n          <div class=\"safety-image\" role=\"img\" aria-label=\"Calles seguras y bien iluminadas de la Ciudad Amurallada de Cartagena por la noche\"><\/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\">Estar listo<\/p>\n          <h2>Qu\u00e9 empacar para Cartagena<\/h2>\n          <div class=\"divider-gold divider-gold-center\"><\/div>\n          <p class=\"desc\">Cartagena es calurosa y tropical todo el a\u00f1o. Lleva ropa ligera y transpirable y algunos art\u00edculos b\u00e1sicos para estar c\u00f3modo.<\/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>Ropa<\/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                Ropa ligera de algod\u00f3n o lino\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                Trajes de ba\u00f1o (2-3 conjuntos)\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                Zapatos c\u00f3modos para caminar\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                Un bonito atuendo para la cena.\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                Chaqueta ligera para lluvia o 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                Sandalias y chanclas\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 y piel<\/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                Protector solar con FPS alto (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                Repelente de mosquitos (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                Gafas de sol (polarizadas)\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                Sombrero o gorra de ala ancha\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                Gel de aloe vera (para quemaduras solares)\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                Crema para despu\u00e9s de la picadura\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>Lo esencial<\/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                Pasaporte (y una fotocopia)\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                Adaptador de viaje (enchufes tipo 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                Botella de agua reutilizable\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                Mochila peque\u00f1a o bolso bandolera\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                Cargador de tel\u00e9fono port\u00e1til\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                Medicamentos b\u00e1sicos (est\u00f3mago, dolor)\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=\"Atardecer en Cartagena sobre el Caribe\"><\/div>\n      <div class=\"container\">\n        <p class=\"eyebrow\" style=\"color:var(--color-cta-light);\">\u00bfListo para explorar?<\/p>\n        <h2>Tu escapada al Caribe te espera<\/h2>\n        <p>Reserve directamente para disfrutar de una experiencia personalizada, anfitriones atentos y todo el conocimiento interno que necesita para el viaje perfecto a Cartagena.<\/p>\n        <div class=\"cta-actions\">\n          <a href=\"\/es\/book\/\" class=\"btn btn-primary\">Reservar ahora<\/a>\n          <a href=\"https:\/\/booking.stayritmo.com\/en\/availability\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"btn btn-outline\">Consultar disponibilidad<\/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\/es\/\" 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>Un moderno oasis caribe\u00f1o en El Laguito, Cartagena. Tu elegante segundo hogar en la costa caribe\u00f1a colombiana.<\/p>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Explorar<\/h5>\n          <ul>\n            <li><a href=\"\/es\/suite\/\">La Suite<\/a><\/li>\n            <li style=\"display:none\"><a href=\"\/es\/things-to-do\/\">Cosas que hacer<\/a><\/li>\n            <li><a href=\"\/es\/guia-de-cartagena\/\">Gu\u00eda de Cartagena<\/a><\/li>\n            <li><a href=\"\/es\/reviews\/\">Rese\u00f1as de hu\u00e9spedes<\/a><\/li>\n            <li><a href=\"\/es\/blog\/\">Blog<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Informaci\u00f3n<\/h5>\n          <ul>\n            <li><a href=\"\/es\/about\/\">Sobre nosotros<\/a><\/li>\n            <li><a href=\"\/es\/preguntas-frecuentes\/\">Preguntas frecuentes<\/a><\/li>\n            <li><a href=\"\/es\/contact\/\">Contacto<\/a><\/li>\n            <li><a href=\"\/es\/fogonadura\/\">Convi\u00e9rtete en socio<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Libro<\/h5>\n          <ul>\n            <li><a href=\"\/es\/book\/\">Reserva directa<\/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=\"\/es\/terms\/\">Condiciones de servicio<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/es\/privacy\/\">pol\u00edtica de privacidad<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/es\/politica-de-cookies\/\">Pol\u00edtica de cookies<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/es\/uso-aceptable\/\">Uso aceptable<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/es\/politica-de-cancelacion\/\">Pol\u00edtica de cancelaci\u00f3n<\/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\/es\/wp-json\/wp\/v2\/pages\/4263","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stayritmo.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stayritmo.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stayritmo.com\/es\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/stayritmo.com\/es\/wp-json\/wp\/v2\/comments?post=4263"}],"version-history":[{"count":10,"href":"https:\/\/stayritmo.com\/es\/wp-json\/wp\/v2\/pages\/4263\/revisions"}],"predecessor-version":[{"id":4772,"href":"https:\/\/stayritmo.com\/es\/wp-json\/wp\/v2\/pages\/4263\/revisions\/4772"}],"wp:attachment":[{"href":"https:\/\/stayritmo.com\/es\/wp-json\/wp\/v2\/media?parent=4263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}