{"id":4262,"date":"2026-03-08T20:59:19","date_gmt":"2026-03-09T01:59:19","guid":{"rendered":"https:\/\/stayritmo.com\/?page_id=4262"},"modified":"2026-03-10T14:53:13","modified_gmt":"2026-03-10T19:53:13","slug":"resenas-de-huespedes","status":"publish","type":"page","link":"https:\/\/stayritmo.com\/es\/guest-reviews\/","title":{"rendered":"Rese\u00f1as de hu\u00e9spedes"},"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       REVIEWS PAGE \u2014 Ritmo Cartagena\n       ============================================================ *\/\n\n    \/* --- Navigation --- *\/\n    .nav {\n      position: fixed;\n      top: 1rem;\n      left: 1rem;\n      right: 1rem;\n      z-index: 50;\n      background: rgba(255, 255, 255, 0.05);\n      backdrop-filter: blur(20px);\n      -webkit-backdrop-filter: blur(20px);\n      border-radius: var(--border-radius-xl);\n      border: 1px solid rgba(255, 255, 255, 0.15);\n      transition: all var(--transition-slow);\n      padding: 0 var(--space-xl);\n    }\n\n    .nav.scrolled {\n      top: 0;\n      left: 0;\n      right: 0;\n      background: rgba(255, 255, 255, 0.97);\n      backdrop-filter: blur(12px);\n      border-radius: 0;\n      border-color: var(--color-border);\n      box-shadow: var(--shadow-md);\n    }\n\n    .nav-inner {\n      max-width: var(--max-width);\n      margin: 0 auto;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      height: var(--nav-height);\n    }\n\n    .nav-logo {\n      display: inline-flex;\n      align-items: center;\n      text-decoration: none;\n    }\n\n    .nav-logo img {\n      height: 30px;\n      width: auto;\n      filter: brightness(0) invert(1);\n      transition: filter var(--transition-base);\n    }\n\n    .nav.scrolled .nav-logo img {\n      filter: none;\n    }\n\n    .nav-links {\n      display: flex;\n      align-items: center;\n      gap: var(--space-xl);\n      list-style: none;\n    }\n\n    .nav-links a {\n      font-family: var(--font-body);\n      font-size: var(--text-sm);\n      font-weight: var(--weight-medium);\n      color: rgba(255, 255, 255, 0.9);\n      text-decoration: none;\n      letter-spacing: var(--tracking-wide);\n      text-transform: uppercase;\n      transition: color var(--transition-fast);\n      cursor: pointer;\n    }\n\n    .nav-links a:hover {\n      color: var(--color-cta);\n    }\n\n    .nav.scrolled .nav-links a {\n      color: var(--color-text);\n    }\n\n    .nav.scrolled .nav-links a:hover {\n      color: var(--color-cta);\n    }\n\n    .nav-links a.active,\n    .nav.scrolled .nav-links a.active {\n      color: var(--color-cta) !important;\n    }\n\n    .nav-cta {\n      padding: 0.625rem 1.5rem !important;\n      background: var(--color-cta) !important;\n      color: var(--color-white) !important;\n      border-radius: var(--border-radius) !important;\n      font-weight: var(--weight-semibold) !important;\n      text-transform: uppercase !important;\n      letter-spacing: var(--tracking-wide) !important;\n      font-size: var(--text-xs) !important;\n      transition: all var(--transition-base) !important;\n      cursor: pointer;\n    }\n\n    .nav-cta:hover {\n      background: var(--color-cta-hover) !important;\n      box-shadow: var(--shadow-gold) !important;\n    }\n\n    \/* Mobile menu toggle *\/\n    .nav-toggle {\n      display: none;\n      flex-direction: column;\n      gap: 5px;\n      cursor: pointer;\n      background: none;\n      border: none;\n      padding: 4px;\n    }\n\n    .nav-toggle span {\n      width: 24px;\n      height: 2px;\n      background: var(--color-white);\n      transition: all var(--transition-base);\n    }\n\n    .nav.scrolled .nav-toggle span {\n      background: var(--color-text);\n    }\n\n    @media (max-width: 1024px) {\n      .nav-toggle { display: flex; }\n      .nav-links {\n        display: none;\n        position: absolute;\n        top: calc(var(--nav-height) + 0.5rem);\n        left: 0;\n        right: 0;\n        background: var(--color-white);\n        flex-direction: column;\n        padding: var(--space-xl);\n        border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg);\n        box-shadow: var(--shadow-lg);\n      }\n      .nav-links.open { display: flex; }\n      .nav-links a { color: var(--color-text) !important; }\n    }\n\n    \/* --- Page Hero --- *\/\n    .page-hero {\n      position: relative;\n      min-height: 50vh;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n    }\n\n    .page-hero-bg {\n      position: absolute;\n      inset: 0;\n      background:\n        linear-gradient(180deg,\n          rgba(26, 14, 8, 0.5) 0%,\n          rgba(44, 24, 16, 0.75) 100%),\n        url('https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/Cartagena-Entrance.webp')\n        center bottom\/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    \/* --- Aggregate Rating Section --- *\/\n    .aggregate-section {\n      background: var(--color-bg);\n    }\n\n    .aggregate-card {\n      max-width: var(--max-width-narrow);\n      margin: 0 auto;\n      background: var(--color-white);\n      border-radius: var(--border-radius-xl);\n      padding: var(--space-3xl);\n      box-shadow: var(--shadow-lg);\n      border: 1px solid var(--color-border-light);\n      margin-top: calc(-1 * var(--space-3xl));\n      position: relative;\n      z-index: 2;\n    }\n\n    .aggregate-top {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: var(--space-lg);\n      margin-bottom: var(--space-2xl);\n      padding-bottom: var(--space-2xl);\n      border-bottom: 1px solid var(--color-border);\n    }\n\n    .aggregate-score {\n      font-family: var(--font-heading);\n      font-size: clamp(3.5rem, 5vw, 5rem);\n      font-weight: var(--weight-bold);\n      color: var(--color-primary);\n      line-height: 1;\n    }\n\n    .aggregate-meta {\n      text-align: left;\n    }\n\n    .aggregate-meta .stars {\n      display: flex;\n      gap: 3px;\n      margin-bottom: var(--space-xs);\n    }\n\n    .aggregate-meta .stars svg {\n      width: 22px;\n      height: 22px;\n      fill: var(--color-cta);\n    }\n\n    .aggregate-meta span {\n      font-size: var(--text-sm);\n      color: var(--color-text-muted);\n      font-weight: var(--weight-medium);\n    }\n\n    \/* --- Category Rating Bars --- *\/\n    .category-ratings {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: var(--space-lg) var(--space-3xl);\n    }\n\n    @media (max-width: 640px) {\n      .category-ratings {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    .rating-row {\n      display: flex;\n      align-items: center;\n      gap: var(--space-md);\n    }\n\n    .rating-label {\n      font-size: var(--text-sm);\n      font-weight: var(--weight-medium);\n      color: var(--color-text);\n      min-width: 120px;\n      flex-shrink: 0;\n    }\n\n    .rating-bar {\n      flex: 1;\n      height: 8px;\n      background: var(--color-border);\n      border-radius: 100px;\n      overflow: hidden;\n      position: relative;\n    }\n\n    .rating-bar-fill {\n      height: 100%;\n      background: linear-gradient(90deg, #2C1810, #4A3228);\n      border-radius: 100px;\n      transition: width 1s ease;\n      width: 0;\n    }\n\n    .rating-value {\n      font-size: var(--text-sm);\n      font-weight: var(--weight-semibold);\n      color: var(--color-primary);\n      min-width: 28px;\n      text-align: right;\n      flex-shrink: 0;\n    }\n\n    \/* --- Reviews Grid --- *\/\n    .reviews-grid-section {\n      background: var(--color-bg-section);\n    }\n\n    .reviews-grid-header {\n      text-align: center;\n      margin-bottom: var(--space-3xl);\n    }\n\n    .review-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      transition: all var(--transition-base);\n    }\n\n    .review-card:hover {\n      box-shadow: var(--shadow-md);\n      transform: translateY(-2px);\n    }\n\n    .review-header {\n      display: flex;\n      align-items: center;\n      gap: var(--space-md);\n      margin-bottom: var(--space-md);\n    }\n\n    .review-avatar {\n      width: 48px;\n      height: 48px;\n      border-radius: 50%;\n      background: linear-gradient(135deg, var(--color-cta), var(--color-primary));\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--color-white);\n      font-family: var(--font-heading);\n      font-weight: var(--weight-bold);\n      font-size: var(--text-lg);\n      flex-shrink: 0;\n    }\n\n    .review-info {\n      flex: 1;\n    }\n\n    .review-name {\n      font-weight: var(--weight-semibold);\n      font-size: var(--text-sm);\n      color: var(--color-text);\n    }\n\n    .review-date {\n      font-size: var(--text-xs);\n      color: var(--color-text-light);\n    }\n\n    .review-stars {\n      display: flex;\n      gap: 2px;\n      margin-bottom: var(--space-md);\n    }\n\n    .review-stars svg {\n      width: 14px;\n      height: 14px;\n      fill: var(--color-cta);\n    }\n\n    .review-text {\n      font-size: var(--text-sm);\n      color: var(--color-text-muted);\n      line-height: var(--leading-relaxed);\n      font-style: italic;\n      margin: 0;\n    }\n\n    \/* --- Leave a Review Section --- *\/\n    .leave-review-section {\n      background: var(--color-sand-light);\n    }\n\n    .leave-review-inner {\n      max-width: var(--max-width-text);\n      margin: 0 auto;\n    }\n\n    .leave-review-header {\n      text-align: center;\n      margin-bottom: var(--space-2xl);\n    }\n\n    .leave-review-header p {\n      color: var(--color-text-muted);\n      max-width: 480px;\n      margin: var(--space-md) auto 0;\n    }\n\n    .review-form {\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    .form-row {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: var(--space-md);\n    }\n\n    @media (max-width: 640px) {\n      .form-row {\n        grid-template-columns: 1fr;\n      }\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-sm);\n    }\n\n    .form-group input,\n    .form-group textarea {\n      width: 100%;\n      padding: 0.75rem 1rem;\n      font-family: var(--font-body);\n      font-size: var(--text-sm);\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: border-color var(--transition-fast), box-shadow var(--transition-fast);\n      outline: none;\n    }\n\n    .form-group input:focus,\n    .form-group textarea:focus {\n      border-color: var(--color-secondary);\n      box-shadow: 0 0 0 3px rgba(44, 24, 16, 0.15);\n    }\n\n    .form-group textarea {\n      resize: vertical;\n      min-height: 120px;\n    }\n\n    .form-group input::placeholder,\n    .form-group textarea::placeholder {\n      color: var(--color-text-light);\n    }\n\n    \/* Star selector *\/\n    .star-selector {\n      display: flex;\n      gap: 4px;\n      direction: rtl;\n      justify-content: flex-end;\n    }\n\n    .star-selector input {\n      display: none;\n    }\n\n    .star-selector label {\n      cursor: pointer;\n      margin-bottom: 0 !important;\n      transition: transform var(--transition-fast);\n    }\n\n    .star-selector label:hover {\n      transform: scale(1.15);\n    }\n\n    .star-selector label svg {\n      width: 28px;\n      height: 28px;\n      fill: var(--color-border);\n      transition: fill var(--transition-fast);\n    }\n\n    .star-selector input:checked ~ label svg,\n    .star-selector label:hover svg,\n    .star-selector label:hover ~ label svg {\n      fill: var(--color-cta);\n    }\n\n    .form-submit {\n      text-align: center;\n      margin-top: var(--space-md);\n    }\n\n    \/* --- Final CTA --- *\/\n    .final-cta {\n      position: relative;\n      padding: var(--space-5xl) 0;\n      text-align: center;\n      overflow: hidden;\n    }\n\n    .final-cta-bg {\n      position: absolute;\n      inset: 0;\n      background:\n        linear-gradient(180deg,\n          rgba(18, 71, 32, 0.88) 0%,\n          rgba(18, 71, 32, 0.92) 100%),\n        url('https:\/\/images.unsplash.com\/photo-1583531172005-814194af01e1?w=1920&q=80')\n        center\/cover no-repeat;\n    }\n\n    .final-cta .container {\n      position: relative;\n      z-index: 1;\n    }\n\n    .final-cta h2 {\n      color: var(--color-white);\n      margin-bottom: var(--space-md);\n    }\n\n    .final-cta p {\n      color: rgba(255, 255, 255, 0.8);\n      font-size: var(--text-lg);\n      max-width: 560px;\n      margin: 0 auto var(--space-2xl);\n    }\n\n    .cta-actions {\n      display: flex;\n      gap: var(--space-md);\n      justify-content: center;\n      flex-wrap: wrap;\n    }\n\n    .final-cta .btn-outline:hover {\n      color: #124720;\n    }\n\n    \/* --- Footer --- *\/\n    .footer {\n      background: var(--color-sand);\n      color: var(--color-text);\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    \/* --- 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.visible {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n  \n<\/style>\n\n\n\n<!-- ==================== NAVIGATION ==================== -->\n  <nav class=\"nav\" id=\"navbar\">\n    <div class=\"nav-inner\">\n      <a href=\"https:\/\/stayritmo.com\/\" 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\/\" class=\"active\">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 HERO ==================== -->\n  <section class=\"page-hero\">\n    <div class=\"page-hero-bg\" role=\"img\" aria-label=\"Cartagena colonial entrance\"><\/div>\n    <div class=\"page-hero-content\">\n      <p class=\"eyebrow\">Guest Experiences<\/p>\n      <h1>What Our Guests Say<\/h1>\n      <div class=\"divider-gold divider-gold-center\"><\/div>\n      <p>Real stories from real guests. See why Ritmo Cartagena is one of the highest-rated stays in the city.<\/p>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== AGGREGATE RATING ==================== -->\n  <section class=\"aggregate-section section\">\n    <div class=\"container\">\n      <div class=\"aggregate-card reveal\">\n        <div class=\"aggregate-top\">\n          <div class=\"aggregate-score\">4.95<\/div>\n          <div class=\"aggregate-meta\">\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>from 90+ verified reviews<\/span>\n            <span style=\"display:block;margin-top:var(--space-xs);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-cta);letter-spacing:var(--tracking-wide);text-transform:uppercase;\">Guest Favorite &middot; Top 10% of listings<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- Category Rating Bars -->\n        <div class=\"category-ratings\">\n          <div class=\"rating-row\">\n            <span class=\"rating-label\">Cleanliness<\/span>\n            <div class=\"rating-bar\"><div class=\"rating-bar-fill\" data-width=\"100\"><\/div><\/div>\n            <span class=\"rating-value\">5.0<\/span>\n          <\/div>\n          <div class=\"rating-row\">\n            <span class=\"rating-label\">Accuracy<\/span>\n            <div class=\"rating-bar\"><div class=\"rating-bar-fill\" data-width=\"100\"><\/div><\/div>\n            <span class=\"rating-value\">5.0<\/span>\n          <\/div>\n          <div class=\"rating-row\">\n            <span class=\"rating-label\">Check-in<\/span>\n            <div class=\"rating-bar\"><div class=\"rating-bar-fill\" data-width=\"100\"><\/div><\/div>\n            <span class=\"rating-value\">5.0<\/span>\n          <\/div>\n          <div class=\"rating-row\">\n            <span class=\"rating-label\">Communication<\/span>\n            <div class=\"rating-bar\"><div class=\"rating-bar-fill\" data-width=\"100\"><\/div><\/div>\n            <span class=\"rating-value\">5.0<\/span>\n          <\/div>\n          <div class=\"rating-row\">\n            <span class=\"rating-label\">Location<\/span>\n            <div class=\"rating-bar\"><div class=\"rating-bar-fill\" data-width=\"100\"><\/div><\/div>\n            <span class=\"rating-value\">5.0<\/span>\n          <\/div>\n          <div class=\"rating-row\">\n            <span class=\"rating-label\">Value<\/span>\n            <div class=\"rating-bar\"><div class=\"rating-bar-fill\" data-width=\"98\"><\/div><\/div>\n            <span class=\"rating-value\">4.9<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== REVIEWS GRID ==================== -->\n  <section class=\"reviews-grid-section section\">\n    <div class=\"container\">\n      <div class=\"reviews-grid-header\">\n        <p class=\"eyebrow\">Verified Reviews<\/p>\n        <h2>Stories From Our Guests<\/h2>\n        <div class=\"divider-gold divider-gold-center\"><\/div>\n      <\/div>\n\n      <!-- TrustIndex Reviews Widget -->\n      <script defer async src='https:\/\/cdn.trustindex.io\/loader.js?213d963660e8645bb9766993ece'><\/script>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== LEAVE A REVIEW ==================== -->\n  <section class=\"leave-review-section section\">\n    <div class=\"container\">\n      <div class=\"leave-review-inner reveal\">\n        <div class=\"leave-review-header\">\n          <p class=\"eyebrow\">Share Your Experience<\/p>\n          <h2>Leave a Review<\/h2>\n          <div class=\"divider-gold divider-gold-center\"><\/div>\n          <p>Stayed with us through a direct booking? We would love to hear about your experience.<\/p>\n        <\/div>\n\n        <form class=\"review-form\" id=\"reviewForm\">\n          <div class=\"form-row\">\n            <div class=\"form-group\">\n              <label for=\"reviewName\">Your Name<\/label>\n              <input type=\"text\" id=\"reviewName\" name=\"name\" placeholder=\"e.g. Sarah M.\" required>\n            <\/div>\n            <div class=\"form-group\">\n              <label for=\"reviewEmail\">Email Address<\/label>\n              <input type=\"email\" id=\"reviewEmail\" name=\"email\" placeholder=\"your@email.com\" required>\n            <\/div>\n          <\/div>\n\n          <div class=\"form-group\">\n            <label>Your Rating<\/label>\n            <div class=\"star-selector\" id=\"starSelector\">\n              <input type=\"radio\" id=\"star5\" name=\"rating\" value=\"5\">\n              <label for=\"star5\" title=\"5 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              <\/label>\n              <input type=\"radio\" id=\"star4\" name=\"rating\" value=\"4\">\n              <label for=\"star4\" title=\"4 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              <\/label>\n              <input type=\"radio\" id=\"star3\" name=\"rating\" value=\"3\">\n              <label for=\"star3\" title=\"3 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              <\/label>\n              <input type=\"radio\" id=\"star2\" name=\"rating\" value=\"2\">\n              <label for=\"star2\" title=\"2 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              <\/label>\n              <input type=\"radio\" id=\"star1\" name=\"rating\" value=\"1\">\n              <label for=\"star1\" title=\"1 star\">\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              <\/label>\n            <\/div>\n          <\/div>\n\n          <div class=\"form-group\">\n            <label for=\"reviewText\">Your Review<\/label>\n            <textarea id=\"reviewText\" name=\"review\" placeholder=\"Tell us about your stay at Ritmo Cartagena...\" required><\/textarea>\n          <\/div>\n\n          <div class=\"form-submit\">\n            <button type=\"submit\" class=\"btn btn-primary\">\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg>\n              Submit Review\n            <\/button>\n          <\/div>\n        <\/form>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== FINAL CTA ==================== -->\n  <section class=\"final-cta\">\n    <div class=\"final-cta-bg\" role=\"img\" aria-label=\"Cartagena sunset over the sea\"><\/div>\n    <div class=\"container\">\n      <p class=\"eyebrow\" style=\"color:var(--color-cta-light);\">Inspired by Our Guests?<\/p>\n      <h2>Ready to Make Your Own Memories?<\/h2>\n      <p>Join 90+ happy guests who have experienced the magic of Cartagena from Ritmo. Book direct for a personal experience.<\/p>\n      <div class=\"cta-actions\">\n        <a href=\"\/book\/\" class=\"btn btn-primary\">Book Now<\/a>\n        <a href=\"https:\/\/booking.stayritmo.com\/en\/availability\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"btn btn-outline\">Check Availability<\/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 since this page has a shorter hero\n    if (window.scrollY > 60) {\n      navbar.classList.add('scrolled');\n    }\n\n    \/\/ Mobile menu toggle\n    const navToggle = document.getElementById('navToggle');\n    const navLinks = document.getElementById('navLinks');\n    navToggle.addEventListener('click', () => {\n      navLinks.classList.toggle('open');\n    });\n\n    \/\/ Close mobile menu on link click\n    navLinks.querySelectorAll('a').forEach(link => {\n      link.addEventListener('click', () => {\n        navLinks.classList.remove('open');\n      });\n    });\n\n    \/\/ Animate rating bars on scroll\n    const ratingObserver = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          const bars = entry.target.querySelectorAll('.rating-bar-fill');\n          bars.forEach((bar, index) => {\n            setTimeout(() => {\n              bar.style.width = bar.getAttribute('data-width') + '%';\n            }, index * 100);\n          });\n          ratingObserver.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.3 });\n\n    const categoryRatings = document.querySelector('.category-ratings');\n    if (categoryRatings) {\n      ratingObserver.observe(categoryRatings);\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('visible');\n        }\n      });\n    }, { threshold: 0.1 });\n\n    document.querySelectorAll('.reveal').forEach(el => {\n      observer.observe(el);\n    });\n\n    \/\/ Staggered reveal for review cards\n    document.querySelectorAll('.review-card').forEach((el, index) => {\n      el.style.transitionDelay = (index * 0.1) + 's';\n    });\n\n    \/\/ Review form handling\n    const reviewForm = document.getElementById('reviewForm');\n    reviewForm.addEventListener('submit', (e) => {\n      e.preventDefault();\n\n      const name = document.getElementById('reviewName').value;\n      const email = document.getElementById('reviewEmail').value;\n      const rating = document.querySelector('input[name=\"rating\"]:checked');\n      const reviewText = document.getElementById('reviewText').value;\n\n      if (!rating) {\n        alert('Please select a star rating.');\n        return;\n      }\n\n      \/\/ Simulate form submission\n      const submitBtn = reviewForm.querySelector('button[type=\"submit\"]');\n      const originalText = submitBtn.innerHTML;\n      submitBtn.innerHTML = '<svg width=\"18\" height=\"18\" 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> Thank You!';\n      submitBtn.style.background = '#25D366';\n      submitBtn.style.borderColor = '#25D366';\n      submitBtn.disabled = true;\n\n      setTimeout(() => {\n        reviewForm.reset();\n        submitBtn.innerHTML = originalText;\n        submitBtn.style.background = '';\n        submitBtn.style.borderColor = '';\n        submitBtn.disabled = false;\n      }, 3000);\n    });\n\n  <\/script>\n","protected":false},"excerpt":{"rendered":"<p>The Suite Things to Do Cartagena Reviews About Contact Book Now Guest Experiences What Our Guests Say Real stories from real guests. See why Ritmo Cartagena is one of the highest-rated stays in the city. 4.95 from 90+ verified reviews Guest Favorite &middot; Top 10% of listings Cleanliness 5.0 Accuracy 5.0 Check-in 5.0 Communication 5.0 [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":15,"comment_status":"closed","ping_status":"closed","template":"ritmo-canvas","meta":{"footnotes":""},"class_list":["post-4262","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stayritmo.com\/es\/wp-json\/wp\/v2\/pages\/4262","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=4262"}],"version-history":[{"count":10,"href":"https:\/\/stayritmo.com\/es\/wp-json\/wp\/v2\/pages\/4262\/revisions"}],"predecessor-version":[{"id":4771,"href":"https:\/\/stayritmo.com\/es\/wp-json\/wp\/v2\/pages\/4262\/revisions\/4771"}],"wp:attachment":[{"href":"https:\/\/stayritmo.com\/es\/wp-json\/wp\/v2\/media?parent=4262"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}