{"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":"guida-di-cartagena","status":"publish","type":"page","link":"https:\/\/stayritmo.com\/it\/cartagena-guide\/","title":{"rendered":"Guida di 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\/it\/\" 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=\"\/it\/suite\/\">La Suite<\/a><\/li>\n        <li style=\"display:none\"><a href=\"\/it\/things-to-do\/\">Cose da fare<\/a><\/li>\n        <li><a href=\"\/it\/guida-di-cartagena\/\" class=\"active\">Cartagena<\/a><\/li>\n        <li><a href=\"\/it\/reviews\/\">Recensioni<\/a><\/li>\n        <li><a href=\"\/it\/about\/\">Di<\/a><\/li>\n        <li><a href=\"\/it\/contact\/\">Contatto<\/a><\/li>\n        <li><a href=\"\/it\/book\/\" class=\"nav-cta\">Prenota ora<\/a><\/li>\n      <\/ul>\n      <button class=\"nav-toggle\" id=\"navToggle\" aria-label=\"Attiva\/disattiva la navigazione\">\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 spettacolare dello skyline storico di Cartagena\"><\/div>\n    <div class=\"page-hero-content\">\n      <p class=\"eyebrow\" style=\"color:var(--color-cta-light);\">Conoscenza locale<\/p>\n      <h1>La tua guida esclusiva<br>A <em>Cartagena<\/em><\/h1>\n      <p class=\"page-hero-subtitle\">Tutto ci\u00f2 che devi sapere prima del tuo arrivo. Quartieri, trasporti, consigli di sicurezza e cosa mettere in valigia, forniti dai tuoi host locali.<\/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\">Tempo atmosferico<\/div>\n            <div class=\"fact-value\">88\u00b0F \/ 31\u00b0C<\/div>\n            <div class=\"fact-detail\">Clima tropicale caldo tutto l&#039;anno.<\/div>\n          <\/div>\n          <div class=\"fact-item\">\n            <div class=\"fact-icon\">\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg>\n            <\/div>\n            <div class=\"fact-label\">Valuta<\/div>\n            <div class=\"fact-value\">POLIZIOTTO<\/div>\n            <div class=\"fact-detail\">Peso colombiano, carte di credito ampiamente accettate<\/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\">Lingua<\/div>\n            <div class=\"fact-value\">spagnolo<\/div>\n            <div class=\"fact-detail\">L&#039;inglese \u00e8 ampiamente parlato nelle zone turistiche.<\/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\">Fuso orario<\/div>\n            <div class=\"fact-value\">UTC-5<\/div>\n            <div class=\"fact-detail\">Come negli Stati Uniti orientali (nessuna ora legale).<\/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\">Conosci la citt\u00e0<\/p>\n          <h2>Quartieri da esplorare<\/h2>\n          <div class=\"divider-gold divider-gold-center\"><\/div>\n          <p class=\"desc\">I diversi quartieri di Cartagena hanno ciascuno un carattere unico. Ecco quelli che non vorrete perdervi durante il vostro soggiorno.<\/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\">Il tuo quartiere<\/span>\n            <\/div>\n            <div class=\"neighborhood-body\">\n              <h4>El Laguito<\/h4>\n              <p>Sede di Ritmo Cartagena. Una penisola tranquilla con moderni grattacieli, spiagge silenziose e tramonti mozzafiato. A pochi passi dai ristoranti e dai negozi di Bocagrande, ma al contempo abbastanza pacifica da farvi sentire come in un&#039;oasi privata.<\/p>\n              <div class=\"neighborhood-tags\">\n                <span>Spiagge<\/span>\n                <span>Torri moderne<\/span>\n                <span>Rilassato<\/span>\n                <span>Tramonti<\/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>Il quartiere moderno ed elegante di Cartagena. Un lungo lungomare costellato di hotel, centri commerciali, ristoranti internazionali e una vivace vita notturna. A pochi passi da Ritmo.<\/p>\n              <div class=\"neighborhood-tags\">\n                <span>Shopping<\/span>\n                <span>Laser<\/span>\n                <span>Passeggiata sul lungomare<\/span>\n                <span>Vita notturna<\/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>Citt\u00e0 murata \/ centro storico<\/h4>\n              <p>Il cuore pulsante di Cartagena e sito patrimonio mondiale dell&#039;UNESCO. Strade acciottolate, architettura coloniale, balconi fioriti, ristoranti di fama mondiale, bar panoramici e secoli di storia ad ogni angolo.<\/p>\n              <div class=\"neighborhood-tags\">\n                <span>Storia<\/span>\n                <span>Architettura<\/span>\n                <span>Vita notturna<\/span>\n                <span>Cena elegante<\/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>Il quartiere pi\u00f9 cool di Cartagena. Un tempo quartiere operaio, Getsemani \u00e8 ora famoso per la sua vivace street art, l&#039;autentica atmosfera locale, i cocktail bar alla moda e gli eventi serali di Plaza Trinidad.<\/p>\n              <div class=\"neighborhood-tags\">\n                <span>Arte di strada<\/span>\n                <span>Atmosfera locale<\/span>\n                <span>Bar alla moda<\/span>\n                <span>Autentico<\/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\">Trasporti<\/p>\n          <h2>Come muoversi a Cartagena<\/h2>\n          <div class=\"divider-gold divider-gold-center\"><\/div>\n          <p class=\"desc\">Cartagena \u00e8 una citt\u00e0 facile da girare. Ecco i modi migliori per spostarsi durante il vostro soggiorno.<\/p>\n        <\/div>\n\n        <div class=\"transport-grid\">\n          <!-- Taxis -->\n          <div class=\"transport-card\">\n            <div class=\"transport-header\">\n              <div class=\"transport-icon\">\n                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2\"\/><circle cx=\"7\" cy=\"17\" r=\"2\"\/><path d=\"M9 17h6\"\/><circle cx=\"17\" cy=\"17\" r=\"2\"\/><\/svg>\n              <\/div>\n              <h4>Taxi<\/h4>\n            <\/div>\n            <p>A Cartagena i taxi gialli sono ovunque. Concordate sempre la tariffa prima di salire, poich\u00e9 il tassametro non \u00e8 di uso comune. Una corsa da El Laguito alla Citt\u00e0 Vecchia costa in genere tra i 15.000 e i 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>Chiedi al tuo host le tariffe standard in modo da poter negoziare con sicurezza. Le tariffe notturne sono leggermente pi\u00f9 alte.<\/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 e InDriver<\/h4>\n            <\/div>\n            <p>Entrambe le app funzionano bene a Cartagena e sono generalmente pi\u00f9 economiche dei taxi. InDriver ti permette di impostare il tuo prezzo. Uber \u00e8 comodo per i trasferimenti aeroportuali e per le corse notturne. Entrambe offrono veicoli con aria condizionata.<\/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 \u00e8 pi\u00f9 popolare a livello locale. Scarica entrambe le app prima del viaggio per una copertura ottimale.<\/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>A piedi<\/h4>\n            <\/div>\n            <p>Molte delle attrazioni di Cartagena sono raggiungibili a piedi, soprattutto all&#039;interno della Citt\u00e0 Vecchia e di Getsemani. Da Ritmo, la spiaggia dista 2 minuti a piedi. I ristoranti di Bocagrande sono a 5-10 minuti a piedi. Si consiglia di portare scarpe comode e acqua.<\/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>Per evitare le ore pi\u00f9 calde, fate una passeggiata la mattina presto o dopo le 16:00. Mantenetevi idratati e usate la crema solare.<\/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>Trasferimento aeroportuale<\/h4>\n            <\/div>\n            <p>L&#039;aeroporto internazionale Rafael Nunez (CTG) dista solo 15 minuti da Ritmo. I trasferimenti aeroportuali saranno presto disponibili. Nel frattempo, InDriver e Didi sono opzioni affidabili ed economiche dall&#039;aeroporto, con un costo che si aggira intorno ai 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>Condividi con noi i dettagli del tuo volo e ti aiuteremo con tutta la logistica possibile per l&#039;arrivo. Il check-in \u00e8 flessibile.<\/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\">Rimani al sicuro<\/p>\n            <h2>Consigli di sicurezza per Cartagena<\/h2>\n            <div class=\"divider-gold\"><\/div>\n            <p>Cartagena \u00e8 una delle citt\u00e0 pi\u00f9 sicure della Colombia e ogni anno viene visitata da milioni di turisti senza alcun problema. Detto questo, adottare abitudini di viaggio intelligenti \u00e8 fondamentale. Ecco i nostri consigli principali.<\/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>Consapevolezza generale<\/strong>\n                  <span>Presta attenzione a ci\u00f2 che ti circonda, soprattutto nelle zone affollate. Di notte, rimani in strade ben illuminate e frequentate. Le zone turistiche come la Citt\u00e0 Vecchia e Bocagrande sono ben sorvegliate.<\/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>Zone da evitare di notte<\/strong>\n                  <span>Evitate di camminare da soli nei quartieri meno turistici dopo il tramonto, soprattutto nelle zone a sud della Citt\u00e0 Murata, oltre Getsemani. Per gli spostamenti notturni, utilizzate Uber o un 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>Tenete al sicuro gli oggetti di valore<\/strong>\n                  <span>Lasciate gioielli costosi, orologi e grosse somme di denaro contante nella suite. Usate una borsa a tracolla. Tenete il telefono nella tasca anteriore. La nostra suite dispone di una cassaforte per i vostri oggetti di valore.<\/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>I vostri host sono qui per aiutarvi<\/strong>\n                  <span>Contattateci in qualsiasi momento tramite WhatsApp. Siamo del posto e saremo lieti di consigliarvi percorsi sicuri, servizi taxi affidabili e zone da esplorare o da evitare. Non esitate a chiedere.<\/span>\n                <\/div>\n              <\/li>\n            <\/ul>\n          <\/div>\n          <div class=\"safety-image\" role=\"img\" aria-label=\"Le strade sicure e ben illuminate della citt\u00e0 vecchia di Cartagena di notte.\"><\/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\">Siate preparati<\/p>\n          <h2>Cosa mettere in valigia per Cartagena<\/h2>\n          <div class=\"divider-gold divider-gold-center\"><\/div>\n          <p class=\"desc\">Cartagena \u00e8 una citt\u00e0 calda e tropicale tutto l&#039;anno. Metti in valigia abiti leggeri e traspiranti e pochi oggetti essenziali per stare comodo.<\/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>Vestiario<\/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                Indumenti leggeri in cotone 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                Costumi da bagno (2-3 set)\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                scarpe comode da passeggio\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 bell&#039;abito per 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                Giacca antipioggia leggera 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                Sandali e infradito\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>Sole e pelle<\/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                Crema solare con fattore di protezione elevato (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                Repellente per zanzare (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                Occhiali da sole (polarizzati)\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                Cappello o berretto a tesa larga\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 di aloe vera (per le scottature solari)\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 dopomorso\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>Elementi essenziali<\/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                Passaporto (e 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                Adattatore da viaggio (spine di 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                Borraccia riutilizzabile\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                Zainetto piccolo o borsa a tracolla\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                Caricabatterie portatile per telefono\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                Farmaci di base (per stomaco e dolore)\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=\"Tramonto a Cartagena sui Caraibi\"><\/div>\n      <div class=\"container\">\n        <p class=\"eyebrow\" style=\"color:var(--color-cta-light);\">Pronti a esplorare?<\/p>\n        <h2>La tua fuga ai Caraibi ti aspetta<\/h2>\n        <p>Prenota direttamente per un&#039;esperienza personalizzata, host attenti e tutte le informazioni utili per un viaggio perfetto a Cartagena.<\/p>\n        <div class=\"cta-actions\">\n          <a href=\"\/it\/book\/\" class=\"btn btn-primary\">Prenota ora<\/a>\n          <a href=\"https:\/\/booking.stayritmo.com\/en\/availability\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"btn btn-outline\">Verifica disponibilit\u00e0<\/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\/it\/\" 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>Una moderna oasi caraibica a El Laguito, Cartagena. La tua elegante casa lontano da casa sulla costa caraibica della Colombia.<\/p>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Esplorare<\/h5>\n          <ul>\n            <li><a href=\"\/it\/suite\/\">La Suite<\/a><\/li>\n            <li style=\"display:none\"><a href=\"\/it\/things-to-do\/\">Cose da fare<\/a><\/li>\n            <li><a href=\"\/it\/guida-di-cartagena\/\">Guida di Cartagena<\/a><\/li>\n            <li><a href=\"\/it\/reviews\/\">Recensioni degli ospiti<\/a><\/li>\n            <li><a href=\"\/it\/blog\/\">Blog<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Informazioni<\/h5>\n          <ul>\n            <li><a href=\"\/it\/about\/\">Chi siamo<\/a><\/li>\n            <li><a href=\"\/it\/faq\/\">Domande frequenti<\/a><\/li>\n            <li><a href=\"\/it\/contact\/\">Contatto<\/a><\/li>\n            <li><a href=\"\/it\/partner\/\">Diventa un partner<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Libro<\/h5>\n          <ul>\n            <li><a href=\"\/it\/book\/\">Prenota direttamente<\/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=\"\/it\/terms\/\">Termini di servizio<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/it\/privacy\/\">politica sulla riservatezza<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/it\/politica-sui-cookie\/\">Informativa sui cookie<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/it\/uso-accettabile\/\">Uso accettabile<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/it\/politica-di-cancellazione\/\">Politica di cancellazione<\/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\/it\/wp-json\/wp\/v2\/pages\/4263","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stayritmo.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stayritmo.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stayritmo.com\/it\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/stayritmo.com\/it\/wp-json\/wp\/v2\/comments?post=4263"}],"version-history":[{"count":10,"href":"https:\/\/stayritmo.com\/it\/wp-json\/wp\/v2\/pages\/4263\/revisions"}],"predecessor-version":[{"id":4772,"href":"https:\/\/stayritmo.com\/it\/wp-json\/wp\/v2\/pages\/4263\/revisions\/4772"}],"wp:attachment":[{"href":"https:\/\/stayritmo.com\/it\/wp-json\/wp\/v2\/media?parent=4263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}