{"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":"sobre-el-ritmo","status":"publish","type":"page","link":"https:\/\/stayritmo.com\/es\/about-ritmo\/","title":{"rendered":"Acerca de Ritmo"},"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\/es\/\" class=\"nav-logo\"><img decoding=\"async\" src=\"https:\/\/stayritmo.com\/wp-content\/uploads\/2025\/08\/Ritmo-Horizontal.webp\" alt=\"Ritmo Cartagena\" loading=\"lazy\"><\/a>\n      <ul class=\"nav-links\" id=\"navLinks\">\n        <li><a href=\"\/es\/suite\/\">La Suite<\/a><\/li>\n        <li style=\"display:none\"><a href=\"\/es\/things-to-do\/\">Cosas que hacer<\/a><\/li>\n        <li><a href=\"\/es\/guia-de-cartagena\/\">Cartagena<\/a><\/li>\n        <li><a href=\"\/es\/reviews\/\">Rese\u00f1as<\/a><\/li>\n        <li><a href=\"\/es\/about\/\" class=\"active\">Acerca de<\/a><\/li>\n        <li><a href=\"\/es\/contact\/\">Contacto<\/a><\/li>\n        <li><a href=\"\/es\/book\/\" class=\"nav-cta\">Reservar ahora<\/a><\/li>\n      <\/ul>\n      <button class=\"nav-toggle\" id=\"navToggle\" aria-label=\"Cambiar navegaci\u00f3n\">\n        <span><\/span><span><\/span><span><\/span>\n      <\/button>\n    <\/div>\n  <\/nav>\n\n  <!-- ==================== PAGE HERO ==================== -->\n  <section class=\"page-hero\">\n    <div class=\"page-hero-bg\" role=\"img\" aria-label=\"Arquitectura colonial de Cartagena y costa caribe\u00f1a\"><\/div>\n    <div class=\"page-hero-content\">\n      <p class=\"eyebrow\">Quienes somos<\/p>\n      <h1>Acerca de Ritmo Cartagena<\/h1>\n      <div class=\"divider-gold divider-gold-center\"><\/div>\n      <p>La historia detr\u00e1s de su moderno oasis caribe\u00f1o y las personas que hacen que cada estad\u00eda sea inolvidable.<\/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=\"Interior de la suite Ritmo Cartagena\">\n          <\/div>\n          <div class=\"story-image-accent\"><\/div>\n        <\/div>\n        <div class=\"story-text\">\n          <p class=\"eyebrow\">Nuestra historia<\/p>\n          <h2>Donde el dise\u00f1o moderno se fusiona con el alma caribe\u00f1a<\/h2>\n          <div class=\"divider-gold\"><\/div>\n          <p>Ritmo Cartagena naci\u00f3 de una simple convicci\u00f3n: los viajeros merecen m\u00e1s que un simple lugar para dormir. Merecen un espacio que los haga sentir como una aut\u00e9ntica escapada caribe\u00f1a, cuidadosamente dise\u00f1ado, cuidadosamente seleccionado e impregnado de la calidez y la energ\u00eda de Cartagena.<\/p>\n          <p>Glenn se enamor\u00f3 de Cartagena hace a\u00f1os: sus calles empedradas, el ritmo de la cumbia que se deslizaba por el aire, la forma en que la luz caribe\u00f1a transformaba todo lo que tocaba. Tras mudarse de Estados Unidos a Colombia y casarse con Gloria, juntos encontraron su espacio en El Laguito y supieron que ten\u00edan que crear algo especial. Un oasis moderno que honra el esp\u00edritu vibrante de esta ciudad, ofreciendo a la vez la comodidad y el estilo que esperan los viajeros m\u00e1s exigentes.<\/p>\n          <blockquote>\n            \u201cQuer\u00edamos combinar lo mejor del dise\u00f1o moderno con la calidez irremplazable de la hospitalidad caribe\u00f1a\u201d.\u201d\n          <\/blockquote>\n          <p>En Ritmo, cada detalle ha sido cuidadosamente pensado, desde la cama king ajustable y las obras de arte seleccionadas hasta la experiencia de registro impecable y las recomendaciones personales de lugares escondidos por la ciudad. Este no es solo un alquiler vacacional. Es una puerta de entrada para vivir Cartagena como debe ser.<\/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\">Sus anfitriones<\/p>\n        <h2>Conozca al equipo detr\u00e1s de Ritmo<\/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;\">Nos apasiona Cartagena y nos comprometemos a que su estancia sea extraordinaria. Desde consejos locales hasta un servicio impecable, estamos aqu\u00ed para acompa\u00f1arle en cada paso del camino.<\/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\">Coanfitri\u00f3n y operaciones<\/div>\n          <p class=\"host-bio\">Originario de Estados Unidos, Glenn se mud\u00f3 a Colombia tras enamorarse del pa\u00eds, su cultura y su gente. Aporta su pasi\u00f3n por la hospitalidad y atenci\u00f3n al detalle a todo en Ritmo, desde el impecable proceso de registro hasta las recomendaciones cuidadosamente seleccionadas de los hu\u00e9spedes. Su objetivo es simple: que cada estancia sea sencilla.<\/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=\"Gloria\" loading=\"lazy\">\n          <\/div>\n          <div class=\"host-name\">Gloria<\/div>\n          <div class=\"host-role\">Coanfitri\u00f3n y experto local<\/div>\n          <p class=\"host-bio\">Nacida y criada en Colombia, Gloria es el alma de la calidez caribe\u00f1a de Ritmo. Conoce Cartagena al dedillo, desde los mejores restaurantes locales hasta los patios escondidos que la mayor\u00eda de los visitantes nunca encuentran. Su profunda conexi\u00f3n con la ciudad garantiza que cada hu\u00e9sped experimente el aut\u00e9ntico ritmo de Cartagena, no solo los atractivos tur\u00edsticos.<\/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\">Lo que nos impulsa<\/p>\n        <h2>Nuestros valores<\/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>Hospitalidad excepcional<\/h4>\n          <p>Creemos que un buen alojamiento es personal, no transaccional. Desde su primera consulta hasta su \u00faltima ma\u00f1ana, tratamos a cada hu\u00e9sped como si fuera de la familia: con atenci\u00f3n genuina, respuestas r\u00e1pidas y detalles considerados que convierten una buena estancia en una inolvidable.<\/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>Experiencia local<\/h4>\n          <p>Cartagena es mucho m\u00e1s que playas y murallas hist\u00f3ricas. Compartimos nuestros restaurantes locales favoritos, organizamos tours personalizados y ofrecemos consejos de expertos para que experimentes el aut\u00e9ntico ritmo de esta incre\u00edble ciudad. Lugares y momentos que no encontrar\u00e1s en una gu\u00eda tur\u00edstica.<\/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>Comodidad moderna<\/h4>\n          <p>Hemos cuidado hasta el \u00faltimo detalle para crear un espacio lujoso y a la vez sencillo. Ropa de cama de primera calidad, una cocineta completamente equipada, wifi de alta velocidad y una piscina en la azotea. Todo lo que necesitas para sentirte como en casa en el Caribe.<\/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\">En n\u00fameros<\/p>\n        <h2>Por qu\u00e9 los hu\u00e9spedes nos aman<\/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\">Calificaci\u00f3n promedio<\/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\">Rese\u00f1as verificadas<\/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 minutos<\/div>\n          <div class=\"stat-label\">Tiempo de respuesta<\/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\">Hu\u00e9spedes felices<\/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=\"Atardecer en Cartagena sobre el Caribe\"><\/div>\n    <div class=\"container\">\n      <p class=\"eyebrow\" style=\"color:var(--color-cta-light);\">\u00bfListo para experimentar Ritmo?<\/p>\n      <h2>Tu escapada al Caribe te espera<\/h2>\n      <p>Reserve directamente para disfrutar de una experiencia personalizada, anfitriones atentos y una experiencia elaborada con cuidado desde el momento de su llegada.<\/p>\n      <div class=\"cta-actions\">\n        <a href=\"\/es\/book\/\" class=\"btn btn-primary\">Reservar ahora<\/a>\n        <a href=\"https:\/\/booking.stayritmo.com\/en\/availability\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"btn btn-outline\">Consultar disponibilidad<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== FOOTER ==================== -->\n  <footer class=\"footer\">\n    <div class=\"container\">\n      <div class=\"footer-grid\">\n        <div class=\"footer-brand\">\n          <a href=\"https:\/\/stayritmo.com\/es\/\" class=\"nav-logo\"><img decoding=\"async\" src=\"https:\/\/stayritmo.com\/wp-content\/uploads\/2025\/08\/Ritmo-Horizontal.webp\" alt=\"Ritmo Cartagena\" loading=\"lazy\"><\/a>\n          <p>Un moderno oasis caribe\u00f1o en El Laguito, Cartagena. Tu elegante segundo hogar en la costa caribe\u00f1a colombiana.<\/p>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Explorar<\/h5>\n          <ul>\n            <li><a href=\"\/es\/suite\/\">La Suite<\/a><\/li>\n            <li style=\"display:none\"><a href=\"\/es\/things-to-do\/\">Cosas que hacer<\/a><\/li>\n            <li><a href=\"\/es\/guia-de-cartagena\/\">Gu\u00eda de Cartagena<\/a><\/li>\n            <li><a href=\"\/es\/reviews\/\">Rese\u00f1as de hu\u00e9spedes<\/a><\/li>\n            <li><a href=\"\/es\/blog\/\">Blog<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Informaci\u00f3n<\/h5>\n          <ul>\n            <li><a href=\"\/es\/about\/\">Sobre nosotros<\/a><\/li>\n            <li><a href=\"\/es\/preguntas-frecuentes\/\">Preguntas frecuentes<\/a><\/li>\n            <li><a href=\"\/es\/contact\/\">Contacto<\/a><\/li>\n            <li><a href=\"\/es\/fogonadura\/\">Convi\u00e9rtete en socio<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Libro<\/h5>\n          <ul>\n            <li><a href=\"\/es\/book\/\">Reserva directa<\/a><\/li>\n            <li><a href=\"https:\/\/airbnb.com\/h\/ritmo\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Airbnb<\/a><\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      <div class=\"footer-bottom\">\n        <p>\u00a9 <script>document.write(new Date().getFullYear())<\/script> Ritmo Cartagena<\/p>\n        <div class=\"footer-social\">\n          <a href=\"https:\/\/www.instagram.com\/ritmocartagena\/\" aria-label=\"Instagram\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg>\n          <\/a>\n          <a href=\"https:\/\/www.facebook.com\/ritmocartagena\/\" aria-label=\"Facebook\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg>\n          <\/a>\n          <a href=\"https:\/\/x.com\/ritmo_cartagena\" aria-label=\"X\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n            <svg viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\n          <\/a>\n        <\/div>\n        <div class=\"footer-legal\">\n          <a href=\"\/es\/terms\/\">Condiciones de servicio<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/es\/privacy\/\">pol\u00edtica de privacidad<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/es\/politica-de-cookies\/\">Pol\u00edtica de cookies<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/es\/uso-aceptable\/\">Uso aceptable<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/es\/politica-de-cancelacion\/\">Pol\u00edtica de cancelaci\u00f3n<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/footer>\n\n  <!-- ==================== SCRIPTS ==================== -->\n  <script>\n    \/\/ Navbar scroll effect\n    const navbar = document.getElementById('navbar');\n    window.addEventListener('scroll', () => {\n      navbar.classList.toggle('scrolled', window.scrollY > 60);\n    });\n\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\/es\/wp-json\/wp\/v2\/pages\/4259","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stayritmo.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stayritmo.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stayritmo.com\/es\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/stayritmo.com\/es\/wp-json\/wp\/v2\/comments?post=4259"}],"version-history":[{"count":10,"href":"https:\/\/stayritmo.com\/es\/wp-json\/wp\/v2\/pages\/4259\/revisions"}],"predecessor-version":[{"id":4769,"href":"https:\/\/stayritmo.com\/es\/wp-json\/wp\/v2\/pages\/4259\/revisions\/4769"}],"wp:attachment":[{"href":"https:\/\/stayritmo.com\/es\/wp-json\/wp\/v2\/media?parent=4259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}