{"id":4349,"date":"2026-03-05T19:23:41","date_gmt":"2026-03-06T00:23:41","guid":{"rendered":"https:\/\/stayritmo.com\/?page_id=4349"},"modified":"2026-03-10T14:53:17","modified_gmt":"2026-03-10T19:53:17","slug":"contactanos","status":"publish","type":"page","link":"https:\/\/stayritmo.com\/es\/contact-us\/","title":{"rendered":"Cont\u00e1ctenos"},"content":{"rendered":"\n<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       CONTACT 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\/Ritmo-Balcony.jpg')\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    \/* --- Contact Section --- *\/\n    .contact-section {\n      background: var(--color-bg);\n    }\n\n    .contact-grid {\n      display: grid;\n      grid-template-columns: 1.2fr 0.8fr;\n      gap: var(--space-3xl);\n      align-items: start;\n    }\n\n    @media (max-width: 768px) {\n      .contact-grid { grid-template-columns: 1fr; }\n    }\n\n    \/* --- Contact Form --- *\/\n    .contact-form-wrapper {\n      background: var(--color-white);\n      border-radius: var(--border-radius-lg);\n      padding: var(--space-2xl);\n      box-shadow: var(--shadow-md);\n      border: 1px solid var(--color-border-light);\n    }\n\n    .contact-form-wrapper h3 {\n      margin-bottom: var(--space-xs);\n    }\n\n    .contact-form-wrapper > p {\n      color: var(--color-text-muted);\n      font-size: var(--text-sm);\n      margin-bottom: var(--space-xl);\n    }\n\n    .form-row {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: var(--space-md);\n    }\n\n    @media (max-width: 480px) {\n      .form-row { grid-template-columns: 1fr; }\n    }\n\n    .form-group {\n      margin-bottom: var(--space-lg);\n    }\n\n    .form-group label {\n      display: block;\n      font-size: var(--text-sm);\n      font-weight: var(--weight-semibold);\n      color: var(--color-text);\n      margin-bottom: var(--space-xs);\n    }\n\n    .form-group label .optional {\n      font-weight: var(--weight-normal);\n      color: var(--color-text-light);\n      font-size: var(--text-xs);\n    }\n\n    .form-group input,\n    .form-group select,\n    .form-group textarea {\n      width: 100%;\n      padding: 0.75rem 1rem;\n      font-family: var(--font-body);\n      font-size: var(--text-base);\n      color: var(--color-text);\n      background: var(--color-bg);\n      border: 1px solid var(--color-border);\n      border-radius: var(--border-radius);\n      transition: all var(--transition-fast);\n      outline: none;\n    }\n\n    .form-group input:focus,\n    .form-group select:focus,\n    .form-group textarea:focus {\n      border-color: var(--color-secondary);\n      box-shadow: 0 0 0 3px rgba(44, 24, 16, 0.1);\n      background: var(--color-white);\n    }\n\n    .form-group input::placeholder,\n    .form-group textarea::placeholder {\n      color: var(--color-text-light);\n    }\n\n    .form-group select {\n      appearance: none;\n      -webkit-appearance: none;\n      background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'\/%3E%3C\/svg%3E\");\n      background-repeat: no-repeat;\n      background-position: right 1rem center;\n      padding-right: 2.5rem;\n      cursor: pointer;\n    }\n\n    .form-group textarea {\n      min-height: 140px;\n      resize: vertical;\n      line-height: var(--leading-normal);\n    }\n\n    .form-submit {\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 2.5rem;\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      background: var(--color-cta);\n      color: var(--color-white);\n      border-color: var(--color-cta);\n      width: 100%;\n    }\n\n    .form-submit:hover {\n      background: var(--color-cta-hover);\n      border-color: var(--color-cta-hover);\n      box-shadow: var(--shadow-gold);\n    }\n\n    .form-submit svg {\n      width: 18px;\n      height: 18px;\n    }\n\n    \/* --- Contact Info Sidebar --- *\/\n    .contact-info {\n      display: flex;\n      flex-direction: column;\n      gap: var(--space-lg);\n    }\n\n    .contact-info-card {\n      background: var(--color-white);\n      border-radius: var(--border-radius-lg);\n      padding: var(--space-xl);\n      box-shadow: var(--shadow-sm);\n      border: 1px solid var(--color-border-light);\n      display: flex;\n      align-items: flex-start;\n      gap: var(--space-md);\n      transition: all var(--transition-base);\n    }\n\n    .contact-info-card:hover {\n      box-shadow: var(--shadow-lg);\n      transform: translateY(-2px);\n    }\n\n    .contact-info-card a {\n      text-decoration: none;\n      color: inherit;\n    }\n\n    .contact-info-icon {\n      width: 48px;\n      height: 48px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(135deg, #2C1810, #4A3228);\n      border-radius: var(--border-radius);\n      color: var(--color-cta);\n      flex-shrink: 0;\n    }\n\n    .contact-info-icon svg {\n      width: 22px;\n      height: 22px;\n    }\n\n    .contact-info-icon.whatsapp-icon {\n      background: #25D366;\n    }\n\n    .contact-info-text h5 {\n      font-family: var(--font-body);\n      font-size: var(--text-sm);\n      font-weight: var(--weight-semibold);\n      color: var(--color-text);\n      margin-bottom: 2px;\n    }\n\n    .contact-info-text p {\n      font-size: var(--text-sm);\n      color: var(--color-text-muted);\n      margin: 0;\n      line-height: var(--leading-normal);\n    }\n\n    .contact-info-text a {\n      color: var(--color-cta);\n      font-weight: var(--weight-semibold);\n      text-decoration: none;\n      transition: color var(--transition-fast);\n    }\n\n    .contact-info-text a:hover {\n      color: var(--color-cta-hover);\n    }\n\n    .response-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--space-xs);\n      background: rgba(37, 211, 102, 0.1);\n      color: #16a34a;\n      font-size: var(--text-xs);\n      font-weight: var(--weight-semibold);\n      padding: 0.25rem 0.75rem;\n      border-radius: 100px;\n      margin-top: var(--space-xs);\n    }\n\n    .response-badge svg {\n      width: 12px;\n      height: 12px;\n    }\n\n    \/* --- Map Section --- *\/\n    .map-section {\n      background: var(--color-sand-light);\n    }\n\n    .map-header {\n      text-align: center;\n      margin-bottom: var(--space-2xl);\n    }\n\n    .map-container {\n      border-radius: var(--border-radius-lg);\n      overflow: hidden;\n      aspect-ratio: 21\/9;\n      background: var(--color-border);\n      box-shadow: var(--shadow-md);\n    }\n\n    .map-container iframe {\n      width: 100%;\n      height: 100%;\n      border: 0;\n    }\n\n    @media (max-width: 768px) {\n      .map-container { aspect-ratio: 16\/10; }\n    }\n\n    \/* --- FAQ Preview --- *\/\n    .faq-preview {\n      background: var(--color-bg);\n    }\n\n    .faq-header {\n      text-align: center;\n      margin-bottom: var(--space-2xl);\n    }\n\n    .faq-list {\n      max-width: var(--max-width-narrow);\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      gap: var(--space-md);\n    }\n\n    .faq-item {\n      background: var(--color-white);\n      border-radius: var(--border-radius-lg);\n      overflow: hidden;\n      box-shadow: var(--shadow-sm);\n      border: 1px solid var(--color-border-light);\n      transition: all var(--transition-base);\n    }\n\n    .faq-item:hover {\n      box-shadow: var(--shadow-md);\n    }\n\n    .faq-question {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: var(--space-md);\n      padding: var(--space-lg) var(--space-xl);\n      cursor: pointer;\n      background: none;\n      border: none;\n      width: 100%;\n      text-align: left;\n      font-family: var(--font-body);\n      font-size: var(--text-base);\n      font-weight: var(--weight-semibold);\n      color: var(--color-primary);\n      transition: color var(--transition-fast);\n    }\n\n    .faq-question:hover {\n      color: var(--color-cta);\n    }\n\n    .faq-question svg {\n      width: 20px;\n      height: 20px;\n      flex-shrink: 0;\n      color: var(--color-cta);\n      transition: transform var(--transition-base);\n    }\n\n    .faq-item.open .faq-question svg {\n      transform: rotate(180deg);\n    }\n\n    .faq-answer {\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height 0.4s ease, padding 0.4s ease;\n    }\n\n    .faq-item.open .faq-answer {\n      max-height: 300px;\n    }\n\n    .faq-answer-inner {\n      padding: 0 var(--space-xl) var(--space-lg);\n      font-size: var(--text-sm);\n      color: var(--color-text-muted);\n      line-height: var(--leading-relaxed);\n    }\n\n    .faq-cta {\n      text-align: center;\n      margin-top: var(--space-2xl);\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    \/* --- 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    \/* --- BitForms CSS Revert ---\n       Undo design-system.css global resets inside BitForms\n       so the form renders with its own default styling. *\/\n\n    :where([id^=\"bitforms_\"]) *,\n    :where([id^=\"bitforms_\"]) *::before,\n    :where([id^=\"bitforms_\"]) *::after {\n      margin: revert;\n      padding: revert;\n      box-sizing: revert;\n    }\n\n    :where([id^=\"bitforms_\"]) h1,\n    :where([id^=\"bitforms_\"]) h2,\n    :where([id^=\"bitforms_\"]) h3,\n    :where([id^=\"bitforms_\"]) h4,\n    :where([id^=\"bitforms_\"]) h5,\n    :where([id^=\"bitforms_\"]) h6 {\n      font-family: revert;\n      font-weight: revert;\n      line-height: revert;\n      color: revert;\n      font-size: revert;\n      letter-spacing: revert;\n    }\n\n    :where([id^=\"bitforms_\"]) p {\n      margin-bottom: revert;\n      max-width: revert;\n    }\n\n    :where([id^=\"bitforms_\"]) input,\n    :where([id^=\"bitforms_\"]) select,\n    :where([id^=\"bitforms_\"]) textarea,\n    :where([id^=\"bitforms_\"]) button,\n    :where([id^=\"bitforms_\"]) label,\n    :where([id^=\"bitforms_\"]) fieldset,\n    :where([id^=\"bitforms_\"]) legend,\n    :where([id^=\"bitforms_\"]) option {\n      font-family: revert;\n      font-size: revert;\n      font-weight: revert;\n      line-height: revert;\n      color: revert;\n      background: revert;\n      border: revert;\n      border-radius: revert;\n      appearance: revert;\n      -webkit-appearance: revert;\n    }\n\n    :where([id^=\"bitforms_\"]) :focus-visible {\n      outline: revert;\n      outline-offset: revert;\n    }\n\n    :where([id^=\"bitforms_\"]) ::selection {\n      background: revert;\n      color: revert;\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\/\" 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=\"\/suite\/\">The Suite<\/a><\/li>\n        <li style=\"display:none\"><a href=\"\/things-to-do\/\">Things to Do<\/a><\/li>\n        <li><a href=\"\/cartagena-guide\/\">Cartagena<\/a><\/li>\n        <li><a href=\"\/reviews\/\">Reviews<\/a><\/li>\n        <li><a href=\"\/about\/\">About<\/a><\/li>\n        <li><a href=\"\/contact\/\" class=\"active\">Contact<\/a><\/li>\n        <li><a href=\"\/book\/\" class=\"nav-cta\">Book Now<\/a><\/li>\n      <\/ul>\n      <button class=\"nav-toggle\" id=\"navToggle\" aria-label=\"Toggle navigation\">\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=\"Cartagena Caribbean coastline at sunset\"><\/div>\n    <div class=\"page-hero-content\">\n      <p class=\"eyebrow\">We Are Here to Help<\/p>\n      <h1>Get in Touch<\/h1>\n      <div class=\"divider-gold divider-gold-center\"><\/div>\n      <p>Have a question about your stay, a booking inquiry, or just want to say hello? We would love to hear from you.<\/p>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== CONTACT FORM + INFO ==================== -->\n  <section class=\"contact-section section\">\n    <div class=\"container\">\n      <div class=\"contact-grid\">\n\n        <!-- LEFT: Contact Form -->\n        <div class=\"contact-form-wrapper reveal\">\n          <h3>Send Us a Message<\/h3>\n          <p>Fill out the form below and we will get back to you as soon as possible.<\/p>\n\n          <!-- BitForms Contact Form -->\n\n\n<div id=\"bitforms_2_4349_1\" class=\"b2-bit-form bAo2 bCh2 _frm-bg-b2 bit-form bf-form-wrapper\">\n      \n          <form novalidate id=\"form-bitforms_2_4349_1\" class=\"bAm2 bAn2 _frm-b2 bf-form\" method=\"post\">\n              <input type=\"text\" class=\"d-none\" name=\"csrf\" value=\"VBA8H1cx2rzDN+uFXxXkbj4GvjczBsLPUJZO83t8q44=\">\n              <input type=\"text\" class=\"d-none\" name=\"t_identity\" value=\"Kzv4\/7tvJYqw5GYJEr4TgflYGv9EzkMYz5mDU6HXUrg=\">\n              \n        <input type=\"text\" class=\"d-none\" name=\"b_h_t\" value=\"WDJKcGRHWnZjbTF6WHpKZk1UYzRORE00TVRRd05WOD0=\">\n        <input type=\"text\" class=\"d-none\" name=\"WDJKcGRHWnZjbTF6WHpKZk1UYzRORE00TVRRd05WOD0=\" required>\n      \n              <input type=\"text\" class=\"d-none\" name=\"bitforms_id\" value=\"bitforms_2\">\n                  <div class=\"btcd-fld-itm b2-2 \"><div class=\"bf-text-field bC2 bO2 bS2 bT2 bU2 bV2  b2-2-fld-wrp b2-fld-wrp bf-fld-wrp bf-field-wrapper \">\n        <div class=\"bJ2 bAC2 bAG2  b2-2-lbl-wrp b2-lbl-wrp bf-lbl-wrp bf-label-wrapper \"><label id=\"b2-2-1-lbl\" class=\"bA2 bE2 bJ2 bAC2 bAD2 bAE2 bAF2 bCb2  b2-2-lbl b2-lbl bf-lbl bf-label \" for=\"b2-2-1\">\n          \n          \n          First Name\n          \n          <span class=\"bAH2 bAI2  b2-2-req-smbl b2-req-smbl bf-req-smbl bf-asterisk-symbol \" aria-hidden=\"true\">*<\/span>\n        <\/label><\/div>\n        <div class=\"b2-2-inp-wrp b2-inp-wrp bf-inp-wrp bf-input-wrapper \">\n          <div class=\"bV2 bAB2  b2-2-inp-fld-wrp b2-inp-fld-wrp bf-inp-fld-wrp bf-input-field-wrapper \">\n        <input id=\"b2-2-1\" class=\"bB2 bF2 bG2 bf2 bg2 bh2 bi2 bj2 bk2 bl2 bm2 bn2 bo2 bp2 bq2 br2 bs2 bt2 bu2 bv2 bw2 bx2 by2 bz2 bAA2 bAv2 bCU2 bCV2 bCW2 bCX2 bCY2 bCZ2 bCa2  b2-2-fld b2-fld bf-fld bf-field \" type=\"text\" required aria-required=\"true\" aria-describedby=\"b2-2-err-txt\" placeholder=\"Full name\" autocomplete=\"name\" name=\"text-b2-2\" \/>\n        \n        \n      <\/div>\n      \n          \n          <div class=\"bP2 bQ2 bR2  b2-2-err-wrp b2-err-wrp bf-err-wrp bf-error-wrapper\" role=\"alert\" aria-live=\"assertive\" style=\"opacity: 0 !important;height: 0px !important\">\n        <div class=\"bN2  b2-2-err-inner b2-err-inner bf-err-inner bf-error-inner\">\n          \n          \n          <div id=\"b2-2-err-txt\" class=\"bA2 bE2 bT2 bW2 bX2 bY2 bZ2 ba2 bb2 bc2 bd2 be2  b2-2-err-msg b2-err-msg bf-err-msg bf-error-messages-container  bO2  b2-2-err-txt b2-err-txt bf-err-txt bf-error-text  \" style=\"display: none !important\">\n            \n          <\/div>\n          \n          \n        <\/div>\n      <\/div>\n        <\/div>\n      <\/div><\/div><div class=\"btcd-fld-itm b2-7 \"><div class=\"bf-email-field bC2 bO2 bS2 bT2 bU2 bV2  b2-7-fld-wrp b2-fld-wrp bf-fld-wrp bf-field-wrapper \">\n        <div class=\"bJ2 bAC2 bAG2  b2-7-lbl-wrp b2-lbl-wrp bf-lbl-wrp bf-label-wrapper \"><label id=\"b2-7-1-lbl\" class=\"bA2 bE2 bJ2 bAC2 bAD2 bAE2 bAF2 bCb2  b2-7-lbl b2-lbl bf-lbl bf-label \" for=\"b2-7-1\">\n          \n          \n          Email\n          \n          <span class=\"bAH2 bAI2  b2-7-req-smbl b2-req-smbl bf-req-smbl bf-asterisk-symbol \" aria-hidden=\"true\">*<\/span>\n        <\/label><\/div>\n        <div class=\"b2-7-inp-wrp b2-inp-wrp bf-inp-wrp bf-input-wrapper \">\n          <div class=\"bV2 bAB2  b2-7-inp-fld-wrp b2-inp-fld-wrp bf-inp-fld-wrp bf-input-field-wrapper \">\n        <input id=\"b2-7-1\" class=\"bB2 bF2 bG2 bf2 bg2 bh2 bi2 bj2 bk2 bl2 bm2 bn2 bo2 bp2 bq2 br2 bs2 bt2 bu2 bv2 bw2 bx2 by2 bz2 bAA2 bAJ2 bCU2 bCV2 bCW2 bCX2 bCY2 bCZ2 bCa2 bCc2 bCd2 bCe2  b2-7-fld b2-fld bf-fld bf-field \" type=\"email\" required aria-required=\"true\" aria-describedby=\"b2-7-err-txt\" placeholder=\"you@email.com\" name=\"email-2-7\" \/>\n        \n        \n      <\/div>\n      \n          \n          <div class=\"bP2 bQ2 bR2  b2-7-err-wrp b2-err-wrp bf-err-wrp bf-error-wrapper\" role=\"alert\" aria-live=\"assertive\" style=\"opacity: 0 !important;height: 0px !important\">\n        <div class=\"bN2  b2-7-err-inner b2-err-inner bf-err-inner bf-error-inner\">\n          \n          \n          <div id=\"b2-7-err-txt\" class=\"bA2 bE2 bT2 bW2 bX2 bY2 bZ2 ba2 bb2 bc2 bd2 be2  b2-7-err-msg b2-err-msg bf-err-msg bf-error-messages-container  bO2  b2-7-err-txt b2-err-txt bf-err-txt bf-error-text  \" style=\"display: none !important\">\n            \n          <\/div>\n          \n          \n        <\/div>\n      <\/div>\n        <\/div>\n      <\/div><\/div><div class=\"btcd-fld-itm b2-6 \"><div class=\"bf-phone-number-field bC2 bO2 bS2 bT2 bU2 bV2  b2-6-fld-wrp b2-fld-wrp bf-fld-wrp bf-field-wrapper \">\n        <div class=\"bJ2 bAC2 bAG2  b2-6-lbl-wrp b2-lbl-wrp bf-lbl-wrp bf-label-wrapper \"><label id=\"b2-6-1-lbl\" class=\"bA2 bE2 bJ2 bAC2 bAD2 bAE2 bAF2 bCb2  b2-6-lbl b2-lbl bf-lbl bf-label \" for=\"b2-6-1\">\n          \n          \n          Phone (optional)\n          \n          \n        <\/label><\/div>\n        <div class=\"b2-6-inp-wrp b2-inp-wrp bf-inp-wrp bf-input-wrapper \">\n          <div class=\"bJ2 bV2 bn2 bBb2  b2-6-phone-fld-container b2-phone-fld-container bf-phone-fld-container bf-phone-field-container\">\n        <div class=\"bB2 bE2 bG2 bJ2 bN2 bf2 bg2 bh2 bi2 bAV2 bAc2 bBc2 bBd2 bBe2 bBf2 bBg2 bBh2 bBi2 bBj2 bBk2 bCV2 bCW2 bDB2 bDC2 bDD2 bDE2 bDF2 bDG2 bDH2 bDI2  b2-6-phone-fld-wrp b2-phone-fld-wrp bf-phone-fld-wrp bf-phone-field-wrapper   \">\n          <input name=\"phone-number-2-6\" aria-describedby=\"b2-6-err-txt\" type=\"text\" title=\"Phone-number Hidden Input\" class=\"b2-6-phone-hidden-input b2-phone-hidden-input bf-phone-hidden-input bf-phone-hidden-input d-none\" \/>\n          <div class=\"bE2 bV2 bAd2  b2-6-phone-inner-wrp b2-phone-inner-wrp bf-phone-inner-wrp bf-phone-inner-wrapper\">\n            <div class=\"bA2 bD2 bE2 bI2 bM2 bN2 bV2 bb2 be2 bAF2 bAM2 bAN2 bAy2 bAz2 bCT2 bCk2  b2-6-dpd-wrp b2-dpd-wrp bf-dpd-wrp bf-dpd-wrapper\" role=\"combobox\" aria-haspopup=\"listbox\" aria-live=\"assertive\" aria-labelledby=\"b2-6-1-lbl\" aria-expanded=\"false\" tabindex=\"0\">\n          <div class=\"bA2 bE2 bAd2  b2-6-selected-country-wrp b2-selected-country-wrp bf-selected-country-wrp bf-selected-country-wrapper\">\n          <img decoding=\"async\" alt=\"Selected Country image\" aria-hidden=\"true\" class=\"bAg2 bAh2 bAi2 bBo2 bDL2  b2-6-selected-country-img b2-selected-country-img bf-selected-country-img bf-selected-country-image \" src=\"https:\/\/stayritmo.com\/wp-includes\/images\/blank.gif\" \/>\n        <\/div>\n          <div class=\"bP2 bAK2 bAL2 bAx2  b2-6-dpd-down-btn b2-dpd-down-btn bf-dpd-down-btn bf-dpd-down-button\">\n          <svg width=\"15\" height=\"15\" role=\"img\" title=\"Downarrow icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <polyline points=\"6 9 12 15 18 9\" \/>\n          <\/svg>\n        <\/div>\n        <\/div>\n            <input aria-label=\"Phone Number\" type=\"tel\" class=\"bF2 bG2 bi2 bl2 bm2 bo2 bs2 bAM2 bAT2 bBl2 bCW2 bCX2  b2-6-phone-number-input b2-phone-number-input bf-phone-number-input bf-phone-number-input \" autocomplete=\"tel\" placeholder=\"555-123-4567\" tabindex=\"0\" \/>\n            <button type=\"button\" title=\"Clear value\" class=\"bD2 bAK2 bAO2 bAP2 bAQ2 bAR2 bAS2 bAT2 bAU2 bAV2 bAW2 bAX2 bAY2 bAZ2 bAa2 bAb2 bBA2 bBB2 bCf2 bCg2 bCl2 bCm2  b2-6-input-clear-btn b2-input-clear-btn bf-input-clear-btn bf-input-clear-button \">\n          <svg width=\"12\" height=\"12\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" \/>\n            <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" \/>\n          <\/svg>\n        <\/button>\n          <\/div>\n          <div class=\"bE2 bJ2 bN2 bAc2 bAf2 bBa2  b2-6-option-wrp b2-option-wrp bf-option-wrp bf-option-wrapper \">\n          <div class=\"bE2 bN2 bV2 bAc2  b2-6-option-inner-wrp b2-option-inner-wrp bf-option-inner-wrp bf-option-inner-wrapper\">\n            <div class=\"bV2 bBZ2  b2-6-option-search-wrp b2-option-search-wrp bf-option-search-wrp bf-option-search-wrapper \">\n              <input aria-label=\"Search for countries\" type=\"search\" class=\"bF2 bI2 bJ2 bi2 bBD2 bBE2 bBF2 bBG2 bBH2 bBI2 bBJ2 bBK2 bCW2 bCn2 bCo2 bCp2 bCq2  b2-6-opt-search-input b2-opt-search-input bf-opt-search-input bf-option-search-input \" placeholder=\"Search for countries\" autocomplete=\"off\" tabindex=\"-1\" \/>\n              <svg class=\"bAD2 bAV2 bAX2 bAY2 bBC2 bCb2  b2-6-opt-search-icn b2-opt-search-icn bf-opt-search-icn bf-option-search-icon \" aria-hidden=\"true\" width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <circle cx=\"11\" cy=\"11\" r=\"8\" \/>\n                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\" \/>\n              <\/svg>\n              <button type=\"button\" aria-label=\"Clear search\" class=\"bD2 bAB2 bAK2 bAO2 bAP2 bAQ2 bAR2 bAS2 bAT2 bAU2 bAV2 bAW2 bAX2 bAY2 bAZ2 bAa2 bAb2 bBm2 bBn2 bCf2 bCg2 bDJ2 bDK2  b2-6-search-clear-btn b2-search-clear-btn bf-search-clear-btn bf-search-clear-button \" tabindex=\"-1\">\n          <svg width=\"12\" height=\"12\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" \/>\n            <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" \/>\n          <\/svg>\n        <\/button>\n            <\/div>\n            <ul class=\"bAd2 bAe2 bBL2 bBM2 bBN2 bBO2 bBP2 bBQ2 bBR2 bBS2 bBT2 bBU2 bBV2 bBW2 bBX2 bBY2 bCr2 bCs2 bCt2 bCu2 bCv2 bCw2 bCx2 bCy2 bCz2 bDA2  b2-6-option-list b2-option-list bf-option-list bf-option-list \" tabindex=\"-1\" role=\"listbox\" aria-label=\"country list\">\n              \n            <\/ul>\n          <\/div>\n        <\/div>\n        <\/div>\n      <\/div>\n          \n          <div class=\"bP2 bQ2 bR2  b2-6-err-wrp b2-err-wrp bf-err-wrp bf-error-wrapper\" role=\"alert\" aria-live=\"assertive\" style=\"opacity: 0 !important;height: 0px !important\">\n        <div class=\"bN2  b2-6-err-inner b2-err-inner bf-err-inner bf-error-inner\">\n          \n          \n          <div id=\"b2-6-err-txt\" class=\"bA2 bE2 bT2 bW2 bX2 bY2 bZ2 ba2 bb2 bc2 bd2 be2  b2-6-err-msg b2-err-msg bf-err-msg bf-error-messages-container  bO2  b2-6-err-txt b2-err-txt bf-err-txt bf-error-text  \" style=\"display: none !important\">\n            \n          <\/div>\n          \n          \n        <\/div>\n      <\/div>\n        <\/div>\n      <\/div><\/div><div class=\"btcd-fld-itm b2-8 \"><div class=\"bf-html-select-field bC2 bO2 bS2 bT2 bU2 bV2  b2-8-fld-wrp b2-fld-wrp bf-fld-wrp bf-field-wrapper \">\n        <div class=\"bJ2 bAC2 bAG2  b2-8-lbl-wrp b2-lbl-wrp bf-lbl-wrp bf-label-wrapper \"><label id=\"b2-8-1-lbl\" class=\"bA2 bE2 bJ2 bAC2 bAD2 bAE2 bAF2 bCb2  b2-8-lbl b2-lbl bf-lbl bf-label \" for=\"b2-8-1\">\n          \n          \n          Subject\n          \n          <span class=\"bAH2 bAI2  b2-8-req-smbl b2-req-smbl bf-req-smbl bf-asterisk-symbol \" aria-hidden=\"true\">*<\/span>\n        <\/label><\/div>\n        <div class=\"b2-8-inp-wrp b2-inp-wrp bf-inp-wrp bf-input-wrapper \">\n          <div class=\"b2-8-inp-fld-wrp b2-inp-fld-wrp bf-inp-fld-wrp bf-input-field-wrapper \">\n        <select id=\"b2-8-1\" class=\"bB2 bG2 bK2 bL2 bf2 bg2 bh2 bi2 bj2 bk2 bl2 bm2 bn2 bo2 bp2 br2 bs2 by2 bz2 bAJ2 bBp2 bBq2 bBr2 bCU2 bCV2 bCW2 bCX2 bCc2 bCd2 bCe2  b2-8-fld b2-fld bf-fld bf-field  \" aria-required=\"true\" aria-describedby=\"b2-8-err-txt\" name=\"html-select-2-8\">\n          <option class=\"b2-8-slct-optn b2-slct-optn bf-slct-optn bf-slct-optn \" value>\n          Selection\n        <\/option>\n          <option class=\"b2-8-slct-optn b2-slct-optn bf-slct-optn bf-slct-optn \" value=\"Booking Related\">\n              Booking Related\n            <\/option><option class=\"b2-8-slct-optn b2-slct-optn bf-slct-optn bf-slct-optn \" value=\"General Inquiry\">\n              General Inquiry\n            <\/option><option class=\"b2-8-slct-optn b2-slct-optn bf-slct-optn bf-slct-optn \" value=\"Partnership Inquiry\">\n              Partnership Inquiry\n            <\/option><option class=\"b2-8-slct-optn b2-slct-optn bf-slct-optn bf-slct-optn \" value=\"Other\">\n              Other\n            <\/option>\n        <\/select>\n      <\/div>\n          \n          <div class=\"bP2 bQ2 bR2  b2-8-err-wrp b2-err-wrp bf-err-wrp bf-error-wrapper\" role=\"alert\" aria-live=\"assertive\" style=\"opacity: 0 !important;height: 0px !important\">\n        <div class=\"bN2  b2-8-err-inner b2-err-inner bf-err-inner bf-error-inner\">\n          \n          \n          <div id=\"b2-8-err-txt\" class=\"bA2 bE2 bT2 bW2 bX2 bY2 bZ2 ba2 bb2 bc2 bd2 be2  b2-8-err-msg b2-err-msg bf-err-msg bf-error-messages-container  bO2  b2-8-err-txt b2-err-txt bf-err-txt bf-error-text  \" style=\"display: none !important\">\n            \n          <\/div>\n          \n          \n        <\/div>\n      <\/div>\n        <\/div>\n      <\/div><\/div><div class=\"btcd-fld-itm b2-5 \"><div class=\"bf-textarea-field bC2 bO2 bS2 bT2 bU2 bV2  b2-5-fld-wrp b2-fld-wrp bf-fld-wrp bf-field-wrapper \">\n        <div class=\"bJ2 bAC2 bAG2  b2-5-lbl-wrp b2-lbl-wrp bf-lbl-wrp bf-label-wrapper \"><label id=\"b2-5-1-lbl\" class=\"bA2 bE2 bJ2 bAC2 bAD2 bAE2 bAF2 bCb2  b2-5-lbl b2-lbl bf-lbl bf-label \" for=\"b2-5-1\">\n          \n          \n          Message\n          \n          <span class=\"bAH2 bAI2  b2-5-req-smbl b2-req-smbl bf-req-smbl bf-asterisk-symbol \" aria-hidden=\"true\">*<\/span>\n        <\/label><\/div>\n        <div class=\"b2-5-inp-wrp b2-inp-wrp bf-inp-wrp bf-input-wrapper \">\n          <div class=\"bV2 bAB2  b2-5-inp-fld-wrp b2-inp-fld-wrp bf-inp-fld-wrp bf-input-field-wrapper \">\n      <textarea id=\"b2-5-1\" class=\"bB2 bF2 bG2 bf2 bg2 bh2 bi2 bj2 bl2 bm2 bo2 bp2 bq2 br2 bs2 bt2 bu2 bv2 bw2 bx2 by2 bz2 bAA2 bAJ2 bAw2 bCU2 bCV2 bCW2 bCX2 bCY2 bCZ2 bCa2 bCc2 bCd2 bCe2  b2-5-fld b2-fld bf-fld bf-field \" required aria-required=\"true\" aria-describedby=\"b2-5-err-txt\" placeholder=\"Write your message...\" name=\"textarea-b2-5\"><\/textarea>\n      \n      \n    <\/div>\n          \n          <div class=\"bP2 bQ2 bR2  b2-5-err-wrp b2-err-wrp bf-err-wrp bf-error-wrapper\" role=\"alert\" aria-live=\"assertive\" style=\"opacity: 0 !important;height: 0px !important\">\n        <div class=\"bN2  b2-5-err-inner b2-err-inner bf-err-inner bf-error-inner\">\n          \n          \n          <div id=\"b2-5-err-txt\" class=\"bA2 bE2 bT2 bW2 bX2 bY2 bZ2 ba2 bb2 bc2 bd2 be2  b2-5-err-msg b2-err-msg bf-err-msg bf-error-messages-container  bO2  b2-5-err-txt b2-err-txt bf-err-txt bf-error-text  \" style=\"display: none !important\">\n            \n          <\/div>\n          \n          \n        <\/div>\n      <\/div>\n        <\/div>\n      <\/div><\/div><div class=\"btcd-fld-itm b2-9 \"><div class=\"bf-decision-box-field bC2 bO2 bS2 bT2 bU2 bV2  b2-9-fld-wrp b2-fld-wrp bf-fld-wrp bf-field-wrapper \">\n        \n        <div class=\"b2-9-inp-wrp b2-inp-wrp bf-inp-wrp bf-input-wrapper \">\n          <div class=\"bE2 bBv2  b2-9-cc b2-cc bf-cc bf-cc \" role=\"group\" aria-labelledby=\"b2-9-1-lbl\" aria-describedby=\"b2-9-err-txt\">\n        <svg class=\"bAV2 bAh2 bAk2 bAl2 bCG2  b2-9-cks b2-cks bf-cks bf-cks\" aria-hidden=\"true\">\n          <symbol id=\"b2-9-ck-svg\" viewbox=\"0 0 12 10\">\n            <polyline class=\"bCF2  b2-9-ck-svgline b2-ck-svgline bf-ck-svgline bf-ck-svgline\" points=\"1.5 6 4.5 9 10.5 1\"><\/polyline>\n          <\/symbol>\n        <\/svg>\n\n        <div class=\"b2-9-cw b2-cw bf-cw bf-cw \">\n          <input id=\"b2-9-1-decision\" type=\"checkbox\" class=\"bAV2 bBw2 bBx2 bBy2 bBz2 bCA2 bCB2 bCC2 bCD2 bDN2 bDO2 bDP2 bDQ2  b2-9-ci b2-ci bf-ci bf-ci\" required aria-required=\"true\" name=\"decision-box-2-9\" value=\"Accepted\" \/>\n          <label data-cl for=\"b2-9-1-decision\" class=\"bA2 bD2 bE2 bAD2 bCH2 bCb2  b2-9-cl b2-cl bf-cl bf-cl\">\n            <span data-bx class=\"bA2 bH2 bV2 bZ2 bAN2 bAg2 bBu2 bDM2  b2-9-bx b2-bx bf-bx bf-box bA2 bH2 bV2 bZ2 bAN2 bAg2 bBu2 bDM2  b2-9-bx b2-bx bf-bx bf-box\">\n              <svg width=\"12\" height=\"10\" viewbox=\"0 0 12 10\" class=\"bCJ2 bDR2  b2-9-svgwrp b2-svgwrp bf-svgwrp bf-svgwrp\" aria-hidden=\"true\">\n                <use data-ck-icn href=\"#b2-9-ck-svg\" class=\"bCE2  b2-9-ck-icn b2-ck-icn bf-ck-icn bf-ck-icon\" \/>\n              <\/svg>\n            <\/span>\n            <span class=\"bCI2  b2-9-ct b2-ct bf-ct bf-ct \">\n              <p style=\"margin: 0\"><span style=\"color: #222222;font-size: 8pt\" data-5e901212-097c-49ef-b51e-344dfc4e0ef4-38=\"true\"><span style=\"color: #222222\" data-5e901212-097c-49ef-b51e-344dfc4e0ef4-38=\"true\">By providing your phone number and checking this box, you consent to receive text and email messages from Ritmo Cartagena regarding your inquiry and<\/span> <span style=\"color: #222222\" data-5e901212-097c-49ef-b51e-344dfc4e0ef4-46=\"true\">appointment confirmations. Message frequency may vary. Message and data rates may apply. For assistance, reply HELP or contact 888-444-9954. To stop receiving messages, reply STOP. No further messages will be sent. For details, see our <a href=\"https:\/\/stayritmo.com\/privacy-policy\/\" target=\"_blank\" rel=\"noopener\">Privacy Policy<\/a>.<\/span><\/span><\/p>\n            <\/span>\n          <\/label>\n        <\/div>\n      <\/div>\n          \n          <div class=\"b2-9-err-wrp b2-err-wrp bf-err-wrp bf-error-wrapper\" role=\"alert\" aria-live=\"assertive\" style=\"opacity: 0 !important;height: 0px !important\">\n        <div class=\"b2-9-err-inner b2-err-inner bf-err-inner bf-error-inner\">\n          \n          \n          <div id=\"b2-9-err-txt\" class=\"bA2 bE2 bT2 bW2 bX2 bY2 bZ2 ba2 bb2 bc2 bd2 be2  b2-9-err-msg b2-err-msg bf-err-msg bf-error-messages-container  b2-9-err-txt b2-err-txt bf-err-txt bf-error-text  \" style=\"display: none !important\">\n            \n          <\/div>\n          \n          \n        <\/div>\n      <\/div>\n        <\/div>\n      <\/div><\/div><div class=\"btcd-fld-itm b2-1 \"><div class=\"bf-button-field bC2 bO2 bS2 bT2 bU2 bV2  b2-1-fld-wrp b2-fld-wrp bf-fld-wrp bf-field-wrapper \">\n        \n        <div class=\"b2-1-inp-wrp b2-inp-wrp bf-inp-wrp bf-input-wrapper \">\n          <div class=\"bE2  b2-1-inp-fld-wrp b2-inp-fld-wrp bf-inp-fld-wrp bf-input-field-wrapper \">\n        <button class=\"bA2 bB2 bC2 bD2 bE2 bF2 bG2 bH2 bI2 bJ2 bK2 bL2 bM2 bAp2 bAq2 bAr2 bAs2 bAt2 bAu2 bCT2 bCi2 bCj2  b2-1-btn b2-btn bf-btn bf-button  \" type=\"submit\" name=\"button-b2-1\" aria-describedby=\"b2-1-err-txt\">\n          \n          Submit\n          \n          <span class=\"bf-spinner d-none\" aria-hidden=\"true\"><\/span>\n        <\/button>\n      <\/div>\n          \n          \n        <\/div>\n      <\/div><\/div>\n          <\/form>\n          \n          <div id=\"bf-form-msg-wrp-bitforms_2_4349_1\"><\/div>\n          <!-- \n            Live Region for Screen Reader Announcements (Accessibility)\n          -->\n          <div class=\"bf-live-region\" role=\"status\" aria-live=\"polite\" style=\"position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;white-space: nowrap;border: 0\"><\/div>\n          <div role=\"dialog\" aria-hidden=\"true\" data-modal-backdrop=\"true\" class=\"bA2 bE2 bH2 bAk2 bCP2 bCQ2 bCR2 msg-container-2 deactive scroll\">\n\t              <div data-contentid=\"bitforms_2_4349_1\" data-msgid=\"2\" role=\"button\" class=\"bA2 bE2 bH2 bJ2 bAd2 bCO2 msg-background-2 msg-backdrop\">\n\t                <div class=\"bf-msg-content bC2 bJ2 bT2 bV2 bY2 bAD2 bAe2 bAf2 bCS2 bCb2 msg-content-2\">\n\t                  <button data-contentid=\"bitforms_2_4349_1\" data-msgid=\"2\" class=\"bD2 bP2 bS2 bAK2 bAP2 bAV2 bAX2 bAY2 bAe2 bAi2 bCK2 bCL2 bCM2 bDS2 bDT2 bDU2 close-2 bf-msg-close\" type=\"button\">\n\t                        <svg class=\"bAL2 bAj2 bAl2 bCN2 close-icn-2\" viewbox=\"0 0 30 30\">\n\t                        <line fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" x1=\"4\" y1=\"3.88\" x2=\"26\" y2=\"26.12\"><\/line>\n\t                        <line fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" x1=\"26\" y1=\"3.88\" x2=\"4\" y2=\"26.12\"><\/line>\n\t                        <\/svg>\n\t                  <\/button>\n\t                  <div class=\"msg-content\"><\/div>\n\t                <\/div>\n\t              <\/div>\n\t            <\/div>\n      <\/div>\n\n\n<\/div>\n\n        <!-- RIGHT: Contact Info Cards -->\n        <div class=\"contact-info\">\n          <div class=\"contact-info-card reveal\">\n            <div class=\"contact-info-icon whatsapp-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=\"contact-info-text\">\n              <h5>WhatsApp<\/h5>\n              <p><a href=\"tel:+18884009954\">888-400-9954<\/a><\/p>\n              <div class=\"response-badge\">\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                Fastest way to reach us\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"contact-info-card reveal\">\n            <div class=\"contact-info-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n            <\/div>\n            <div class=\"contact-info-text\">\n              <h5>Location<\/h5>\n              <p>El Laguito, Cartagena de Indias,<br>Bolivar, Colombia<\/p>\n              <p style=\"margin-top: var(--space-xs);\">On the vibrant Laguito peninsula<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"contact-info-card reveal\">\n            <div class=\"contact-info-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=\"contact-info-text\">\n              <h5>Response Time<\/h5>\n              <p>We typically respond within <strong>1 hour<\/strong><\/p>\n              <div class=\"response-badge\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n                Quick and reliable\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== MAP SECTION ==================== -->\n  <section class=\"map-section section-sm\">\n    <div class=\"container\">\n      <div class=\"map-header\">\n        <p class=\"eyebrow\">Find Us<\/p>\n        <h2>Our Location in El Laguito<\/h2>\n        <div class=\"divider-gold divider-gold-center\"><\/div>\n      <\/div>\n\n      <div class=\"map-container reveal\">\n        <iframe\n          src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3924.123!2d-75.5622!3d10.3954!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMTDCsDIzJzQzLjQiTiA3NcKwMzMnNDMuOSJX!5e0!3m2!1sen!2sco!4v1\"\n          allowfullscreen\n          loading=\"lazy\"\n          referrerpolicy=\"no-referrer-when-downgrade\"\n          title=\"Ritmo Cartagena Location \u2014 El Laguito, Cartagena\">\n        <\/iframe>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== FAQ PREVIEW ==================== -->\n  <section class=\"faq-preview section\">\n    <div class=\"container\">\n      <div class=\"faq-header\">\n        <p class=\"eyebrow\">Common Questions<\/p>\n        <h2>Frequently Asked Questions<\/h2>\n        <div class=\"divider-gold divider-gold-center\"><\/div>\n      <\/div>\n\n      <div class=\"faq-list\">\n        <div class=\"faq-item reveal\">\n          <button class=\"faq-question\" aria-expanded=\"false\">\n            <span>What is the check-in and check-out process?<\/span>\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\n          <\/button>\n          <div class=\"faq-answer\">\n            <div class=\"faq-answer-inner\">\n              We offer seamless self check-in with a smart lock, so you can arrive at your convenience. Check-in is at 3:00 PM and check-out is at 11:00 AM. Early check-in and late check-out can be arranged based on availability. Just send us a message on WhatsApp and we will do our best to accommodate you.\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item reveal\">\n          <button class=\"faq-question\" aria-expanded=\"false\">\n            <span>How far is the suite from the beach and the Walled City?<\/span>\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\n          <\/button>\n          <div class=\"faq-answer\">\n            <div class=\"faq-answer-inner\">\n              El Laguito Beach is just a 2-minute walk from our door. The historic Walled City (Ciudad Amurallada) is about a 10-minute ride by taxi or ride-share. We are also within a 5-minute walk of excellent restaurants, shops, and cafes in the El Laguito and Bocagrande areas.\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item reveal\">\n          <button class=\"faq-question\" aria-expanded=\"false\">\n            <span>Is the suite good for remote work and longer stays?<\/span>\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\n          <\/button>\n          <div class=\"faq-answer\">\n            <div class=\"faq-answer-inner\">\n              Absolutely. The suite has high-speed fiber internet, a dedicated workspace, and a washer\/dryer for extended stays. Many of our guests are digital nomads and remote workers who stay for weeks at a time. The rooftop pool and nearby beach are perfect for breaks between meetings.\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-cta\">\n        <a href=\"\/faq\/\" class=\"btn btn-outline-dark\">\n          View All FAQ\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <\/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\/\" 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>A modern Caribbean oasis in El Laguito, Cartagena. Your stylish home away from home on Colombia&#8217;s Caribbean coast.<\/p>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Explore<\/h5>\n          <ul>\n            <li><a href=\"\/suite\/\">The Suite<\/a><\/li>\n            <li style=\"display:none\"><a href=\"\/things-to-do\/\">Things to Do<\/a><\/li>\n            <li><a href=\"\/cartagena-guide\/\">Cartagena Guide<\/a><\/li>\n            <li><a href=\"\/reviews\/\">Guest Reviews<\/a><\/li>\n            <li><a href=\"\/blog\/\">Blog<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Info<\/h5>\n          <ul>\n            <li><a href=\"\/about\/\">About Us<\/a><\/li>\n            <li><a href=\"\/faq\/\">FAQ<\/a><\/li>\n            <li><a href=\"\/contact\/\">Contact<\/a><\/li>\n            <li><a href=\"\/partners\/\">Become a Partner<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Book<\/h5>\n          <ul>\n            <li><a href=\"\/book\/\">Book Direct<\/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>&copy; <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=\"\/terms\/\">Terms of Service<\/a>\n          <span>&middot;<\/span>\n          <a href=\"\/privacy\/\">Privacy Policy<\/a>\n          <span>&middot;<\/span>\n          <a href=\"\/cookie-policy\/\">Cookie Policy<\/a>\n          <span>&middot;<\/span>\n          <a href=\"\/acceptable-use\/\">Acceptable Use<\/a>\n          <span>&middot;<\/span>\n          <a href=\"\/cancellation-policy\/\">Cancellation Policy<\/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 if already past threshold\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    \/\/ FAQ accordion\n    document.querySelectorAll('.faq-question').forEach(button => {\n      button.addEventListener('click', () => {\n        const item = button.closest('.faq-item');\n        const isOpen = item.classList.contains('open');\n\n        \/\/ Close all FAQ items\n        document.querySelectorAll('.faq-item').forEach(faq => {\n          faq.classList.remove('open');\n          faq.querySelector('.faq-question').setAttribute('aria-expanded', 'false');\n        });\n\n        \/\/ If the clicked item was not open, open it\n        if (!isOpen) {\n          item.classList.add('open');\n          button.setAttribute('aria-expanded', 'true');\n        }\n      });\n    });\n\n\n  <\/script>\n","protected":false},"excerpt":{"rendered":"<p>The Suite Things to Do Cartagena Reviews About Contact Book Now We Are Here to Help Get in Touch Have a question about your stay, a booking inquiry, or just want to say hello? We would love to hear from you. Send Us a Message Fill out the form below and we will get back [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":7,"comment_status":"closed","ping_status":"closed","template":"ritmo-canvas","meta":{"footnotes":""},"class_list":["post-4349","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stayritmo.com\/es\/wp-json\/wp\/v2\/pages\/4349","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=4349"}],"version-history":[{"count":10,"href":"https:\/\/stayritmo.com\/es\/wp-json\/wp\/v2\/pages\/4349\/revisions"}],"predecessor-version":[{"id":4775,"href":"https:\/\/stayritmo.com\/es\/wp-json\/wp\/v2\/pages\/4349\/revisions\/4775"}],"wp:attachment":[{"href":"https:\/\/stayritmo.com\/es\/wp-json\/wp\/v2\/media?parent=4349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}