{"id":4370,"date":"2026-03-08T16:38:29","date_gmt":"2026-03-08T21:38:29","guid":{"rendered":"https:\/\/stayritmo.com\/?page_id=4370"},"modified":"2026-08-31T12:59:31","modified_gmt":"2026-08-31T17:59:31","slug":"home","status":"publish","type":"page","link":"https:\/\/stayritmo.com\/it\/","title":{"rendered":"Casa"},"content":{"rendered":"<style>\n\n\/* ============================================================\n   RITMO CARTAGENA \u2014 Design System\n   A Modern Caribbean Oasis in El Laguito, Cartagena\n   ============================================================ *\/\n\n\/* --- Google Fonts --- *\/\n\/* @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Montserrat:wght@300;400;500;600;700&display=swap'); *\/\n\n\/* --- CSS Custom Properties --- *\/\n:root {\n  \/* Colors \u2014 Ritmo Red + Caribbean Gold + Sandy Beach *\/\n  --color-primary: #FF2236;\n  --color-primary-light: #FF4D5E;\n  --color-primary-dark: #D91A2B;\n  --color-secondary: #C87E22;\n  --color-secondary-light: #EBA92C;\n  --color-cta: #C87E22;\n  --color-cta-hover: #A86A1B;\n  --color-cta-light: #EBA92C;\n  --color-accent: #EBA92C;\n  --color-sand: #EBDEC5;\n  --color-sand-light: #F5F0E3;\n  --color-bg: #FFFDF8;\n  --color-bg-warm: #F5F0E3;\n  --color-bg-section: #EBDEC5;\n  --color-text: #2C1810;\n  --color-text-muted: #6B5744;\n  --color-text-light: #8C7A68;\n  --color-white: #FFFFFF;\n  --color-border: #DDD2BD;\n  --color-border-light: #EBDEC5;\n\n  \/* Typography *\/\n  --font-heading: 'Cormorant', Georgia, 'Times New Roman', serif;\n  --font-body: 'Montserrat', 'Segoe UI', Tahoma, sans-serif;\n\n  \/* Font Sizes \u2014 Fluid Scale *\/\n  --text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.8125rem);\n  --text-sm: clamp(0.8125rem, 0.75rem + 0.3vw, 0.875rem);\n  --text-base: clamp(0.9375rem, 0.875rem + 0.3vw, 1rem);\n  --text-lg: clamp(1.0625rem, 0.95rem + 0.5vw, 1.125rem);\n  --text-xl: clamp(1.1875rem, 1rem + 0.75vw, 1.3125rem);\n  --text-2xl: clamp(1.4375rem, 1.15rem + 1.2vw, 1.6875rem);\n  --text-3xl: clamp(1.75rem, 1.35rem + 1.7vw, 2.125rem);\n  --text-4xl: clamp(2.125rem, 1.5rem + 2.5vw, 2.8125rem);\n  --text-5xl: clamp(2.625rem, 1.75rem + 3.5vw, 3.75rem);\n  --text-6xl: clamp(3.25rem, 2rem + 5vw, 5rem);\n\n  \/* Font Weights *\/\n  --weight-light: 300;\n  --weight-normal: 400;\n  --weight-medium: 500;\n  --weight-semibold: 600;\n  --weight-bold: 700;\n\n  \/* Line Heights *\/\n  --leading-tight: 1.15;\n  --leading-snug: 1.3;\n  --leading-normal: 1.6;\n  --leading-relaxed: 1.75;\n\n  \/* Letter Spacing *\/\n  --tracking-tight: -0.02em;\n  --tracking-normal: 0;\n  --tracking-wide: 0.05em;\n  --tracking-wider: 0.1em;\n  --tracking-widest: 0.2em;\n\n  \/* Spacing Scale *\/\n  --space-xs: 0.25rem;\n  --space-sm: 0.5rem;\n  --space-md: 1rem;\n  --space-lg: 1.5rem;\n  --space-xl: 2rem;\n  --space-2xl: 3rem;\n  --space-3xl: 4rem;\n  --space-4xl: 6rem;\n  --space-5xl: 8rem;\n\n  \/* Layout *\/\n  --max-width: 1280px;\n  --max-width-narrow: 960px;\n  --max-width-text: 720px;\n  --nav-height: 80px;\n  --border-radius: 8px;\n  --border-radius-lg: 16px;\n  --border-radius-xl: 24px;\n\n  \/* Shadows *\/\n  --shadow-sm: 0 1px 3px rgba(44, 24, 16, 0.06);\n  --shadow-md: 0 4px 12px rgba(44, 24, 16, 0.08);\n  --shadow-lg: 0 8px 30px rgba(44, 24, 16, 0.1);\n  --shadow-xl: 0 16px 50px rgba(44, 24, 16, 0.12);\n  --shadow-gold: 0 4px 20px rgba(200, 126, 34, 0.25);\n  --shadow-red: 0 4px 20px rgba(255, 34, 54, 0.2);\n\n  \/* Transitions *\/\n  --transition-fast: 150ms ease;\n  --transition-base: 250ms ease;\n  --transition-slow: 400ms ease;\n}\n\n\/* --- Base Resets --- *\/\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml {\n  scroll-behavior: smooth;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\nbody {\n  font-family: var(--font-body);\n  font-size: var(--text-base);\n  font-weight: var(--weight-normal);\n  line-height: var(--leading-normal);\n  color: var(--color-text);\n  background-color: var(--color-bg);\n}\n\n\/* --- Typography --- *\/\nh1, h2, h3, h4, h5, h6 {\n  font-family: var(--font-heading);\n  font-weight: var(--weight-semibold);\n  line-height: var(--leading-tight);\n  color: var(--color-primary);\n}\n\nh1 { font-size: var(--text-5xl); letter-spacing: var(--tracking-tight); }\nh2 { font-size: var(--text-4xl); }\nh3 { font-size: var(--text-3xl); }\nh4 { font-size: var(--text-2xl); }\nh5 { font-size: var(--text-xl); }\nh6 { font-size: var(--text-lg); }\n\np {\n  margin-bottom: var(--space-md);\n  max-width: 70ch;\n}\n\n.text-muted { color: var(--color-text-muted); }\n.text-light { color: var(--color-text-light); }\n.text-gold { color: var(--color-cta); }\n.text-white { color: var(--color-white); }\n\n.eyebrow {\n  font-family: var(--font-body);\n  font-size: var(--text-xs);\n  font-weight: var(--weight-semibold);\n  letter-spacing: var(--tracking-widest);\n  text-transform: uppercase;\n  color: var(--color-cta);\n  margin-bottom: var(--space-sm);\n}\n\n\/* --- Buttons --- *\/\n.btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--space-sm);\n  font-family: var(--font-body);\n  font-size: var(--text-sm);\n  font-weight: var(--weight-semibold);\n  letter-spacing: var(--tracking-wide);\n  text-transform: uppercase;\n  text-decoration: none;\n  padding: 0.875rem 2rem;\n  border: 2px solid transparent;\n  border-radius: var(--border-radius);\n  cursor: pointer;\n  transition: all var(--transition-base);\n  min-height: 48px;\n}\n\n.btn-primary {\n  background: var(--color-cta);\n  color: var(--color-white);\n  border-color: var(--color-cta);\n}\n.btn-primary:hover {\n  background: var(--color-cta-hover);\n  color: var(--color-white);\n  border-color: var(--color-cta-hover);\n  box-shadow: var(--shadow-gold);\n}\n\n.btn-outline {\n  background: transparent;\n  color: var(--color-white);\n  border-color: var(--color-white);\n}\n.btn-outline:hover {\n  background: var(--color-white);\n  color: var(--color-primary);\n}\n\n.btn-outline-dark {\n  background: transparent;\n  color: var(--color-primary);\n  border-color: var(--color-primary);\n}\n.btn-outline-dark:hover {\n  background: var(--color-primary);\n  color: var(--color-white);\n}\n\n.btn-ghost {\n  background: transparent;\n  color: var(--color-cta);\n  border-color: transparent;\n  padding: 0.5rem 1rem;\n}\n.btn-ghost:hover {\n  color: var(--color-cta-hover);\n}\n\n\/* --- Layout Utilities --- *\/\n.container {\n  width: 100%;\n  max-width: var(--max-width);\n  margin: 0 auto;\n  padding: 0 var(--space-xl);\n}\n\n.container-narrow {\n  max-width: var(--max-width-narrow);\n}\n\n.section {\n  padding: var(--space-5xl) 0;\n}\n\n.section-sm {\n  padding: var(--space-3xl) 0;\n}\n\n\/* --- Grid --- *\/\n.grid {\n  display: grid;\n  gap: var(--space-xl);\n}\n.grid-2 { grid-template-columns: repeat(2, 1fr); }\n.grid-3 { grid-template-columns: repeat(3, 1fr); }\n.grid-4 { grid-template-columns: repeat(4, 1fr); }\n\n@media (max-width: 1024px) {\n  .grid-4 { grid-template-columns: repeat(2, 1fr); }\n  .grid-3 { grid-template-columns: repeat(2, 1fr); }\n}\n@media (max-width: 640px) {\n  .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }\n}\n\n\/* --- Card --- *\/\n.card {\n  background: var(--color-white);\n  border-radius: var(--border-radius-lg);\n  overflow: hidden;\n  box-shadow: var(--shadow-sm);\n  transition: all var(--transition-base);\n  cursor: pointer;\n}\n.card:hover {\n  box-shadow: var(--shadow-lg);\n  transform: translateY(-4px);\n}\n.card-body {\n  padding: var(--space-lg);\n}\n\n\/* --- Gold Divider --- *\/\n.divider-gold {\n  width: 60px;\n  height: 2px;\n  background: var(--color-cta);\n  margin: var(--space-md) 0;\n}\n\n.divider-gold-center {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* --- Star Rating --- *\/\n.stars {\n  display: inline-flex;\n  gap: 2px;\n  color: var(--color-cta);\n}\n\n\/* --- Accessibility --- *\/\n@media (prefers-reduced-motion: reduce) {\n  *, *::before, *::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n  html { scroll-behavior: auto; }\n}\n\n\/* --- Focus States --- *\/\n:focus-visible {\n  outline: 2px solid var(--color-cta);\n  outline-offset: 2px;\n}\n\n\/* --- Selection --- *\/\n::selection {\n  background: var(--color-primary);\n  color: var(--color-white);\n}\n\n\/* --- Dark Section (replaces old navy) --- *\/\n.dark-section {\n  background: #2C1810;\n  color: rgba(255, 255, 255, 0.9);\n}\n.dark-section h2, .dark-section h3, .dark-section h4 {\n  color: var(--color-white);\n}\n\n\n\n    \/* Anti-FOUC: hide until styles are ready *\/\n    body { opacity: 0; transition: opacity 0.3s ease; }\n    body.ready { opacity: 1; }\n\n    \/* ============================================================\n       HOME 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      transition: opacity var(--transition-base);\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    \/* --- Hero Section --- *\/\n    .hero {\n      position: relative;\n      min-height: 100vh;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n    }\n\n    .hero-bg {\n      position: absolute;\n      inset: 0;\n      background:\n        linear-gradient(180deg,\n          rgba(15, 23, 42, 0.3) 0%,\n          rgba(15, 23, 42, 0.15) 40%,\n          rgba(15, 23, 42, 0.5) 100%),\n        url('https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/el-laguito-hero.webp')\n        center\/cover no-repeat;\n    }\n\n    .hero-content {\n      position: relative;\n      z-index: 1;\n      text-align: center;\n      max-width: 800px;\n      padding: var(--space-xl);\n    }\n\n    .hero-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--space-sm);\n      background: rgba(255, 255, 255, 0.12);\n      backdrop-filter: blur(12px);\n      border: 1px solid rgba(255, 255, 255, 0.2);\n      padding: 0.5rem 1.25rem;\n      border-radius: 100px;\n      margin-bottom: var(--space-xl);\n    }\n\n    .hero-badge .stars svg {\n      width: 14px;\n      height: 14px;\n      fill: var(--color-cta);\n    }\n\n    .hero-badge span {\n      font-family: var(--font-body);\n      font-size: var(--text-sm);\n      font-weight: var(--weight-medium);\n      color: var(--color-white);\n    }\n\n    .hero h1 {\n      font-size: var(--text-6xl);\n      color: var(--color-white);\n      margin-bottom: var(--space-lg);\n      font-weight: var(--weight-normal);\n    }\n\n    .hero h1 em {\n      font-style: italic;\n      color: var(--color-cta-light);\n    }\n\n    .hero-subtitle {\n      font-size: var(--text-lg);\n      color: rgba(255, 255, 255, 0.85);\n      font-weight: var(--weight-light);\n      line-height: var(--leading-relaxed);\n      max-width: 560px;\n      margin: 0 auto var(--space-2xl);\n    }\n\n    .hero-actions {\n      display: flex;\n      gap: var(--space-md);\n      justify-content: center;\n      flex-wrap: wrap;\n    }\n\n    .hero-scroll {\n      position: absolute;\n      bottom: 2rem;\n      left: 50%;\n      transform: translateX(-50%);\n      z-index: 1;\n      color: rgba(255, 255, 255, 0.6);\n      animation: float 3s ease-in-out infinite;\n      cursor: pointer;\n    }\n\n    @keyframes float {\n      0%, 100% { transform: translateX(-50%) translateY(0); }\n      50% { transform: translateX(-50%) translateY(-8px); }\n    }\n\n    \/* --- Trust Bar --- *\/\n    .trust-bar {\n      background: #124720;\n      padding: var(--space-lg) 0;\n    }\n\n    .trust-bar .container {\n      display: flex;\n      justify-content: center;\n      flex-wrap: wrap;\n      gap: var(--space-2xl);\n    }\n\n    .trust-item {\n      display: flex;\n      align-items: center;\n      gap: var(--space-sm);\n      color: rgba(255, 255, 255, 0.9);\n      font-size: var(--text-sm);\n      font-weight: var(--weight-medium);\n    }\n\n    .trust-item svg {\n      width: 20px;\n      height: 20px;\n      color: var(--color-cta);\n      flex-shrink: 0;\n    }\n\n    \/* --- Suite Preview --- *\/\n    .suite-preview {\n      background: var(--color-bg);\n    }\n\n    .suite-header {\n      text-align: center;\n      margin-bottom: var(--space-3xl);\n    }\n\n    .suite-gallery {\n      display: grid;\n      grid-template-columns: 2fr 1fr;\n      grid-template-rows: 300px 300px;\n      gap: var(--space-md);\n      border-radius: var(--border-radius-lg);\n      overflow: hidden;\n    }\n\n    .suite-gallery-main {\n      grid-row: 1 \/ -1;\n      background:\n        url('https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/ritmo-bedroom-1.webp')\n        center\/cover no-repeat;\n      border-radius: var(--border-radius-lg) 0 0 var(--border-radius-lg);\n    }\n\n    .suite-gallery-item {\n      background-size: cover;\n      background-position: center;\n    }\n\n    .suite-gallery-item:nth-child(2) {\n      background-image: url('https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/ritmo-living-room-1.webp');\n      border-radius: 0 var(--border-radius-lg) 0 0;\n    }\n\n    .suite-gallery-item:nth-child(3) {\n      background-image: url('https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/ritmo-kitchen-1.webp');\n      border-radius: 0 0 var(--border-radius-lg) 0;\n      position: relative;\n    }\n\n    .gallery-more {\n      position: absolute;\n      inset: 0;\n      background: rgba(44, 24, 16, 0.55);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--color-white);\n      font-family: var(--font-body);\n      font-weight: var(--weight-semibold);\n      font-size: var(--text-lg);\n      cursor: pointer;\n      transition: background var(--transition-base);\n    }\n\n    .gallery-more:hover {\n      background: rgba(44, 24, 16, 0.7);\n    }\n\n    .amenities-grid {\n      display: flex;\n      justify-content: center;\n      flex-wrap: wrap;\n      gap: var(--space-2xl);\n      margin-top: var(--space-2xl);\n      padding: var(--space-xl) 0;\n    }\n\n    .amenity {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: var(--space-sm);\n      text-align: center;\n    }\n\n    .amenity-icon {\n      width: 48px;\n      height: 48px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #2C1810;\n      border-radius: 50%;\n      color: var(--color-cta);\n    }\n\n    .amenity-icon svg {\n      width: 22px;\n      height: 22px;\n    }\n\n    .amenity-label {\n      font-size: var(--text-sm);\n      font-weight: var(--weight-medium);\n      color: var(--color-text-muted);\n    }\n\n    @media (max-width: 768px) {\n      .suite-gallery {\n        grid-template-columns: 1fr;\n        grid-template-rows: 300px 200px 200px;\n      }\n      .suite-gallery-main {\n        grid-row: auto;\n        border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;\n      }\n      .suite-gallery-item:nth-child(2) { border-radius: 0; }\n      .suite-gallery-item:nth-child(3) { border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg); }\n    }\n\n    \/* --- Why Book Direct --- *\/\n    .why-direct {\n      background: var(--color-sand-light);\n    }\n\n    .why-direct-header {\n      text-align: center;\n      margin-bottom: var(--space-3xl);\n    }\n\n    .benefit-card {\n      background: var(--color-white);\n      border-radius: var(--border-radius-lg);\n      padding: var(--space-2xl);\n      text-align: center;\n      box-shadow: var(--shadow-sm);\n      transition: all var(--transition-base);\n      border: 1px solid var(--color-border-light);\n    }\n\n    .benefit-card:hover {\n      box-shadow: var(--shadow-lg);\n      transform: translateY(-4px);\n    }\n\n    .benefit-icon {\n      width: 64px;\n      height: 64px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 0 auto var(--space-lg);\n      background: linear-gradient(135deg, #2C1810, #4A3228);\n      border-radius: var(--border-radius);\n      color: var(--color-cta);\n    }\n\n    .benefit-icon svg {\n      width: 28px;\n      height: 28px;\n    }\n\n    .benefit-card h4 {\n      font-size: var(--text-xl);\n      margin-bottom: var(--space-sm);\n    }\n\n    .benefit-card p {\n      color: var(--color-text-muted);\n      font-size: var(--text-sm);\n      margin: 0 auto;\n    }\n\n    \/* --- Reviews --- *\/\n    .reviews-section {\n      background: var(--color-bg);\n    }\n\n    .reviews-header {\n      text-align: center;\n      margin-bottom: var(--space-3xl);\n    }\n\n    .reviews-aggregate {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: var(--space-md);\n      margin-bottom: var(--space-lg);\n    }\n\n    .reviews-score {\n      font-family: var(--font-heading);\n      font-size: var(--text-4xl);\n      font-weight: var(--weight-bold);\n      color: var(--color-primary);\n    }\n\n    .reviews-meta {\n      text-align: left;\n    }\n\n    .reviews-meta .stars svg {\n      width: 18px;\n      height: 18px;\n      fill: var(--color-cta);\n    }\n\n    .reviews-meta span {\n      font-size: var(--text-sm);\n      color: var(--color-text-muted);\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    }\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    }\n\n    .review-name {\n      font-weight: var(--weight-semibold);\n      font-size: var(--text-sm);\n    }\n\n    .review-date {\n      font-size: var(--text-xs);\n      color: var(--color-text-light);\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    }\n\n    .review-stars {\n      margin-top: var(--space-md);\n    }\n\n    .review-stars svg {\n      width: 14px;\n      height: 14px;\n      fill: var(--color-cta);\n    }\n\n    \/* --- Experiences Preview --- *\/\n    .experiences {\n      background: var(--color-sand-light);\n    }\n\n    .experiences-header {\n      text-align: center;\n      margin-bottom: var(--space-3xl);\n    }\n\n    .experience-card {\n      border-radius: var(--border-radius-lg);\n      overflow: hidden;\n      background: var(--color-white);\n      box-shadow: var(--shadow-sm);\n      transition: all var(--transition-base);\n      cursor: pointer;\n    }\n\n    .experience-card:hover {\n      box-shadow: var(--shadow-lg);\n      transform: translateY(-4px);\n    }\n\n    .experience-img {\n      height: 240px;\n      background-size: cover;\n      background-position: center;\n      position: relative;\n    }\n\n    .experience-tag {\n      position: absolute;\n      top: var(--space-md);\n      left: var(--space-md);\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.375rem 0.75rem;\n      border-radius: 100px;\n    }\n\n    .experience-body {\n      padding: var(--space-lg);\n    }\n\n    .experience-body h4 {\n      font-size: var(--text-xl);\n      margin-bottom: var(--space-xs);\n    }\n\n    .experience-body p {\n      font-size: var(--text-sm);\n      color: var(--color-text-muted);\n      margin-bottom: var(--space-md);\n    }\n\n    .experience-footer {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .experience-price {\n      font-weight: var(--weight-semibold);\n      color: var(--color-text);\n    }\n\n    .experience-link {\n      font-size: var(--text-sm);\n      font-weight: var(--weight-semibold);\n      color: var(--color-cta);\n      text-decoration: none;\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\n      cursor: pointer;\n    }\n\n    .experience-link:hover {\n      color: var(--color-cta-hover);\n    }\n\n    \/* --- Location Section --- *\/\n    .location {\n      background: var(--color-sand-light);\n    }\n\n    .location-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: var(--space-3xl);\n      align-items: center;\n    }\n\n    .location-info h2 {\n      margin-bottom: var(--space-md);\n    }\n\n    .location-info p {\n      color: var(--color-text-muted);\n      margin-bottom: var(--space-xl);\n    }\n\n    .location-distances {\n      list-style: none;\n      display: flex;\n      flex-direction: column;\n      gap: var(--space-md);\n    }\n\n    .location-distances li {\n      display: flex;\n      align-items: center;\n      gap: var(--space-md);\n      font-size: var(--text-sm);\n      color: var(--color-text-muted);\n    }\n\n    .location-distances li svg {\n      width: 20px;\n      height: 20px;\n      color: var(--color-cta);\n      flex-shrink: 0;\n    }\n\n    .location-distances li strong {\n      color: var(--color-text);\n      font-weight: var(--weight-semibold);\n    }\n\n    .location-map {\n      border-radius: var(--border-radius-lg);\n      overflow: hidden;\n      aspect-ratio: 4\/3;\n      background: var(--color-border);\n    }\n\n    .location-map iframe {\n      width: 100%;\n      height: 100%;\n      border: 0;\n    }\n\n    @media (max-width: 768px) {\n      .location-grid { grid-template-columns: 1fr; }\n    }\n\n    \/* --- Final CTA --- *\/\n    .final-cta {\n      position: relative;\n      padding: var(--space-5xl) 0;\n      text-align: center;\n      overflow: hidden;\n      background: #124720;\n    }\n\n    .final-cta-bg {\n      position: absolute;\n      inset: 0;\n      background:\n        linear-gradient(180deg,\n          rgba(18, 71, 32, 0.92) 0%,\n          rgba(18, 71, 32, 0.96) 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 .eyebrow {\n      color: var(--color-accent) !important;\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.85);\n      font-size: var(--text-lg);\n      max-width: 560px;\n      margin: 0 auto var(--space-2xl);\n    }\n\n    .final-cta .btn-outline {\n      border-color: rgba(255, 255, 255, 0.6);\n      color: var(--color-white);\n    }\n\n    .final-cta .btn-outline:hover {\n      background: var(--color-white);\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      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  \n<\/style>\n\n\n\n<!-- ==================== NAVIGATION ==================== -->\n  <nav class=\"nav\" id=\"navbar\">\n    <div class=\"nav-inner\">\n      <a href=\"https:\/\/stayritmo.com\/it\/\" 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=\"\/it\/suite\/\">La Suite<\/a><\/li>\n        <li style=\"display:none\"><a href=\"\/it\/things-to-do\/\">Cose da fare<\/a><\/li>\n        <li><a href=\"\/it\/guida-di-cartagena\/\">Cartagena<\/a><\/li>\n        <li><a href=\"\/it\/reviews\/\">Recensioni<\/a><\/li>\n        <li><a href=\"\/it\/about\/\">Di<\/a><\/li>\n        <li><a href=\"\/it\/contact\/\">Contatto<\/a><\/li>\n        <li><a href=\"\/it\/book\/\" class=\"nav-cta\">Prenota ora<\/a><\/li>\n      <\/ul>\n      <button class=\"nav-toggle\" id=\"navToggle\" aria-label=\"Attiva\/disattiva la navigazione\">\n        <span><\/span><span><\/span><span><\/span>\n      <\/button>\n    <\/div>\n  <\/nav>\n\n  <!-- ==================== HERO ==================== -->\n  <section class=\"hero\">\n    <div class=\"hero-bg\" role=\"img\" aria-label=\"Moderna suite caraibica con vista sull&#039;oceano\"><\/div>\n    <div class=\"hero-content\">\n      <div class=\"hero-badge\">\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 \u00b7 Oltre 100 recensioni \u00b7 Preferito dagli ospiti<\/span>\n      <\/div>\n      <h1>Il tuo moderno<br><em>Oasi caraibica<\/em><\/h1>\n      <p class=\"hero-subtitle\">Un rifugio elegante a El Laguito, Cartagena. A pochi passi dal mare, a pochi minuti dalla storica citt\u00e0 murata, pensato per gli ospiti che amano esplorare al proprio ritmo.<\/p>\n      <div class=\"hero-actions\">\n        <a href=\"\/it\/book\/\" class=\"btn btn-primary\">Prenota il tuo soggiorno<\/a>\n        <a href=\"\/it\/suite\/\" class=\"btn btn-outline\">Esplora la Suite<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"hero-scroll\" aria-hidden=\"true\">\n      <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 5v14M5 12l7 7 7-7\"\/><\/svg>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== TRUST BAR ==================== -->\n  <section class=\"trust-bar\">\n    <div class=\"container\">\n      <div class=\"trust-item\">\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n        <span>4,95 stelle \u00b7 Preferito degli ospiti<\/span>\n      <\/div>\n      <div class=\"trust-item\">\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        <span>Pagamenti sicuri con Stripe<\/span>\n      <\/div>\n      <div class=\"trust-item\">\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        <span>Conferma immediata della prenotazione<\/span>\n      <\/div>\n      <div class=\"trust-item\">\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n        <span>Tempo di risposta rapido<\/span>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== SUITE PREVIEW ==================== -->\n  <section class=\"suite-preview section\">\n    <div class=\"container\">\n      <div class=\"suite-header\">\n        <p class=\"eyebrow\">Il tuo rifugio privato<\/p>\n        <h2>La Suite<\/h2>\n        <div class=\"divider-gold divider-gold-center\"><\/div>\n        <p class=\"text-muted\" style=\"max-width:560px;margin:var(--space-md) auto 0;\">Una suite moderna, progettata con cura e dotata di comfort di prima qualit\u00e0, vista sulla laguna e tutto il necessario per una perfetta vacanza a Cartagena.<\/p>\n      <\/div>\n\n      <div class=\"suite-gallery\">\n        <div class=\"suite-gallery-main\" role=\"img\" aria-label=\"Camera da letto moderna\"><\/div>\n        <div class=\"suite-gallery-item\" role=\"img\" aria-label=\"Zona giorno della suite\"><\/div>\n        <div class=\"suite-gallery-item\" role=\"img\" aria-label=\"Bagno della suite\">\n          <a href=\"\/it\/suite\/\" class=\"gallery-more\">Visualizza tutte le foto<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"amenities-grid\">\n        <div class=\"amenity\">\n          <div class=\"amenity-icon\">\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          <\/div>\n          <span class=\"amenity-label\">Letto matrimoniale<\/span>\n        <\/div>\n        <div class=\"amenity\">\n          <div class=\"amenity-icon\">\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\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n          <\/div>\n          <span class=\"amenity-label\">4 posti letto<\/span>\n        <\/div>\n        <div class=\"amenity\">\n          <div class=\"amenity-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 12h6a2 2 0 0 1 2 2v6\"\/><path d=\"M2 18h8\"\/><circle cx=\"18\" cy=\"6\" r=\"4\"\/><path d=\"M14 14h8v8h-8z\"\/><\/svg>\n          <\/div>\n          <span class=\"amenity-label\">Vista sulla laguna<\/span>\n        <\/div>\n        <div class=\"amenity\">\n          <div class=\"amenity-icon\">\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          <\/div>\n          <span class=\"amenity-label\">Piscina sul tetto<\/span>\n        <\/div>\n        <div class=\"amenity\">\n          <div class=\"amenity-icon\">\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          <\/div>\n          <span class=\"amenity-label\">Lavatrice\/asciugatrice<\/span>\n        <\/div>\n        <div class=\"amenity\">\n          <div class=\"amenity-icon\">\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          <\/div>\n          <span class=\"amenity-label\">Angolo cottura<\/span>\n        <\/div>\n      <\/div>\n\n      <div style=\"text-align:center;margin-top:var(--space-2xl);\">\n        <a href=\"\/it\/suite\/\" class=\"btn btn-outline-dark\">Visualizza tutti i dettagli<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== WHY BOOK DIRECT ==================== -->\n  <section class=\"why-direct section\">\n    <div class=\"container\">\n      <div class=\"why-direct-header\">\n        <p class=\"eyebrow\">L&#039;esperienza Ritmo<\/p>\n        <h2>Cosa ti aspetta<\/h2>\n        <div class=\"divider-gold divider-gold-center\"><\/div>\n      <\/div>\n\n      <div class=\"grid grid-3\">\n        <div class=\"benefit-card\">\n          <div class=\"benefit-icon\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\n          <\/div>\n          <h4>Un tocco personale<\/h4>\n          <p>Fin dal vostro arrivo, sarete accolti da padroni di casa che conoscono Cartagena come le loro tasche. Ogni dettaglio \u00e8 curato con cura.<\/p>\n        <\/div>\n        <div class=\"benefit-card\">\n          <div class=\"benefit-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=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\n          <\/div>\n          <h4>A pochi passi dalla spiaggia<\/h4>\n          <p>Svegliatevi a El Laguito con i Caraibi a portata di mano. In pochi minuti potrete raggiungere a piedi la spiaggia, la piscina o la Citt\u00e0 Murata.<\/p>\n        <\/div>\n        <div class=\"benefit-card\">\n          <div class=\"benefit-icon\">\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          <\/div>\n          <h4>Suite completamente attrezzata<\/h4>\n          <p>Una cucina moderna, un letto king size, lavatrice e asciugatrice, Wi-Fi veloce e una piscina sul tetto. Tutto ci\u00f2 di cui hai bisogno per sentirti a casa.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== GUEST REVIEWS ==================== -->\n  <section class=\"reviews-section section\">\n    <div class=\"container\">\n      <div class=\"reviews-header\">\n        <p class=\"eyebrow\">Esperienze degli ospiti<\/p>\n        <div class=\"reviews-aggregate\">\n          <span class=\"reviews-score\">4.95<\/span>\n          <div class=\"reviews-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>Basato su oltre 100 recensioni verificate<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"divider-gold divider-gold-center\"><\/div>\n      <\/div>\n\n      <!-- Trustindex Review Slider -->\n      <script defer async src='https:\/\/cdn.trustindex.io\/loader.js?8c4fbc066a3a63741d9669753ec'><\/script>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== EXPERIENCES PREVIEW (hidden until ready) ==================== -->\n  <section class=\"experiences section\" style=\"display:none\">\n    <div class=\"container\">\n      <div class=\"experiences-header\">\n        <p class=\"eyebrow\">Selezionato per te<\/p>\n        <h2>Cose da vedere e da fare<\/h2>\n        <div class=\"divider-gold divider-gold-center\"><\/div>\n        <p class=\"text-muted\" style=\"max-width:560px;margin:var(--space-md) auto 0;\">Scopri Cartagena attraverso le nostre esperienze selezionate: dai tour storici a piedi alle gite in barca al tramonto, fino alle escursioni tra le isole.<\/p>\n      <\/div>\n\n      <div class=\"grid grid-3\">\n        <div class=\"experience-card\">\n          <div class=\"experience-img\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1583531172005-814194af01e1?w=600&#038;q=80')\">\n            <span class=\"experience-tag\">Popolare<\/span>\n          <\/div>\n          <div class=\"experience-body\">\n            <h4>Tour a piedi della citt\u00e0 murata<\/h4>\n            <p>Esplora 500 anni di storia attraverso le colorate strade della Citt\u00e0 Vecchia con una guida locale esperta.<\/p>\n            <div class=\"experience-footer\">\n              <span class=\"experience-price\">Da $35\/persona<\/span>\n              <a href=\"\/it\/things-to-do\/\" class=\"experience-link\">Saperne di pi\u00f9\n                <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n              <\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"experience-card\">\n          <div class=\"experience-img\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1544551763-46a013bb70d5?w=600&#038;q=80')\">\n            <span class=\"experience-tag\">Esclusivo<\/span>\n          <\/div>\n          <div class=\"experience-body\">\n            <h4>Gita di un giorno alle Isole del Rosario<\/h4>\n            <p>Acque cristalline, snorkeling, pranzo a base di pesce fresco e puro relax caraibico su isole private.<\/p>\n            <div class=\"experience-footer\">\n              <span class=\"experience-price\">Da $65\/persona<\/span>\n              <a href=\"\/it\/things-to-do\/\" class=\"experience-link\">Saperne di pi\u00f9\n                <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n              <\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"experience-card\">\n          <div class=\"experience-img\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1504674900247-0877df9cc836?w=600&#038;q=80')\">\n            <span class=\"experience-tag\">Nuovo<\/span>\n          <\/div>\n          <div class=\"experience-body\">\n            <h4>Corso di cucina colombiana<\/h4>\n            <p>Impara a preparare ceviche, arepas e cocktail in una cucina privata con uno chef professionista.<\/p>\n            <div class=\"experience-footer\">\n              <span class=\"experience-price\">Da $55\/persona<\/span>\n              <a href=\"\/it\/things-to-do\/\" class=\"experience-link\">Saperne di pi\u00f9\n                <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n              <\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div style=\"text-align:center;margin-top:var(--space-2xl);\">\n        <a href=\"\/it\/things-to-do\/\" class=\"btn btn-outline-dark\">Visualizza tutte le esperienze<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== LOCATION ==================== -->\n  <section class=\"location section\">\n    <div class=\"container\">\n      <div class=\"location-grid\">\n        <div class=\"location-info\">\n          <p class=\"eyebrow\">Posizione privilegiata<\/p>\n          <h2>El Laguito, Cartagena<\/h2>\n          <div class=\"divider-gold\"><\/div>\n          <p>Situato nella vivace penisola di El Laguito, il Ritmo Cartagena vi mette al centro di tutto. Le spiagge sono a due passi, la storica citt\u00e0 murata a pochi minuti di distanza.<\/p>\n          <ul class=\"location-distances\">\n            <li>\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              <span><strong>2 minuti a piedi<\/strong> alla spiaggia di El Laguito<\/span>\n            <\/li>\n            <li>\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              <span><strong>10 minuti di viaggio<\/strong> alla citt\u00e0 murata (Ciudad Amurallada)<\/span>\n            <\/li>\n            <li>\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              <span><strong>5 minuti a piedi<\/strong> ai ristoranti e ai negozi<\/span>\n            <\/li>\n            <li>\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              <span><strong>15 minuti<\/strong> dall&#039;aeroporto Rafael Nu\u00f1ez<\/span>\n            <\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"location-map\">\n          <iframe\n            src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3924.123!2d-75.5622!3d10.3954!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMTDCsDIzJzQzLjQiTiA3NcKwMzMnNDMuOSJX!5e0!3m2!1sen!2sco!4v1\"\n            allowfullscreen\n loading=\"lazy\"\n            referrerpolicy=\"no-referrer-when-downgrade\"\n            title=\"Posizione Ritmo Cartagena\">\n          <\/iframe>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== FINAL CTA ==================== -->\n  <section class=\"final-cta\">\n    <div class=\"final-cta-bg\" role=\"img\" aria-label=\"Tramonto a Cartagena\"><\/div>\n    <div class=\"container\">\n      <p class=\"eyebrow\" style=\"color:var(--color-cta-light);\">Pronti per Cartagena?<\/p>\n      <h2>La tua fuga ai Caraibi ti aspetta<\/h2>\n      <p>Prenota direttamente per un&#039;esperienza personalizzata, con host attenti ed esperienze curate che non troverai da nessun&#039;altra parte.<\/p>\n      <div class=\"hero-actions\">\n        <a href=\"\/it\/book\/\" class=\"btn btn-primary\">Prenota ora<\/a>\n        <a href=\"https:\/\/booking.stayritmo.com\/en\/availability\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"btn btn-outline\">Verifica disponibilit\u00e0<\/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\/it\/\" 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>Una moderna oasi caraibica a El Laguito, Cartagena. La tua elegante casa lontano da casa sulla costa caraibica della Colombia.<\/p>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Esplorare<\/h5>\n          <ul>\n            <li><a href=\"\/it\/suite\/\">La Suite<\/a><\/li>\n            <li style=\"display:none\"><a href=\"\/it\/things-to-do\/\">Cose da fare<\/a><\/li>\n            <li><a href=\"\/it\/guida-di-cartagena\/\">Guida di Cartagena<\/a><\/li>\n            <li><a href=\"\/it\/reviews\/\">Recensioni degli ospiti<\/a><\/li>\n            <li><a href=\"\/it\/blog\/\">Blog<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Informazioni<\/h5>\n          <ul>\n            <li><a href=\"\/it\/about\/\">Chi siamo<\/a><\/li>\n            <li><a href=\"\/it\/faq\/\">Domande frequenti<\/a><\/li>\n            <li><a href=\"\/it\/contact\/\">Contatto<\/a><\/li>\n            <li><a href=\"\/it\/partner\/\">Diventa un partner<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Libro<\/h5>\n          <ul>\n            <li><a href=\"\/it\/book\/\">Prenota direttamente<\/a><\/li>\n            <li><a href=\"https:\/\/airbnb.com\/h\/ritmo\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Airbnb<\/a><\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      <div class=\"footer-bottom\">\n        <p>\u00a9 <script>document.write(new Date().getFullYear())<\/script> Ritmo Cartagena<\/p>\n        <div class=\"footer-social\">\n          <a href=\"https:\/\/www.instagram.com\/ritmocartagena\/\" aria-label=\"Instagram\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg>\n          <\/a>\n          <a href=\"https:\/\/www.facebook.com\/ritmocartagena\/\" aria-label=\"Facebook\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg>\n          <\/a>\n          <a href=\"https:\/\/x.com\/ritmo_cartagena\" aria-label=\"X\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\n            <svg viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\n          <\/a>\n        <\/div>\n        <div class=\"footer-legal\">\n          <a href=\"\/it\/terms\/\">Termini di servizio<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/it\/privacy\/\">politica sulla riservatezza<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/it\/politica-sui-cookie\/\">Informativa sui cookie<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/it\/uso-accettabile\/\">Uso accettabile<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/it\/politica-di-cancellazione\/\">Politica di cancellazione<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/footer>\n\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    \/\/ 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.style.opacity = '1';\n          entry.target.style.transform = 'translateY(0)';\n        }\n      });\n    }, { threshold: 0.1 });\n\n    document.querySelectorAll('.benefit-card, .review-card, .experience-card, .amenity').forEach(el => {\n      el.style.opacity = '0';\n      el.style.transform = 'translateY(20px)';\n      el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n      observer.observe(el);\n    });\n\n    \/\/ Reveal page (anti-FOUC)\n    document.body.classList.add('ready');\n\n  <\/script>","protected":false},"excerpt":{"rendered":"<p>The Suite Things to Do Cartagena Reviews About Contact Book Now 4.95 &middot; 100+ Reviews &middot; Guest Favorite Your ModernCaribbean Oasis A stylish retreat in El Laguito, Cartagena. Steps from the sea, minutes from the historic walled city, and designed for guests who love exploring at their own pace. Book Your Stay Explore the Suite [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"ritmo-canvas","meta":{"footnotes":""},"class_list":["post-4370","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stayritmo.com\/it\/wp-json\/wp\/v2\/pages\/4370","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=4370"}],"version-history":[{"count":11,"href":"https:\/\/stayritmo.com\/it\/wp-json\/wp\/v2\/pages\/4370\/revisions"}],"predecessor-version":[{"id":4904,"href":"https:\/\/stayritmo.com\/it\/wp-json\/wp\/v2\/pages\/4370\/revisions\/4904"}],"wp:attachment":[{"href":"https:\/\/stayritmo.com\/it\/wp-json\/wp\/v2\/media?parent=4370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}