{"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\/hr\/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\/hr\/\" 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=\"\/hr\/suite\/\">Apartman<\/a><\/li>\n        <li style=\"display:none\"><a href=\"\/hr\/things-to-do\/\">Stvari koje treba raditi<\/a><\/li>\n        <li><a href=\"\/hr\/vodic-za-cartagenu\/\">Cartagena<\/a><\/li>\n        <li><a href=\"\/hr\/reviews\/\">Recenzije<\/a><\/li>\n        <li><a href=\"\/hr\/about\/\" class=\"active\">Oko<\/a><\/li>\n        <li><a href=\"\/hr\/contact\/\">Kontakt<\/a><\/li>\n        <li><a href=\"\/hr\/book\/\" class=\"nav-cta\">Rezerviraj odmah<\/a><\/li>\n      <\/ul>\n      <button class=\"nav-toggle\" id=\"navToggle\" aria-label=\"Uklju\u010di\/isklju\u010di navigaciju\">\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=\"Kolonijalna arhitektura Cartagene i karipska obala\"><\/div>\n    <div class=\"page-hero-content\">\n      <p class=\"eyebrow\">Tko smo mi<\/p>\n      <h1>O Ritmu Cartagena<\/h1>\n      <div class=\"divider-gold divider-gold-center\"><\/div>\n      <p>Pri\u010da koja stoji iza va\u0161e moderne karipske oaze i ljudi koji svaki boravak \u010dine nezaboravnim.<\/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=\"Interijer apartmana Ritmo Cartagena\">\n          <\/div>\n          <div class=\"story-image-accent\"><\/div>\n        <\/div>\n        <div class=\"story-text\">\n          <p class=\"eyebrow\">Na\u0161a pri\u010da<\/p>\n          <h2>Gdje se moderni dizajn susre\u0107e s karipskom du\u0161om<\/h2>\n          <div class=\"divider-gold\"><\/div>\n          <p>Ritmo Cartagena nastao je iz jednostavnog uvjerenja: da putnici zaslu\u017euju vi\u0161e od mjesta za spavanje. Zaslu\u017euju prostor koji se osje\u0107a kao pravi karipski bijeg, pa\u017eljivo dizajniran, lijepo ure\u0111en i pro\u017eet toplinom i energijom Cartagene.<\/p>\n          <p>Glenn se zaljubio u Cartagenu prije mnogo godina: poplo\u010dane ulice, ritam cumbije koja lebdi zrakom, na\u010din na koji karipska svjetlost transformira sve \u0161to dotakne. Nakon \u0161to su se preselili iz Sjedinjenih Dr\u017eava u Kolumbiju i o\u017eenili Glorijom, zajedno su prona\u0161li svoj prostor u El Laguitu i znali su da moraju stvoriti ne\u0161to posebno. Modernu oazu koja odaje po\u010dast \u017eivopisnom duhu ovog grada, a istovremeno nudi udobnost i stil koji o\u010dekuju zahtjevni putnici.<\/p>\n          <blockquote>\n            \u201c\u017deljeli smo spojiti najbolje od modernog dizajna s nezamjenjivom toplinom karipskog gostoprimstva.\u201d\n          <\/blockquote>\n          <p>Svaki detalj u Ritmu pa\u017eljivo je razmotren, od podesivog king size kreveta i odabranih umjetni\u010dkih djela do besprijekornog iskustva prijave i osobnih preporuka za skrivene dragulje grada. Ovo nije samo najam za odmor. To je ulaz u do\u017eivljaj Cartagene onako kako je zami\u0161ljena.<\/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 doma\u0107ini<\/p>\n        <h2>Upoznajte tim koji stoji iza Ritma<\/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;\">Strastveni smo prema Cartageni i predani smo tome da va\u0161 boravak u\u010dinimo izvanrednim. Od lokalnih savjeta do besprijekorne usluge, tu smo za vas u svakom koraku.<\/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\">Suorganizator i operacije<\/div>\n          <p class=\"host-bio\">Glenn, izvorno iz Sjedinjenih Dr\u017eava, preselio se u Kolumbiju nakon \u0161to se zaljubio u zemlju, njezinu kulturu i ljude. U Ritmu unosi strast prema gostoprimstvu i oko za detalje u sve, od besprijekornog postupka prijave do pa\u017eljivo odabranih preporuka gostiju. Njegov je cilj jednostavan: u\u010diniti svaki boravak bez napora.<\/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=\"Glorija\" loading=\"lazy\">\n          <\/div>\n          <div class=\"host-name\">Glorija<\/div>\n          <div class=\"host-role\">Suvoditelj i lokalni stru\u010dnjak<\/div>\n          <p class=\"host-bio\">Ro\u0111ena i odrasla u Kolumbiji, Gloria je srce i du\u0161a Ritmove karipske topline. Poznaje Cartagenu iznutra i izvana, od najboljih lokalnih restorana do skrivenih dvori\u0161ta koja ve\u0107ina posjetitelja nikada ne prona\u0111e. Njena duboka povezanost s gradom osigurava da svaki gost do\u017eivi autenti\u010dni ritam Cartagene, a ne samo turisti\u010dke atrakcije.<\/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\">\u0160to nas pokre\u0107e<\/p>\n        <h2>Na\u0161e vrijednosti<\/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>Iznimno gostoprimstvo<\/h4>\n          <p>Vjerujemo da je izvrstan ugo\u0111aj osoban, a ne transakcijski. Od va\u0161eg prvog upita do va\u0161eg posljednjeg jutra, prema svakom gostu se odnosimo kao prema obitelji: s istinskom pa\u017enjom, brzim odgovorima i promi\u0161ljenim detaljima koji dobar boravak pretvaraju u nezaboravan.<\/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>Lokalna stru\u010dnost<\/h4>\n          <p>Cartagena je vi\u0161e od pla\u017ea i povijesnih zidina. Dijelimo s vama na\u0161e omiljene lokalne restorane, organiziramo odabrane ture i nudimo vam savjete kako biste do\u017eivjeli autenti\u010dni ritam ovog nevjerojatnog grada. Mjesta i trenutke koje ne\u0107ete prona\u0107i u vodi\u010du.<\/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>Moderna udobnost<\/h4>\n          <p>Nismo \u0161tedjeli na detaljima kako bismo stvorili prostor koji se osje\u0107a luksuzno, a opet jednostavno. Vrhunska posteljina, potpuno opremljena \u010dajna kuhinja, brzi Wi-Fi i bazen na krovu. Sve \u0161to vam je potrebno da se osje\u0107ate savr\u0161eno kao kod ku\u0107e na Karibima.<\/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\">Po brojkama<\/p>\n        <h2>Za\u0161to nas gosti vole<\/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\">Prosje\u010dna ocjena<\/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\">Potvr\u0111ene recenzije<\/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 minute<\/div>\n          <div class=\"stat-label\">Vrijeme odziva<\/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\">Sretni gosti<\/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=\"Zalazak sunca u Cartageni nad Karibima\"><\/div>\n    <div class=\"container\">\n      <p class=\"eyebrow\" style=\"color:var(--color-cta-light);\">Spremni za iskustvo Ritma?<\/p>\n      <h2>Va\u0161 karipski bijeg \u010deka vas<\/h2>\n      <p>Rezervirajte izravno za osobno iskustvo, pa\u017eljive doma\u0107ine i iskustvo osmi\u0161ljeno s pa\u017enjom od trenutka va\u0161eg dolaska.<\/p>\n      <div class=\"cta-actions\">\n        <a href=\"\/hr\/book\/\" class=\"btn btn-primary\">Rezerviraj odmah<\/a>\n        <a href=\"https:\/\/booking.stayritmo.com\/en\/availability\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"btn btn-outline\">Provjeri 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\/hr\/\" 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>Moderna karipska oaza u El Laguitu, Cartagena. Va\u0161 elegantni dom daleko od doma na kolumbijskoj karipskoj obali.<\/p>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Istra\u017eiti<\/h5>\n          <ul>\n            <li><a href=\"\/hr\/suite\/\">Apartman<\/a><\/li>\n            <li style=\"display:none\"><a href=\"\/hr\/things-to-do\/\">Stvari koje treba raditi<\/a><\/li>\n            <li><a href=\"\/hr\/vodic-za-cartagenu\/\">Vodi\u010d za Cartagenu<\/a><\/li>\n            <li><a href=\"\/hr\/reviews\/\">Recenzije gostiju<\/a><\/li>\n            <li><a href=\"\/hr\/blog\/\">Blog<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Informacije<\/h5>\n          <ul>\n            <li><a href=\"\/hr\/about\/\">O nama<\/a><\/li>\n            <li><a href=\"\/hr\/cesto-postavljana-pitanja\/\">\u010cesto postavljana pitanja<\/a><\/li>\n            <li><a href=\"\/hr\/contact\/\">Kontakt<\/a><\/li>\n            <li><a href=\"\/hr\/partneri\/\">Postanite partner<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Rezervirati<\/h5>\n          <ul>\n            <li><a href=\"\/hr\/book\/\">Rezerviraj izravno<\/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=\"\/hr\/terms\/\">Uvjeti pru\u017eanja usluge<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/hr\/privacy\/\">Pravila o privatnosti<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/hr\/pravila-o-kolacicima\/\">Pravila o kola\u010di\u0107ima<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/hr\/prihvatljiva-upotreba\/\">Prihvatljiva upotreba<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/hr\/pravila-otkazivanja\/\">Pravila otkazivanja<\/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\/hr\/wp-json\/wp\/v2\/pages\/4259","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stayritmo.com\/hr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stayritmo.com\/hr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stayritmo.com\/hr\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/stayritmo.com\/hr\/wp-json\/wp\/v2\/comments?post=4259"}],"version-history":[{"count":10,"href":"https:\/\/stayritmo.com\/hr\/wp-json\/wp\/v2\/pages\/4259\/revisions"}],"predecessor-version":[{"id":4769,"href":"https:\/\/stayritmo.com\/hr\/wp-json\/wp\/v2\/pages\/4259\/revisions\/4769"}],"wp:attachment":[{"href":"https:\/\/stayritmo.com\/hr\/wp-json\/wp\/v2\/media?parent=4259"}],"curies":[{"name":"radni list","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}