{"id":4259,"date":"2026-03-08T20:59:39","date_gmt":"2026-03-09T01:59:39","guid":{"rendered":"https:\/\/stayritmo.com\/?page_id=4259"},"modified":"2026-03-10T14:53:11","modified_gmt":"2026-03-10T19:53:11","slug":"o-ritmu","status":"publish","type":"page","link":"https:\/\/stayritmo.com\/cs\/about-ritmo\/","title":{"rendered":"O Ritmu"},"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       ABOUT PAGE \u2014 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: 50vh;\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(26, 14, 8, 0.5) 0%,\n          rgba(44, 24, 16, 0.75) 100%),\n        url('https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/cartagena-hero.webp')\n        center\/cover no-repeat;\n    }\n\n    .page-hero-content {\n      position: relative;\n      z-index: 1;\n      text-align: center;\n      padding: var(--space-xl);\n      padding-top: calc(var(--nav-height) + var(--space-2xl));\n    }\n\n    .page-hero-content .eyebrow {\n      color: var(--color-cta-light);\n    }\n\n    .page-hero-content h1 {\n      color: var(--color-white);\n      margin-bottom: var(--space-md);\n    }\n\n    .page-hero-content p {\n      color: rgba(255, 255, 255, 0.8);\n      font-size: var(--text-lg);\n      max-width: 560px;\n      margin: 0 auto;\n      font-weight: var(--weight-light);\n    }\n\n    \/* --- Our Story Section --- *\/\n    .our-story {\n      background: var(--color-bg);\n    }\n\n    .story-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: var(--space-3xl);\n      align-items: center;\n    }\n\n    .story-image {\n      border-radius: var(--border-radius-lg);\n      overflow: hidden;\n      aspect-ratio: 4\/5;\n      position: relative;\n    }\n\n    .story-image-placeholder {\n      width: 100%;\n      height: 100%;\n      background:\n        linear-gradient(135deg, #2C1810 0%, #4A3228 100%);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      position: relative;\n    }\n\n    .story-image-placeholder::after {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background:\n        url('https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/ritmo-living-room.webp')\n        center\/cover no-repeat;\n      opacity: 0.85;\n    }\n\n    .story-image-accent {\n      position: absolute;\n      bottom: -1rem;\n      right: -1rem;\n      width: 120px;\n      height: 120px;\n      background: var(--color-cta);\n      border-radius: var(--border-radius-lg);\n      z-index: -1;\n    }\n\n    .story-text h2 {\n      margin-bottom: var(--space-md);\n    }\n\n    .story-text p {\n      color: var(--color-text-muted);\n      margin-bottom: var(--space-lg);\n      line-height: var(--leading-relaxed);\n    }\n\n    .story-text blockquote {\n      border-left: 3px solid var(--color-cta);\n      padding-left: var(--space-lg);\n      margin: var(--space-xl) 0;\n      font-family: var(--font-heading);\n      font-size: var(--text-2xl);\n      font-style: italic;\n      color: var(--color-primary);\n      line-height: var(--leading-snug);\n    }\n\n    @media (max-width: 768px) {\n      .story-grid { grid-template-columns: 1fr; }\n      .story-image { max-height: 400px; }\n    }\n\n    \/* --- Meet Your Hosts --- *\/\n    .hosts-section {\n      background: var(--color-sand-light);\n    }\n\n    .hosts-header {\n      text-align: center;\n      margin-bottom: var(--space-3xl);\n    }\n\n    .hosts-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: var(--space-2xl);\n      max-width: 800px;\n      margin: 0 auto;\n    }\n\n    .host-card {\n      text-align: center;\n      background: var(--color-white);\n      border-radius: var(--border-radius-lg);\n      padding: var(--space-2xl) 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    .host-card:hover {\n      box-shadow: var(--shadow-lg);\n      transform: translateY(-4px);\n    }\n\n    .host-photo {\n      width: 120px;\n      height: 120px;\n      border-radius: 50%;\n      margin: 0 auto var(--space-lg);\n      overflow: hidden;\n      border: 3px solid var(--color-cta);\n      padding: 3px;\n    }\n\n    .host-photo-inner {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n      background: linear-gradient(135deg, #2C1810, #4A3228);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--color-cta);\n      font-family: var(--font-heading);\n      font-size: var(--text-3xl);\n      font-weight: var(--weight-bold);\n      object-fit: cover;\n    }\n\n    .host-photo img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n      object-fit: cover;\n    }\n\n    .host-name {\n      font-family: var(--font-heading);\n      font-size: var(--text-2xl);\n      font-weight: var(--weight-semibold);\n      color: var(--color-primary);\n      margin-bottom: var(--space-xs);\n    }\n\n    .host-role {\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-md);\n    }\n\n    .host-bio {\n      font-size: var(--text-sm);\n      color: var(--color-text-muted);\n      line-height: var(--leading-relaxed);\n      margin: 0;\n    }\n\n    @media (max-width: 640px) {\n      .hosts-grid { grid-template-columns: 1fr; }\n    }\n\n    \/* --- Our Values --- *\/\n    .values-section {\n      background: var(--color-bg);\n    }\n\n    .values-header {\n      text-align: center;\n      margin-bottom: var(--space-3xl);\n    }\n\n    .value-card {\n      background: var(--color-white);\n      border-radius: var(--border-radius-lg);\n      padding: var(--space-2xl);\n      text-align: center;\n      box-shadow: var(--shadow-sm);\n      border: 1px solid var(--color-border-light);\n      transition: all var(--transition-base);\n    }\n\n    .value-card:hover {\n      box-shadow: var(--shadow-lg);\n      transform: translateY(-4px);\n    }\n\n    .value-icon {\n      width: 64px;\n      height: 64px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 0 auto var(--space-lg);\n      background: linear-gradient(135deg, #2C1810, #4A3228);\n      border-radius: var(--border-radius);\n      color: var(--color-cta);\n    }\n\n    .value-icon svg {\n      width: 28px;\n      height: 28px;\n    }\n\n    .value-card h4 {\n      font-size: var(--text-xl);\n      margin-bottom: var(--space-sm);\n    }\n\n    .value-card p {\n      color: var(--color-text-muted);\n      font-size: var(--text-sm);\n      margin: 0 auto;\n    }\n\n    \/* --- Stats Section --- *\/\n    .stats-section {\n      background: #2C1810;\n      padding: var(--space-4xl) 0;\n    }\n\n    .stats-header {\n      text-align: center;\n      margin-bottom: var(--space-2xl);\n    }\n\n    .stats-header .eyebrow {\n      color: var(--color-cta-light);\n    }\n\n    .stats-header h2 {\n      color: var(--color-white);\n    }\n\n    .stats-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: var(--space-xl);\n    }\n\n    .stat-item {\n      text-align: center;\n      padding: var(--space-xl);\n      border-radius: var(--border-radius-lg);\n      background: rgba(255, 255, 255, 0.06);\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      transition: all var(--transition-base);\n    }\n\n    .stat-item:hover {\n      background: rgba(255, 255, 255, 0.1);\n      transform: translateY(-4px);\n    }\n\n    .stat-icon {\n      width: 48px;\n      height: 48px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 0 auto var(--space-md);\n      color: var(--color-cta);\n    }\n\n    .stat-icon svg {\n      width: 28px;\n      height: 28px;\n    }\n\n    .stat-number {\n      font-family: var(--font-heading);\n      font-size: var(--text-4xl);\n      font-weight: var(--weight-bold);\n      color: var(--color-white);\n      line-height: 1;\n      margin-bottom: var(--space-xs);\n    }\n\n    .stat-label {\n      font-size: var(--text-sm);\n      color: rgba(255, 255, 255, 0.6);\n      font-weight: var(--weight-medium);\n    }\n\n    @media (max-width: 1024px) {\n      .stats-grid { grid-template-columns: repeat(2, 1fr); }\n    }\n    @media (max-width: 480px) {\n      .stats-grid { grid-template-columns: 1fr; }\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:\n        linear-gradient(180deg,\n          rgba(18, 71, 32, 0.88) 0%,\n          rgba(18, 71, 32, 0.92) 100%),\n        url('https:\/\/images.unsplash.com\/photo-1583531172005-814194af01e1?w=1920&q=80')\n        center\/cover no-repeat;\n    }\n\n    .final-cta .btn-outline:hover {\n      color: #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    \/* --- Footer --- *\/\n    .footer {\n      background: var(--color-sand, #EBDEC5);\n      color: var(--color-text, #2C1810);\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    \/* --- Scroll Reveal Helper --- *\/\n    .reveal {\n      opacity: 0;\n      transform: translateY(20px);\n      transition: opacity 0.6s ease, transform 0.6s ease;\n    }\n\n    .reveal.revealed {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n  \n<\/style>\n\n\n\n<!-- ==================== NAVIGATION ==================== -->\n  <nav class=\"nav\" id=\"navbar\">\n    <div class=\"nav-inner\">\n      <a href=\"https:\/\/stayritmo.com\/cs\/\" class=\"nav-logo\"><img decoding=\"async\" src=\"https:\/\/stayritmo.com\/wp-content\/uploads\/2025\/08\/Ritmo-Horizontal.webp\" alt=\"Ritmo Cartagena\" loading=\"lazy\"><\/a>\n      <ul class=\"nav-links\" id=\"navLinks\">\n        <li><a href=\"\/cs\/suite\/\">Apartm\u00e1<\/a><\/li>\n        <li style=\"display:none\"><a href=\"\/cs\/things-to-do\/\">Co d\u011blat<\/a><\/li>\n        <li><a href=\"\/cs\/pruvodce-cartagenou\/\">Cartagena<\/a><\/li>\n        <li><a href=\"\/cs\/reviews\/\">Recenze<\/a><\/li>\n        <li><a href=\"\/cs\/about\/\" class=\"active\">O<\/a><\/li>\n        <li><a href=\"\/cs\/contact\/\">Kontakt<\/a><\/li>\n        <li><a href=\"\/cs\/book\/\" class=\"nav-cta\">Rezervovat nyn\u00ed<\/a><\/li>\n      <\/ul>\n      <button class=\"nav-toggle\" id=\"navToggle\" aria-label=\"P\u0159epnout navigaci\">\n        <span><\/span><span><\/span><span><\/span>\n      <\/button>\n    <\/div>\n  <\/nav>\n\n  <!-- ==================== PAGE HERO ==================== -->\n  <section class=\"page-hero\">\n    <div class=\"page-hero-bg\" role=\"img\" aria-label=\"Koloni\u00e1ln\u00ed architektura Cartageny a karibsk\u00e9 pob\u0159e\u017e\u00ed\"><\/div>\n    <div class=\"page-hero-content\">\n      <p class=\"eyebrow\">Kdo jsme<\/p>\n      <h1>O Ritmu Cartagena<\/h1>\n      <div class=\"divider-gold divider-gold-center\"><\/div>\n      <p>P\u0159\u00edb\u011bh va\u0161\u00ed modern\u00ed karibsk\u00e9 o\u00e1zy a lid\u00e9, kte\u0159\u00ed v\u00e1m z ka\u017ed\u00e9ho pobytu ud\u011blaj\u00ed nezapomenuteln\u00fd z\u00e1\u017eitek.<\/p>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== OUR STORY ==================== -->\n  <section class=\"our-story section\">\n    <div class=\"container\">\n      <div class=\"story-grid\">\n        <div class=\"story-image reveal\">\n          <div class=\"story-image-placeholder\" role=\"img\" aria-label=\"Interi\u00e9r apartm\u00e1 Ritmo Cartagena\">\n          <\/div>\n          <div class=\"story-image-accent\"><\/div>\n        <\/div>\n        <div class=\"story-text\">\n          <p class=\"eyebrow\">N\u00e1\u0161 p\u0159\u00edb\u011bh<\/p>\n          <h2>Kde se modern\u00ed design setk\u00e1v\u00e1 s karibskou du\u0161\u00ed<\/h2>\n          <div class=\"divider-gold\"><\/div>\n          <p>Ritmo Cartagena se zrodilo z jednoduch\u00e9ho p\u0159esv\u011bd\u010den\u00ed: cestovatel\u00e9 si zaslou\u017e\u00ed v\u00edc ne\u017e jen m\u00edsto na span\u00ed. Zaslou\u017e\u00ed si prostor, kter\u00fd se c\u00edt\u00ed jako skute\u010dn\u00fd karibsk\u00fd \u00fanik, promy\u0161len\u011b navr\u017een\u00fd, kr\u00e1sn\u011b za\u0159\u00edzen\u00fd a napln\u011bn\u00fd teplem a energi\u00ed Cartageny.<\/p>\n          <p>Glenn se do Cartageny zamiloval u\u017e p\u0159ed lety: do dl\u00e1\u017ed\u011bn\u00fdch uli\u010dek, rytmu cumbie un\u00e1\u0161ej\u00edc\u00ed se vzduchem, do zp\u016fsobu, jak\u00fdm karibsk\u00e9 sv\u011btlo prom\u011b\u0148uje v\u0161e, \u010deho se dotkne. Pot\u00e9, co se p\u0159est\u011bhovali ze Spojen\u00fdch st\u00e1t\u016f do Kolumbie a o\u017eenili se s Glori\u00ed, spole\u010dn\u011b na\u0161li sv\u016fj domov v El Laguito a v\u011bd\u011bli, \u017ee mus\u00ed vytvo\u0159it n\u011bco speci\u00e1ln\u00edho. Modern\u00ed o\u00e1zu, kter\u00e1 ct\u00ed pulzuj\u00edc\u00edho ducha tohoto m\u011bsta a z\u00e1rove\u0148 nab\u00edz\u00ed pohodl\u00ed a styl, kter\u00e9 n\u00e1ro\u010dn\u00ed cestovatel\u00e9 o\u010dek\u00e1vaj\u00ed.<\/p>\n          <blockquote>\n            \u201cCht\u011bli jsme spojit to nejlep\u0161\u00ed z modern\u00edho designu s nenahraditeln\u00fdm teplem karibsk\u00e9 pohostinnosti.\u201d\n          <\/blockquote>\n          <p>V hotelu Ritmo byl pe\u010dliv\u011b zv\u00e1\u017een ka\u017ed\u00fd detail, od nastaviteln\u00e9 man\u017eelsk\u00e9 postele velikosti King a pe\u010dliv\u011b vybran\u00fdch um\u011bleck\u00fdch d\u011bl a\u017e po bezprobl\u00e9mov\u00fd check-in a osobn\u00ed doporu\u010den\u00ed skryt\u00fdch skvost\u016f m\u011bsta. Nejedn\u00e1 se jen o pron\u00e1jem rekrea\u010dn\u00edho ubytov\u00e1n\u00ed. Je to vstupn\u00ed br\u00e1na k pro\u017eit\u00ed Cartageny tak, jak m\u00e1 b\u00fdt pro\u017e\u00edv\u00e1na.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== MEET YOUR HOSTS ==================== -->\n  <section class=\"hosts-section section\">\n    <div class=\"container\">\n      <div class=\"hosts-header\">\n        <p class=\"eyebrow\">Va\u0161i hostitel\u00e9<\/p>\n        <h2>Seznamte se s t\u00fdmem, kter\u00fd stoj\u00ed za Ritmem<\/h2>\n        <div class=\"divider-gold divider-gold-center\"><\/div>\n        <p class=\"text-muted\" style=\"max-width:560px;margin:var(--space-md) auto 0;\">Cartagena n\u00e1s bav\u00ed a sna\u017e\u00edme se, aby byl v\u00e1\u0161 pobyt v\u00fdjime\u010dn\u00fd. Od tip\u016f pro m\u00edstn\u00ed n\u00e1v\u0161t\u011bvn\u00edky a\u017e po bezprobl\u00e9mov\u00e9 slu\u017eby, jsme tu pro v\u00e1s v ka\u017ed\u00e9m kroku.<\/p>\n      <\/div>\n\n      <div class=\"hosts-grid\">\n        <div class=\"host-card reveal\">\n          <div class=\"host-photo\">\n            <img decoding=\"async\" src=\"https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/glenn.webp\" alt=\"Glenn\" loading=\"lazy\">\n          <\/div>\n          <div class=\"host-name\">Glenn<\/div>\n          <div class=\"host-role\">Spoluhostitel a provoz<\/div>\n          <p class=\"host-bio\">Glenn, p\u016fvodem ze Spojen\u00fdch st\u00e1t\u016f, se do Kolumbie p\u0159est\u011bhoval pot\u00e9, co se zamiloval do t\u00e9to zem\u011b, jej\u00ed kultury a obyvatel. V Ritmu vn\u00e1\u0161\u00ed v\u00e1\u0161e\u0148 pro pohostinnost a smysl pro detail do v\u0161eho, od bezprobl\u00e9mov\u00e9ho check-inu a\u017e po pe\u010dliv\u011b vybran\u00e1 doporu\u010den\u00ed host\u016f. Jeho c\u00edl je jednoduch\u00fd: zajistit, aby ka\u017ed\u00fd pobyt byl bez n\u00e1mahy.<\/p>\n        <\/div>\n\n        <div class=\"host-card reveal\">\n          <div class=\"host-photo\">\n            <img decoding=\"async\" src=\"https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/gloria.webp\" alt=\"Glorie\" loading=\"lazy\">\n          <\/div>\n          <div class=\"host-name\">Glorie<\/div>\n          <div class=\"host-role\">Spoluhostitel a m\u00edstn\u00ed expert<\/div>\n          <p class=\"host-bio\">Gloria, narozen\u00e1 a vyr\u016fstaj\u00edc\u00ed v Kolumbii, je srdcem a du\u0161\u00ed karibsk\u00e9 v\u0159elosti restaurace Ritmo. Zn\u00e1 Cartagenu skrz naskrz, od nejlep\u0161\u00edch m\u00edstn\u00edch restaurac\u00ed a\u017e po skryt\u00e9 dvorky, kter\u00e9 v\u011bt\u0161ina n\u00e1v\u0161t\u011bvn\u00edk\u016f nikdy nenajde. Jej\u00ed hlubok\u00e9 pouto k m\u011bstu zaji\u0161\u0165uje, \u017ee ka\u017ed\u00fd host za\u017eije autentick\u00fd rytmus Cartageny, nejen turistick\u00e9 atrakce.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== OUR VALUES ==================== -->\n  <section class=\"values-section section\">\n    <div class=\"container\">\n      <div class=\"values-header\">\n        <p class=\"eyebrow\">Co n\u00e1s \u017eene vp\u0159ed<\/p>\n        <h2>Na\u0161e hodnoty<\/h2>\n        <div class=\"divider-gold divider-gold-center\"><\/div>\n      <\/div>\n\n      <div class=\"grid grid-3\">\n        <div class=\"value-card reveal\">\n          <div class=\"value-icon\">\n            <!-- Heart Handshake icon -->\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7z\"\/>\n              <path d=\"M12 5L9.04 7.96a2.17 2.17 0 0 0 0 3.08c.82.82 2.13.85 3 .07l2.07-1.9a2.82 2.82 0 0 1 3.79 0l2.96 2.66\"\/>\n              <path d=\"M18 15l-2-2\"\/>\n              <path d=\"M15 18l-2-2\"\/>\n            <\/svg>\n          <\/div>\n          <h4>V\u00fdjime\u010dn\u00e1 pohostinnost<\/h4>\n          <p>V\u011b\u0159\u00edme, \u017ee skv\u011bl\u00e9 ubytov\u00e1n\u00ed je osobn\u00ed, nikoli transak\u010dn\u00ed z\u00e1le\u017eitost. Od va\u0161eho prvn\u00edho dotazu a\u017e po va\u0161e posledn\u00ed r\u00e1no se ke ka\u017ed\u00e9mu hostovi chov\u00e1me jako k rodin\u011b: s opravdovou p\u00e9\u010d\u00ed, rychl\u00fdmi odpov\u011b\u010fmi a promy\u0161len\u00fdmi detaily, kter\u00e9 prom\u011bn\u00ed p\u0159\u00edjemn\u00fd pobyt v nezapomenuteln\u00fd.<\/p>\n        <\/div>\n\n        <div class=\"value-card reveal\">\n          <div class=\"value-icon\">\n            <!-- Map\/Compass icon -->\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n              <polygon points=\"16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76\"\/>\n            <\/svg>\n          <\/div>\n          <h4>M\u00edstn\u00ed odbornost<\/h4>\n          <p>Cartagena je v\u00edc ne\u017e jen pl\u00e1\u017ee a historick\u00e9 hradby. Sd\u00edl\u00edme s v\u00e1mi na\u0161e obl\u00edben\u00e9 m\u00edstn\u00ed restaurace, po\u0159\u00e1d\u00e1me prohl\u00eddky s pe\u010dliv\u011b vybran\u00fdmi hosty a nab\u00edz\u00edme tipy od zasv\u011bcen\u00fdch, abyste za\u017eili autentick\u00fd rytmus tohoto neuv\u011b\u0159iteln\u00e9ho m\u011bsta. M\u00edsta a momenty, kter\u00e9 nenajdete v pr\u016fvodci.<\/p>\n        <\/div>\n\n        <div class=\"value-card reveal\">\n          <div class=\"value-icon\">\n            <!-- Sparkles\/Diamond icon -->\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M12 3l1.912 5.813a2 2 0 0 0 1.275 1.275L21 12l-5.813 1.912a2 2 0 0 0-1.275 1.275L12 21l-1.912-5.813a2 2 0 0 0-1.275-1.275L3 12l5.813-1.912a2 2 0 0 0 1.275-1.275z\"\/>\n              <path d=\"M19 2v2\"\/>\n              <path d=\"M20 3h-2\"\/>\n              <path d=\"M5 20v2\"\/>\n              <path d=\"M6 21H4\"\/>\n            <\/svg>\n          <\/div>\n          <h4>Modern\u00ed pohodl\u00ed<\/h4>\n          <p>Ne\u0161et\u0159ili jsme detaily, abychom vytvo\u0159ili prostor, kter\u00fd p\u016fsob\u00ed luxusn\u011b a z\u00e1rove\u0148 nen\u00e1ro\u010dn\u011b. Pr\u00e9miov\u00e9 lo\u017en\u00ed pr\u00e1dlo, pln\u011b vybaven\u00fd kuchy\u0148sk\u00fd kout, vysokorychlostn\u00ed Wi-Fi a st\u0159e\u0161n\u00ed baz\u00e9n. V\u0161e, co pot\u0159ebujete, abyste se v Karibiku c\u00edtili jako doma.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== WHY GUESTS LOVE US \u2014 STATS ==================== -->\n  <section class=\"stats-section\">\n    <div class=\"container\">\n      <div class=\"stats-header\">\n        <p class=\"eyebrow\">Podle \u010d\u00edsel<\/p>\n        <h2>Pro\u010d n\u00e1s host\u00e9 miluj\u00ed<\/h2>\n        <div class=\"divider-gold divider-gold-center\"><\/div>\n      <\/div>\n\n      <div class=\"stats-grid\">\n        <div class=\"stat-item reveal\">\n          <div class=\"stat-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n          <\/div>\n          <div class=\"stat-number\">4.95<\/div>\n          <div class=\"stat-label\">Pr\u016fm\u011brn\u00e9 hodnocen\u00ed<\/div>\n        <\/div>\n\n        <div class=\"stat-item reveal\">\n          <div class=\"stat-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=\"stat-number\">90+<\/div>\n          <div class=\"stat-label\">Ov\u011b\u0159en\u00e9 recenze<\/div>\n        <\/div>\n\n        <div class=\"stat-item reveal\">\n          <div class=\"stat-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=\"stat-number\">2 minuty<\/div>\n          <div class=\"stat-label\">Doba odezvy<\/div>\n        <\/div>\n\n        <div class=\"stat-item reveal\">\n          <div class=\"stat-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\"\/><path d=\"M8 14s1.5 2 4 2 4-2 4-2\"\/><line x1=\"9\" y1=\"9\" x2=\"9.01\" y2=\"9\"\/><line x1=\"15\" y1=\"9\" x2=\"15.01\" y2=\"9\"\/><\/svg>\n          <\/div>\n          <div class=\"stat-number\">100+<\/div>\n          <div class=\"stat-label\">Spokojen\u00ed host\u00e9<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== FINAL CTA ==================== -->\n  <section class=\"final-cta\">\n    <div class=\"final-cta-bg\" role=\"img\" aria-label=\"Z\u00e1pad slunce v Cartagen\u011b nad Karibikem\"><\/div>\n    <div class=\"container\">\n      <p class=\"eyebrow\" style=\"color:var(--color-cta-light);\">Jste p\u0159ipraveni za\u017e\u00edt Ritmo?<\/p>\n      <h2>V\u00e1\u0161 karibsk\u00fd \u00fanik \u010dek\u00e1 na v\u00e1s<\/h2>\n      <p>Rezervujte si ubytov\u00e1n\u00ed p\u0159\u00edmo a za\u017eijte osobn\u00ed z\u00e1\u017eitek, pozorn\u00e9 hostitele a z\u00e1\u017eitek p\u0159ipraven\u00fd s p\u00e9\u010d\u00ed od okam\u017eiku va\u0161eho p\u0159\u00edjezdu.<\/p>\n      <div class=\"cta-actions\">\n        <a href=\"\/cs\/book\/\" class=\"btn btn-primary\">Rezervovat nyn\u00ed<\/a>\n        <a href=\"https:\/\/booking.stayritmo.com\/en\/availability\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"btn btn-outline\">Zkontrolovat dostupnost<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== FOOTER ==================== -->\n  <footer class=\"footer\">\n    <div class=\"container\">\n      <div class=\"footer-grid\">\n        <div class=\"footer-brand\">\n          <a href=\"https:\/\/stayritmo.com\/cs\/\" class=\"nav-logo\"><img decoding=\"async\" src=\"https:\/\/stayritmo.com\/wp-content\/uploads\/2025\/08\/Ritmo-Horizontal.webp\" alt=\"Ritmo Cartagena\" loading=\"lazy\"><\/a>\n          <p>Modern\u00ed karibsk\u00e1 o\u00e1za v El Laguito v Cartagen\u011b. V\u00e1\u0161 stylov\u00fd domov daleko od domova na karibsk\u00e9m pob\u0159e\u017e\u00ed Kolumbie.<\/p>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Prozkoumat<\/h5>\n          <ul>\n            <li><a href=\"\/cs\/suite\/\">Apartm\u00e1<\/a><\/li>\n            <li style=\"display:none\"><a href=\"\/cs\/things-to-do\/\">Co d\u011blat<\/a><\/li>\n            <li><a href=\"\/cs\/pruvodce-cartagenou\/\">Pr\u016fvodce Cartagenou<\/a><\/li>\n            <li><a href=\"\/cs\/reviews\/\">Recenze host\u016f<\/a><\/li>\n            <li><a href=\"\/cs\/blogu\/\">Blog<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Informace<\/h5>\n          <ul>\n            <li><a href=\"\/cs\/about\/\">O n\u00e1s<\/a><\/li>\n            <li><a href=\"\/cs\/nejcastejsi-dotazy\/\">\u010casto kladen\u00e9 ot\u00e1zky<\/a><\/li>\n            <li><a href=\"\/cs\/contact\/\">Kontakt<\/a><\/li>\n            <li><a href=\"\/cs\/partneri\/\">Sta\u0148te se partnerem<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Rezervovat<\/h5>\n          <ul>\n            <li><a href=\"\/cs\/book\/\">Rezervujte p\u0159\u00edmo<\/a><\/li>\n            <li><a href=\"https:\/\/airbnb.com\/h\/ritmo\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Airbnb<\/a><\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      <div class=\"footer-bottom\">\n        <p>\u00a9 <script>document.write(new Date().getFullYear())<\/script> Ritmo Cartagena<\/p>\n        <div class=\"footer-social\">\n          <a href=\"https:\/\/www.instagram.com\/ritmocartagena\/\" aria-label=\"Instagram\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg>\n          <\/a>\n          <a href=\"https:\/\/www.facebook.com\/ritmocartagena\/\" aria-label=\"Facebook\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg>\n          <\/a>\n          <a href=\"https:\/\/x.com\/ritmo_cartagena\" aria-label=\"X\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n            <svg viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\n          <\/a>\n        <\/div>\n        <div class=\"footer-legal\">\n          <a href=\"\/cs\/terms\/\">Podm\u00ednky slu\u017eby<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/cs\/privacy\/\">Z\u00e1sady ochrany osobn\u00edch \u00fadaj\u016f<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/cs\/zasady-pouzivani-souboru-cookie\/\">Z\u00e1sady pou\u017e\u00edv\u00e1n\u00ed soubor\u016f cookie<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/cs\/prijatelne-pouziti\/\">P\u0159ijateln\u00e9 pou\u017eit\u00ed<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/cs\/storno-podminky\/\">Storno podm\u00ednky<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/footer>\n\n  <!-- ==================== SCRIPTS ==================== -->\n  <script>\n    \/\/ Navbar scroll effect\n    const navbar = document.getElementById('navbar');\n    window.addEventListener('scroll', () => {\n      navbar.classList.toggle('scrolled', window.scrollY > 60);\n    });\n\n    \/\/ Start scrolled since this page has a shorter hero\n    if (window.scrollY > 60) {\n      navbar.classList.add('scrolled');\n    }\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.classList.add('revealed');\n        }\n      });\n    }, { threshold: 0.1 });\n\n    document.querySelectorAll('.reveal').forEach(el => {\n      observer.observe(el);\n    });\n\n  <\/script>","protected":false},"excerpt":{"rendered":"<p>The Suite Things to Do Cartagena Reviews About Contact Book Now Who We Are About Ritmo Cartagena The story behind your modern Caribbean oasis, and the people who make every stay unforgettable. Our Story Where Modern Design Meets Caribbean Soul Ritmo Cartagena was born from a simple belief: that travelers deserve more than just a [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"ritmo-canvas","meta":{"footnotes":""},"class_list":["post-4259","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stayritmo.com\/cs\/wp-json\/wp\/v2\/pages\/4259","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stayritmo.com\/cs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stayritmo.com\/cs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stayritmo.com\/cs\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/stayritmo.com\/cs\/wp-json\/wp\/v2\/comments?post=4259"}],"version-history":[{"count":10,"href":"https:\/\/stayritmo.com\/cs\/wp-json\/wp\/v2\/pages\/4259\/revisions"}],"predecessor-version":[{"id":4769,"href":"https:\/\/stayritmo.com\/cs\/wp-json\/wp\/v2\/pages\/4259\/revisions\/4769"}],"wp:attachment":[{"href":"https:\/\/stayritmo.com\/cs\/wp-json\/wp\/v2\/media?parent=4259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}