{"id":4284,"date":"2026-03-05T22:42:24","date_gmt":"2026-03-06T03:42:24","guid":{"rendered":"https:\/\/stayritmo.com\/?page_id=4284"},"modified":"2026-03-11T14:08:35","modified_gmt":"2026-03-11T19:08:35","slug":"prenota-ora","status":"publish","type":"page","link":"https:\/\/stayritmo.com\/it\/book-now\/","title":{"rendered":"Prenota ora"},"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       BOOK NOW PAGE \u2014 Ritmo Cartagena\n       ============================================================ *\/\n\n    \/* --- Navigation --- *\/\n    .nav {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      z-index: 50;\n      background: rgba(255, 255, 255, 0.97);\n      backdrop-filter: blur(12px);\n      -webkit-backdrop-filter: blur(12px);\n      border-radius: 0;\n      border-bottom: 1px solid var(--color-border);\n      box-shadow: var(--shadow-md);\n      transition: all var(--transition-slow);\n      padding: 0 var(--space-xl);\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: none;\n      transition: filter var(--transition-base);\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: var(--color-text);\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-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-text);\n      transition: all var(--transition-base);\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 Header --- *\/\n    .page-header {\n      padding-top: calc(var(--nav-height) + var(--space-3xl));\n      padding-bottom: var(--space-3xl);\n      text-align: center;\n      background: linear-gradient(180deg, var(--color-bg) 0%, var(--color-sand-light) 100%);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .page-header::before {\n      content: '';\n      position: absolute;\n      top: -60%;\n      left: -20%;\n      width: 140%;\n      height: 200%;\n      background: radial-gradient(ellipse at center top, rgba(44, 24, 16, 0.03) 0%, transparent 60%);\n      pointer-events: none;\n    }\n\n    .page-header .container {\n      position: relative;\n      z-index: 1;\n    }\n\n    .page-header h1 {\n      font-size: var(--text-5xl);\n      color: var(--color-primary);\n      margin-bottom: var(--space-md);\n      font-weight: var(--weight-semibold);\n    }\n\n    .page-header h1 em {\n      font-style: italic;\n      color: var(--color-cta);\n    }\n\n    .page-header-subtitle {\n      font-size: var(--text-lg);\n      color: var(--color-text-muted);\n      font-weight: var(--weight-light);\n      line-height: var(--leading-relaxed);\n      max-width: 560px;\n      margin: 0 auto;\n    }\n\n    \/* --- Lodgify Search Bar in Hero --- *\/\n    .search-bar-wrapper {\n      max-width: 720px;\n      margin: var(--space-2xl) auto 0;\n      position: relative;\n      z-index: 20;\n    }\n\n    \/* --- Lodgify Widget CSS Reset ---\n       Undo our design system's global resets inside Lodgify widgets.\n       :where() keeps specificity at 0 so Lodgify's own styles win. *\/\n    :where(#lodgify-search-bar, #lodgify-book-now-box) *,\n    :where(#lodgify-search-bar, #lodgify-book-now-box) *::before,\n    :where(#lodgify-search-bar, #lodgify-book-now-box) *::after {\n      margin: revert;\n      padding: revert;\n      box-sizing: revert;\n    }\n    :where(#lodgify-search-bar, #lodgify-book-now-box) h1,\n    :where(#lodgify-search-bar, #lodgify-book-now-box) h2,\n    :where(#lodgify-search-bar, #lodgify-book-now-box) h3,\n    :where(#lodgify-search-bar, #lodgify-book-now-box) h4,\n    :where(#lodgify-search-bar, #lodgify-book-now-box) h5,\n    :where(#lodgify-search-bar, #lodgify-book-now-box) 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    :where(#lodgify-search-bar, #lodgify-book-now-box) p {\n      margin-bottom: revert;\n      max-width: revert;\n    }\n    :where(#lodgify-search-bar, #lodgify-book-now-box) :focus-visible {\n      outline: revert;\n      outline-offset: revert;\n    }\n\n    \/* Fix guest counter input width \u2014 too narrow for 2+ digit display *\/\n    #lodgify-search-bar input[type=\"number\"],\n    #lodgify-search-bar input[type=\"text\"] {\n      min-width: 35px !important;\n    }\n\n    \/* --- Booking Layout --- *\/\n    .booking-section {\n      background: var(--color-sand-light);\n      padding-bottom: var(--space-5xl);\n    }\n\n    .booking-layout {\n      display: grid;\n      grid-template-columns: 1fr 300px;\n      gap: var(--space-xl);\n      align-items: stretch;\n    }\n\n    @media (max-width: 1024px) {\n      .booking-layout {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    \/* --- Booking Widget Area --- *\/\n    .booking-widget-area {\n      background: var(--color-white);\n      border-radius: var(--border-radius-lg);\n      border: 2px solid var(--color-border);\n      overflow: visible;\n      box-shadow: var(--shadow-md);\n      position: relative;\n      z-index: 10;\n    }\n\n    .widget-header {\n      background: linear-gradient(135deg, #2C1810 0%, #1A0E08 100%);\n      padding: var(--space-xl) var(--space-2xl);\n      display: flex;\n      align-items: center;\n      gap: var(--space-md);\n    }\n\n    .widget-header-icon {\n      width: 48px;\n      height: 48px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: rgba(255, 255, 255, 0.12);\n      border-radius: var(--border-radius);\n      flex-shrink: 0;\n    }\n\n    .widget-header-icon svg {\n      width: 24px;\n      height: 24px;\n      color: var(--color-cta-light);\n    }\n\n    .widget-header-text h3 {\n      font-family: var(--font-heading);\n      font-size: var(--text-2xl);\n      color: var(--color-white);\n      margin-bottom: 2px;\n    }\n\n    .widget-header-text p {\n      font-size: var(--text-sm);\n      color: rgba(255, 255, 255, 0.7);\n      margin: 0;\n    }\n\n    .widget-body {\n      padding: var(--space-xl) var(--space-2xl);\n      position: relative;\n      z-index: 10;\n      overflow: visible;\n    }\n\n    .widget-placeholder {\n      border: 2px dashed var(--color-border);\n      border-radius: var(--border-radius);\n      padding: var(--space-3xl) var(--space-xl);\n      text-align: center;\n      background: var(--color-bg);\n      margin-bottom: var(--space-xl);\n    }\n\n    .widget-placeholder-icon {\n      width: 72px;\n      height: 72px;\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-lg);\n      color: var(--color-cta);\n    }\n\n    .widget-placeholder-icon svg {\n      width: 36px;\n      height: 36px;\n    }\n\n    .widget-placeholder h4 {\n      font-size: var(--text-xl);\n      color: var(--color-primary);\n      margin-bottom: var(--space-sm);\n    }\n\n    .widget-placeholder p {\n      font-size: var(--text-sm);\n      color: var(--color-text-muted);\n      margin: 0 auto var(--space-lg);\n      max-width: 380px;\n    }\n\n    .widget-placeholder-note {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--space-sm);\n      background: rgba(44, 24, 16, 0.06);\n      border: 1px solid rgba(44, 24, 16, 0.1);\n      border-radius: 100px;\n      padding: 0.5rem 1rem;\n      font-size: var(--text-xs);\n      color: var(--color-text-light);\n    }\n\n    .widget-placeholder-note svg {\n      width: 14px;\n      height: 14px;\n      flex-shrink: 0;\n      color: var(--color-secondary);\n    }\n\n    \/* Faux form fields for visual appeal *\/\n    .faux-form {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: var(--space-md);\n      margin-bottom: var(--space-lg);\n    }\n\n    .faux-field {\n      border: 1px solid var(--color-border);\n      border-radius: var(--border-radius);\n      padding: var(--space-md) var(--space-lg);\n      background: var(--color-white);\n      position: relative;\n    }\n\n    .faux-field-label {\n      font-size: var(--text-xs);\n      font-weight: var(--weight-semibold);\n      letter-spacing: var(--tracking-wide);\n      text-transform: uppercase;\n      color: var(--color-text-light);\n      margin-bottom: 4px;\n    }\n\n    .faux-field-value {\n      font-size: var(--text-base);\n      color: var(--color-text-muted);\n      display: flex;\n      align-items: center;\n      gap: var(--space-sm);\n    }\n\n    .faux-field-value svg {\n      width: 18px;\n      height: 18px;\n      color: var(--color-secondary);\n      flex-shrink: 0;\n    }\n\n    .faux-field-full {\n      grid-column: 1 \/ -1;\n    }\n\n    .faux-btn {\n      grid-column: 1 \/ -1;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: var(--space-sm);\n      background: var(--color-cta);\n      color: var(--color-white);\n      border: none;\n      border-radius: var(--border-radius);\n      padding: var(--space-md) var(--space-xl);\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      cursor: default;\n      opacity: 0.5;\n    }\n\n    .faux-btn svg {\n      width: 18px;\n      height: 18px;\n    }\n\n    \/* --- Trust Signals --- *\/\n    .trust-signals {\n      display: flex;\n      justify-content: center;\n      gap: var(--space-2xl);\n      flex-wrap: wrap;\n      padding-top: var(--space-xl);\n      border-top: 1px solid var(--color-border-light);\n    }\n\n    .trust-signal {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: var(--space-sm);\n      text-align: center;\n    }\n\n    .trust-signal-icon {\n      width: 44px;\n      height: 44px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(135deg, #2C1810, #4A3228);\n      border-radius: 50%;\n      color: var(--color-cta);\n    }\n\n    .trust-signal-icon svg {\n      width: 20px;\n      height: 20px;\n    }\n\n    .trust-signal-label {\n      font-size: var(--text-xs);\n      font-weight: var(--weight-semibold);\n      color: var(--color-text);\n    }\n\n    .trust-signal-sub {\n      font-size: var(--text-xs);\n      color: var(--color-text-light);\n      margin-top: -4px;\n    }\n\n    \/* --- Sidebar --- *\/\n    .booking-sidebar {\n      display: flex;\n      flex-direction: column;\n    }\n\n    .sidebar-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      flex-direction: column;\n      flex: 1;\n    }\n\n    \/* Property Summary Card *\/\n    .property-card-img {\n      width: 100%;\n      height: 180px;\n      border-radius: var(--border-radius);\n      background:\n        url('https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/Ritmo-Bedroom-No2.webp')\n        center\/cover no-repeat;\n      margin-bottom: var(--space-lg);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .property-card-badge {\n      position: absolute;\n      top: var(--space-sm);\n      left: var(--space-sm);\n      background: var(--color-cta);\n      color: var(--color-white);\n      font-size: var(--text-xs);\n      font-weight: var(--weight-semibold);\n      letter-spacing: var(--tracking-wide);\n      text-transform: uppercase;\n      padding: 0.25rem 0.625rem;\n      border-radius: 100px;\n    }\n\n    .property-card-name {\n      font-family: var(--font-heading);\n      font-size: var(--text-xl);\n      font-weight: var(--weight-semibold);\n      color: var(--color-primary);\n      margin-bottom: var(--space-xs);\n    }\n\n    .property-card-location {\n      font-size: var(--text-sm);\n      color: var(--color-text-muted);\n      display: flex;\n      align-items: center;\n      gap: 4px;\n      margin-bottom: var(--space-md);\n    }\n\n    .property-card-location svg {\n      width: 14px;\n      height: 14px;\n      color: var(--color-secondary);\n      flex-shrink: 0;\n    }\n\n    .property-card-rating {\n      display: flex;\n      align-items: center;\n      gap: var(--space-sm);\n      margin-bottom: var(--space-lg);\n      padding-bottom: var(--space-md);\n      border-bottom: 1px solid var(--color-border-light);\n    }\n\n    .property-card-rating .stars svg {\n      width: 14px;\n      height: 14px;\n      fill: var(--color-cta);\n    }\n\n    .property-card-rating span {\n      font-size: var(--text-sm);\n      font-weight: var(--weight-semibold);\n      color: var(--color-text);\n    }\n\n    .property-card-rating .review-count {\n      font-weight: var(--weight-normal);\n      color: var(--color-text-muted);\n    }\n\n    .property-amenities {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: var(--space-sm);\n      margin-top: auto;\n    }\n\n    .property-amenity {\n      display: flex;\n      align-items: center;\n      gap: var(--space-sm);\n      font-size: var(--text-xs);\n      color: var(--color-text-muted);\n    }\n\n    .property-amenity svg {\n      width: 16px;\n      height: 16px;\n      color: var(--color-cta);\n      flex-shrink: 0;\n    }\n\n    \/* Questions Strip (full-width, below the grid) *\/\n    .questions-strip {\n      text-align: center;\n      padding: var(--space-2xl) 0 0;\n    }\n\n    .questions-strip h3 {\n      font-family: var(--font-heading);\n      font-size: var(--text-xl);\n      color: var(--color-primary);\n      margin-bottom: var(--space-xs);\n    }\n\n    .questions-strip p {\n      font-size: var(--text-sm);\n      color: var(--color-text-muted);\n      margin: 0 auto var(--space-lg);\n      max-width: 480px;\n    }\n\n    .questions-strip-actions {\n      display: flex;\n      justify-content: center;\n      gap: var(--space-md);\n      flex-wrap: wrap;\n    }\n\n    .questions-strip-btn {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--space-sm);\n      padding: var(--space-sm) var(--space-lg);\n      border-radius: 8px;\n      text-decoration: none;\n      font-size: var(--text-sm);\n      font-weight: var(--weight-semibold);\n      transition: all var(--transition-base);\n    }\n\n    .questions-strip-btn.whatsapp {\n      background: #25D366;\n      color: var(--color-white);\n    }\n\n    .questions-strip-btn.whatsapp:hover {\n      background: #1fb855;\n    }\n\n    .questions-strip-btn.contact {\n      background: var(--color-primary);\n      color: var(--color-white);\n    }\n\n    .questions-strip-btn.contact:hover {\n      background: #1A0E08;\n    }\n\n    .questions-strip-btn svg {\n      width: 18px;\n      height: 18px;\n    }\n\n    .questions-strip-btn.whatsapp svg {\n      fill: var(--color-white);\n    }\n\n    .questions-strip-btn.contact svg {\n      stroke: var(--color-white);\n      fill: none;\n    }\n\n    \/* --- Your Stay Awaits Section --- *\/\n    .stay-awaits {\n      background: var(--color-bg);\n    }\n\n    .stay-awaits-header {\n      text-align: center;\n      margin-bottom: var(--space-3xl);\n    }\n\n    .lifestyle-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: var(--space-lg);\n    }\n\n    .lifestyle-item {\n      position: relative;\n      border-radius: var(--border-radius-lg);\n      overflow: hidden;\n      aspect-ratio: 4\/5;\n      cursor: default;\n    }\n\n    .lifestyle-item img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transition: transform 600ms ease;\n    }\n\n    .lifestyle-item:hover img {\n      transform: scale(1.05);\n    }\n\n    .lifestyle-item .lifestyle-caption {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      padding: var(--space-xl) var(--space-lg) var(--space-lg);\n      background: linear-gradient(to top, rgba(0,0,0,0.65) 0%, transparent 100%);\n      color: var(--color-white);\n    }\n\n    .lifestyle-caption h4 {\n      font-size: var(--text-lg);\n      color: var(--color-white);\n      margin-bottom: 4px;\n    }\n\n    .lifestyle-caption p {\n      font-size: var(--text-xs);\n      color: rgba(255,255,255,0.8);\n      margin: 0;\n    }\n\n    @media (max-width: 768px) {\n      .lifestyle-grid {\n        grid-template-columns: 1fr;\n        max-width: 400px;\n        margin: 0 auto;\n      }\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      align-items: center;\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 --- *\/\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\n          :root {\n            --ldg-psb-background: #ffffff;\n            --ldg-psb-border-radius: 0.42em;\n            --ldg-psb-box-shadow: 0px 24px 54px 0px rgba(0, 0, 0, 0.1);\n            --ldg-psb-padding: 14px;\n            --ldg-psb-input-background: #ffffff;\n            --ldg-psb-button-border-radius: 0.42em;\n            --ldg-psb-color-primary: #c7722b;\n            --ldg-psb-color-primary-lighter:#e3b995;\n            --ldg-psb-color-primary-darker: #643916;\n            --ldg-psb-color-primary-contrast: #ffffff;\n            --ldg-semantic-color-primary:  #c7722b;\n            --ldg-semantic-color-primary-lighter: #e3b995;\n            --ldg-semantic-color-primary-darker: #643916;\n            --ldg-semantic-color-primary-contrast: #ffffff;\n            --ldg-component-modal-z-index: 999;\n          }\n          #lodgify-search-bar {\n            width:100%;\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\/\">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 HEADER ==================== -->\n  <section class=\"page-header\">\n    <div class=\"container\">\n      <p class=\"eyebrow\">Direct Booking<\/p>\n      <h1>Book Your <em>Stay<\/em><\/h1>\n      <div class=\"divider-gold divider-gold-center\"><\/div>\n      <p class=\"page-header-subtitle\">Book directly with us for personal concierge service, curated local experiences, and a seamless Caribbean getaway.<\/p>\n\n      <!-- Lodgify Search Bar -->\n      <div class=\"search-bar-wrapper\">\n        <style>\n          :root {\n            --ldg-psb-background: #ffffff;\n            --ldg-psb-border-radius: 0.42em;\n            --ldg-psb-box-shadow: 0px 24px 54px 0px rgba(0, 0, 0, 0.1);\n            --ldg-psb-padding: 14px;\n            --ldg-psb-input-background: #ffffff;\n            --ldg-psb-button-border-radius: 0.42em;\n            --ldg-psb-color-primary: #c7722b;\n            --ldg-psb-color-primary-lighter:#e3b995;\n            --ldg-psb-color-primary-darker: #643916;\n            --ldg-psb-color-primary-contrast: #ffffff;\n            --ldg-semantic-color-primary:  #c7722b;\n            --ldg-semantic-color-primary-lighter: #e3b995;\n            --ldg-semantic-color-primary-darker: #643916;\n            --ldg-semantic-color-primary-contrast: #ffffff;\n            --ldg-component-modal-z-index: 999;\n          }\n          #lodgify-search-bar {\n            width:100%;\n          }\n        <\/style>\n        <div\n          id=\"lodgify-search-bar\"\n          data-website-id=\"598667\"\n          data-language-code=\"en\"\n          data-checkout-page-url='https:\/\/checkout.lodgify.com\/stayritmo\/en\/#\/696531'\n          data-dates-check-in-label='Check-in'\n          data-dates-check-out-label='Check-out'\n          data-guests-counter-label='Guests'\n          data-guests-input-singular-label='{{NumberOfGuests}} guest'\n          data-guests-input-plural-label='{{NumberOfGuests}} guests'\n          data-location-input-label='Location'\n          data-search-button-label='Search'\n          data-dates-input-min-stay-tooltip-text='{\"one\":\"Minimum {minStay} night\",\"other\":\"Minimum {minStay} nights\"}'\n          data-guests-breakdown-label='Guests'\n          data-adults-label='{\"one\":\"adult\",\"other\":\"adults\"}'\n          data-adults-description='Ages {minAge} or above'\n          data-children-label='{\"one\":\"child\",\"other\":\"children\"}'\n          data-children-description='Ages {minAge}-{maxAge}'\n          data-children-not-allowed-label='Not suitable for children'\n          data-infants-label='{\"one\":\"infant\",\"other\":\"infants\"}'\n          data-infants-description='Under {maxAge}'\n          data-infants-not-allowed-label='Not suitable for infants'\n          data-pets-label='{\"one\":\"pet\",\"other\":\"pets\"}'\n          data-pets-not-allowed-label='Not allowed'\n          data-done-label='Done'\n          data-new-tab=\"true\"\n          data-version=\"stable\"\n        ><\/div>\n        <script src=\"https:\/\/app.lodgify.com\/portable-search-bar\/stable\/renderPortableSearchBar.js\" defer><\/script>\n        <div id=\"ritmo-iva-notice\" style=\"display:none;margin-top:var(--space-lg);padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,#FFF8F0,#FDF3E7);border-left:4px solid #C87E22;border-radius:var(--border-radius-md);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);line-height:var(--leading-relaxed);\">\n          <strong style=\"color:#C87E22;\">IVA Tax Notice<\/strong><br>\n          Per Colombian tax law, residents of Colombia are subject to a 19% IVA tax on accommodation. This tax will be invoiced separately.\n        <\/div>\n        <script>\n        (function(){\n          var cached = sessionStorage.getItem('ritmo_co');\n          if(cached === 'yes'){document.getElementById('ritmo-iva-notice').style.display='block';return;}\n          if(cached === 'no') return;\n          fetch('https:\/\/ipapi.co\/json\/').then(function(r){return r.json();}).then(function(d){\n            if(d.country_code==='CO'){\n              sessionStorage.setItem('ritmo_co','yes');\n              document.getElementById('ritmo-iva-notice').style.display='block';\n            } else {\n              sessionStorage.setItem('ritmo_co','no');\n            }\n          }).catch(function(){});\n        })();\n        <\/script>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== BOOKING LAYOUT ==================== -->\n  <section class=\"booking-section\">\n    <div class=\"container\">\n      <div class=\"booking-layout\">\n\n        <!-- LEFT COLUMN: Booking Widget -->\n        <div>\n          <div class=\"booking-widget-area reveal\">\n            <div class=\"widget-header\">\n              <div class=\"widget-header-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\n              <\/div>\n              <div class=\"widget-header-text\">\n                <h3>How It Works<\/h3>\n                <p>Book directly with your hosts in three easy steps<\/p>\n              <\/div>\n            <\/div>\n            <div class=\"widget-body\">\n              <!-- Booking Steps -->\n              <div style=\"display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-xl);\">\n                <div style=\"display:flex;align-items:flex-start;gap:var(--space-md);\">\n                  <div style=\"width:36px;height:36px;border-radius:50%;background:var(--color-cta);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-weight:var(--weight-bold);font-size:var(--text-sm);flex-shrink:0;\">1<\/div>\n                  <div>\n                    <div style=\"font-weight:var(--weight-semibold);color:var(--color-secondary);margin-bottom:2px;\">Select Your Dates<\/div>\n                    <div style=\"font-size:var(--text-sm);color:var(--color-text-muted);\">Use the search bar above to pick check-in and check-out dates<\/div>\n                  <\/div>\n                <\/div>\n                <div style=\"display:flex;align-items:flex-start;gap:var(--space-md);\">\n                  <div style=\"width:36px;height:36px;border-radius:50%;background:var(--color-cta);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-weight:var(--weight-bold);font-size:var(--text-sm);flex-shrink:0;\">2<\/div>\n                  <div>\n                    <div style=\"font-weight:var(--weight-semibold);color:var(--color-secondary);margin-bottom:2px;\">Choose Your Guests<\/div>\n                    <div style=\"font-size:var(--text-sm);color:var(--color-text-muted);\">Add the number of adults, children, and infants<\/div>\n                  <\/div>\n                <\/div>\n                <div style=\"display:flex;align-items:flex-start;gap:var(--space-md);\">\n                  <div style=\"width:36px;height:36px;border-radius:50%;background:var(--color-cta);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-weight:var(--weight-bold);font-size:var(--text-sm);flex-shrink:0;\">3<\/div>\n                  <div>\n                    <div style=\"font-weight:var(--weight-semibold);color:var(--color-secondary);margin-bottom:2px;\">Complete Your Booking<\/div>\n                    <div style=\"font-size:var(--text-sm);color:var(--color-text-muted);\">You&#8217;ll be taken to our secure booking page to finalize<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n\n              <!-- Trust Signals -->\n              <div class=\"trust-signals\">\n                <div class=\"trust-signal\">\n                  <div class=\"trust-signal-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n                  <\/div>\n                  <span class=\"trust-signal-label\">Secure Payments<\/span>\n                  <span class=\"trust-signal-sub\">256-bit SSL encryption<\/span>\n                <\/div>\n                <div class=\"trust-signal\">\n                  <div class=\"trust-signal-icon\">\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                  <\/div>\n                  <span class=\"trust-signal-label\">Instant Confirmation<\/span>\n                  <span class=\"trust-signal-sub\">Booking confirmed immediately<\/span>\n                <\/div>\n                <div class=\"trust-signal\">\n                  <div class=\"trust-signal-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\"\/><line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"\/><\/svg>\n                  <\/div>\n                  <span class=\"trust-signal-label\">Free Cancellation<\/span>\n                  <span class=\"trust-signal-sub\">Up to 30 days before check-in<\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- RIGHT COLUMN: Sidebar -->\n        <aside class=\"booking-sidebar\">\n\n          <!-- Property Summary Card -->\n          <div class=\"sidebar-card reveal\">\n            <div class=\"property-card-img\">\n              <span class=\"property-card-badge\">Direct Booking<\/span>\n            <\/div>\n            <div class=\"property-card-name\">Ritmo Cartagena<\/div>\n            <div class=\"property-card-location\">\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              El Laguito, Cartagena de Indias\n            <\/div>\n            <div class=\"property-card-rating\">\n              <div class=\"stars\">\n                <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.87 3.77.91 5.32L10 13.28l-4.77 2.43.91-5.32L2.27 6.62l5.34-.78L10 1z\"\/><\/svg>\n                <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.87 3.77.91 5.32L10 13.28l-4.77 2.43.91-5.32L2.27 6.62l5.34-.78L10 1z\"\/><\/svg>\n                <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.87 3.77.91 5.32L10 13.28l-4.77 2.43.91-5.32L2.27 6.62l5.34-.78L10 1z\"\/><\/svg>\n                <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.87 3.77.91 5.32L10 13.28l-4.77 2.43.91-5.32L2.27 6.62l5.34-.78L10 1z\"\/><\/svg>\n                <svg viewBox=\"0 0 20 20\"><path d=\"M10 1l2.39 4.84 5.34.78-3.87 3.77.91 5.32L10 13.28l-4.77 2.43.91-5.32L2.27 6.62l5.34-.78L10 1z\"\/><\/svg>\n              <\/div>\n              <span>4.95<\/span>\n              <span class=\"review-count\">(90+ reviews)<\/span>\n            <\/div>\n            <div class=\"property-amenities\">\n              <div class=\"property-amenity\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 4v16\"\/><path d=\"M2 8h18a2 2 0 0 1 2 2v10\"\/><path d=\"M2 17h20\"\/><path d=\"M6 8v9\"\/><\/svg>\n                King Bed\n              <\/div>\n              <div class=\"property-amenity\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><\/svg>\n                Sleeps 4\n              <\/div>\n              <div class=\"property-amenity\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2a5 5 0 0 1 5 5v4a5 5 0 0 1-10 0V7a5 5 0 0 1 5-5z\"\/><path d=\"M2 20s3-4 10-4 10 4 10 4\"\/><\/svg>\n                Rooftop Pool\n              <\/div>\n              <div class=\"property-amenity\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"1\" y=\"5\" width=\"22\" height=\"14\" rx=\"7\" ry=\"7\"\/><circle cx=\"8\" cy=\"12\" r=\"3\"\/><\/svg>\n                Washer\/Dryer\n              <\/div>\n              <div class=\"property-amenity\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 2v7c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V2\"\/><path d=\"M7 2v20\"\/><path d=\"M21 15V2v0a5 5 0 0 0-5 5v6c0 1.1.9 2 2 2h3zm0 0v7\"\/><\/svg>\n                Kitchenette\n              <\/div>\n              <div class=\"property-amenity\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12.55a11 11 0 0 1 14.08 0\"\/><path d=\"M1.42 9a16 16 0 0 1 21.16 0\"\/><path d=\"M8.53 16.11a6 6 0 0 1 6.95 0\"\/><line x1=\"12\" y1=\"20\" x2=\"12.01\" y2=\"20\"\/><\/svg>\n                Fast Wi-Fi\n              <\/div>\n            <\/div>\n          <\/div>\n\n        <\/aside>\n      <\/div>\n\n      <!-- Have Questions \u2014 full width below the grid -->\n      <div class=\"questions-strip reveal\">\n        <h3>Have Questions?<\/h3>\n        <p>Our team typically responds within 30 minutes. Reach out anytime before or during your stay.<\/p>\n        <div class=\"questions-strip-actions\">\n          <a href=\"https:\/\/wa.me\/573001234567\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"questions-strip-btn whatsapp\">\n            <svg viewBox=\"0 0 32 32\"><path d=\"M16.004 0h-.008C7.174 0 0 7.176 0 16.004c0 3.5 1.13 6.742 3.05 9.376L1.054 31.5l6.39-2.05A15.9 15.9 0 0 0 16.004 32C24.826 32 32 24.826 32 16.004 32 7.176 24.826 0 16.004 0zm9.32 22.606c-.39 1.1-1.932 2.012-3.16 2.278-.838.18-1.932.322-5.618-1.208-4.714-1.956-7.748-6.746-7.984-7.06-.226-.312-1.9-2.53-1.9-4.826s1.2-3.424 1.628-3.892c.39-.426.918-.614 1.22-.614.15 0 .282.008.402.014.428.018.642.044.924.716.352.838 1.21 2.95 1.316 3.164.108.214.214.5.068.788-.136.296-.254.482-.468.738-.214.254-.44.45-.654.726-.194.244-.414.504-.172.932.244.428 1.082 1.786 2.326 2.892 1.6 1.422 2.886 1.878 3.39 2.07.352.136.78.1 1.04-.172.332-.35.742-.928 1.16-1.498.296-.41.672-.46 1.064-.312.396.136 2.502 1.18 2.93 1.394.428.214.714.322.82.498.104.178.104 1.022-.286 2.12z\"\/><\/svg>\n            WhatsApp Us\n          <\/a>\n          <a href=\"\/contact\/\" class=\"questions-strip-btn contact\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n            Contact Us\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- ==================== YOUR STAY AWAITS ==================== -->\n  <section class=\"stay-awaits section\">\n    <div class=\"container\">\n      <div class=\"stay-awaits-header\">\n        <p class=\"eyebrow\">The Ritmo Experience<\/p>\n        <h2>Your Stay Awaits<\/h2>\n        <div class=\"divider-gold divider-gold-center\"><\/div>\n      <\/div>\n\n      <div class=\"lifestyle-grid\">\n        <div class=\"lifestyle-item reveal\">\n          <img decoding=\"async\" src=\"https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/Ritmo-Bedroom.webp\" alt=\"Modern bedroom with city views at Ritmo Cartagena\" loading=\"lazy\">\n          <div class=\"lifestyle-caption\">\n            <h4>Wake Up to This<\/h4>\n            <p>Panoramic views from your king bed<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"lifestyle-item reveal\">\n          <img decoding=\"async\" src=\"https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/Ritmo-Balcony.jpg\" alt=\"Private balcony overlooking Cartagena at Ritmo\" loading=\"lazy\">\n          <div class=\"lifestyle-caption\">\n            <h4>Your Private Retreat<\/h4>\n            <p>Morning coffee with a Caribbean breeze<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"lifestyle-item reveal\">\n          <img decoding=\"async\" src=\"https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/Ritmo-Beach-No2.webp\" alt=\"Crystal clear Caribbean waters near Cartagena\" loading=\"lazy\">\n          <div class=\"lifestyle-caption\">\n            <h4>Steps from the Beach<\/h4>\n            <p>El Laguito&#8217;s coastline at your doorstep<\/p>\n          <\/div>\n        <\/div>\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    \/\/ 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>\n","protected":false},"excerpt":{"rendered":"<p>The Suite Things to Do Cartagena Reviews About Contact Book Now Direct Booking Book Your Stay Book directly with us for personal concierge service, curated local experiences, and a seamless Caribbean getaway. IVA Tax Notice Per Colombian tax law, residents of Colombia are subject to a 19% IVA tax on accommodation. This tax will be [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"ritmo-canvas","meta":{"footnotes":""},"class_list":["post-4284","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stayritmo.com\/it\/wp-json\/wp\/v2\/pages\/4284","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stayritmo.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stayritmo.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stayritmo.com\/it\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/stayritmo.com\/it\/wp-json\/wp\/v2\/comments?post=4284"}],"version-history":[{"count":10,"href":"https:\/\/stayritmo.com\/it\/wp-json\/wp\/v2\/pages\/4284\/revisions"}],"predecessor-version":[{"id":4831,"href":"https:\/\/stayritmo.com\/it\/wp-json\/wp\/v2\/pages\/4284\/revisions\/4831"}],"wp:attachment":[{"href":"https:\/\/stayritmo.com\/it\/wp-json\/wp\/v2\/media?parent=4284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}