{"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-03-12T05:08:31","modified_gmt":"2026-03-12T10:08:31","slug":"home","status":"publish","type":"page","link":"https:\/\/stayritmo.com\/cs\/","title":{"rendered":"Domov"},"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\/cs\/\" 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=\"\/cs\/suite\/\">Apartm\u00e1<\/a><\/li>\n        <li style=\"display:none\"><a href=\"\/cs\/things-to-do\/\">Co d\u011blat<\/a><\/li>\n        <li><a href=\"\/cs\/pruvodce-cartagenou\/\">Cartagena<\/a><\/li>\n        <li><a href=\"\/cs\/reviews\/\">Recenze<\/a><\/li>\n        <li><a href=\"\/cs\/about\/\">O<\/a><\/li>\n        <li><a href=\"\/cs\/contact\/\">Kontakt<\/a><\/li>\n        <li><a href=\"\/cs\/book\/\" class=\"nav-cta\">Rezervovat nyn\u00ed<\/a><\/li>\n      <\/ul>\n      <button class=\"nav-toggle\" id=\"navToggle\" aria-label=\"P\u0159epnout navigaci\">\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=\"Modern\u00ed karibsk\u00e9 apartm\u00e1 s v\u00fdhledem na oce\u00e1n\"><\/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 V\u00edce ne\u017e 90 recenz\u00ed \u00b7 Obl\u00edben\u00e9 u host\u016f<\/span>\n      <\/div>\n      <h1>V\u00e1\u0161 modern\u00ed<br><em>Karibsk\u00e1 o\u00e1za<\/em><\/h1>\n      <p class=\"hero-subtitle\">Stylov\u00fd \u00fakryt v El Laguito v Cartagen\u011b. Jen p\u00e1r krok\u016f od mo\u0159e, jen p\u00e1r minut od historick\u00e9ho opevn\u011bn\u00e9ho m\u011bsta, navr\u017een\u00fd pro hosty, kte\u0159\u00ed r\u00e1di objevuj\u00ed okol\u00ed vlastn\u00edm tempem.<\/p>\n      <div class=\"hero-actions\">\n        <a href=\"\/cs\/book\/\" class=\"btn btn-primary\">Rezervujte si pobyt<\/a>\n        <a href=\"\/cs\/suite\/\" class=\"btn btn-outline\">Prozkoumejte apartm\u00e1<\/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 hv\u011bzdi\u010dek \u00b7 Obl\u00edben\u00e9 hosty<\/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>Bezpe\u010dn\u00e9 platby p\u0159es 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>Okam\u017eit\u00e9 potvrzen\u00ed rezervace<\/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>Rychl\u00e1 doba odezvy<\/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\">V\u00e1\u0161 soukrom\u00fd \u00fastup<\/p>\n        <h2>Apartm\u00e1<\/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;\">Promy\u0161len\u011b navr\u017een\u00e9 modern\u00ed apartm\u00e1 s pr\u00e9miov\u00fdm vybaven\u00edm, v\u00fdhledem na lagunu a v\u0161\u00edm, co pot\u0159ebujete pro dokonal\u00fd \u00fat\u011bk v Cartagen\u011b.<\/p>\n      <\/div>\n\n      <div class=\"suite-gallery\">\n        <div class=\"suite-gallery-main\" role=\"img\" aria-label=\"Modern\u00ed lo\u017enice\"><\/div>\n        <div class=\"suite-gallery-item\" role=\"img\" aria-label=\"Ob\u00fdvac\u00ed prostor apartm\u00e1\"><\/div>\n        <div class=\"suite-gallery-item\" role=\"img\" aria-label=\"Koupelna v apartm\u00e1\">\n          <a href=\"\/cs\/suite\/\" class=\"gallery-more\">Zobrazit v\u0161echny fotografie<\/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\">Man\u017eelsk\u00e1 postel<\/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\">Pro 4 osoby<\/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\">V\u00fdhled na lagunu<\/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\">St\u0159e\u0161n\u00ed baz\u00e9n<\/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\">Pra\u010dka\/Su\u0161i\u010dka<\/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\">Kuchy\u0148ka<\/span>\n        <\/div>\n      <\/div>\n\n      <div style=\"text-align:center;margin-top:var(--space-2xl);\">\n        <a href=\"\/cs\/suite\/\" class=\"btn btn-outline-dark\">Zobrazit v\u0161echny podrobnosti<\/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\">Z\u00e1\u017eitek z Ritma<\/p>\n        <h2>Co v\u00e1s \u010dek\u00e1<\/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>Osobn\u00ed p\u0159\u00edstup<\/h4>\n          <p>Od okam\u017eiku p\u0159\u00edjezdu v\u00e1s p\u0159iv\u00edtaj\u00ed hostitel\u00e9, kte\u0159\u00ed znaj\u00ed Cartagenu skrz naskrz. Ka\u017ed\u00fd detail je pe\u010dliv\u011b zpracov\u00e1n.<\/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>P\u00e1r krok\u016f od pl\u00e1\u017ee<\/h4>\n          <p>Probu\u010fte se v El Laguito s Karibikem p\u0159\u00edmo p\u0159ed dve\u0159mi. B\u011bhem n\u011bkolika minut se dostanete na p\u00edse\u010dnou pl\u00e1\u017e, k baz\u00e9nu nebo k opevn\u011bn\u00e9mu m\u011bstu.<\/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>Pln\u011b vybaven\u00e9 apartm\u00e1<\/h4>\n          <p>Modern\u00ed kuchy\u0148, man\u017eelsk\u00e1 postel velikosti \u201eking size\u201c, pra\u010dka a su\u0161i\u010dka, rychl\u00e9 Wi-Fi a st\u0159e\u0161n\u00ed baz\u00e9n. V\u0161e, co pot\u0159ebujete, abyste se c\u00edtili jako doma.<\/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\">Z\u00e1\u017eitky host\u016f<\/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>z v\u00edce ne\u017e 90 ov\u011b\u0159en\u00fdch recenz\u00ed<\/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\">Vybran\u00e9 pro v\u00e1s<\/p>\n        <h2>Co vid\u011bt a d\u011blat<\/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;\">Objevte Cartagenu prost\u0159ednictv\u00edm na\u0161ich pe\u010dliv\u011b vybran\u00fdch z\u00e1\u017eitk\u016f \u2013 od historick\u00fdch p\u011b\u0161\u00edch v\u00fdlet\u016f a\u017e po plavbu p\u0159i z\u00e1padu slunce a pozn\u00e1vac\u00ed z\u00e1jezdy po ostrovech.<\/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\">Popul\u00e1rn\u00ed<\/span>\n          <\/div>\n          <div class=\"experience-body\">\n            <h4>P\u011b\u0161\u00ed prohl\u00eddka opevn\u011bn\u00e9ho m\u011bsta<\/h4>\n            <p>Prozkoumejte 500 let historie barevn\u00fdmi uli\u010dkami Star\u00e9ho M\u011bsta s m\u00edstn\u00edm odborn\u00fdm pr\u016fvodcem.<\/p>\n            <div class=\"experience-footer\">\n              <span class=\"experience-price\">Od $35\/osoba<\/span>\n              <a href=\"\/cs\/things-to-do\/\" class=\"experience-link\">Zjist\u011bte v\u00edce\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\">V\u00fdhradn\u00ed<\/span>\n          <\/div>\n          <div class=\"experience-body\">\n            <h4>Jednodenn\u00ed v\u00fdlet na Rosario Islands<\/h4>\n            <p>K\u0159i\u0161\u0165\u00e1lov\u011b \u010dist\u00e1 voda, \u0161norchlov\u00e1n\u00ed, ob\u011bd s \u010derstv\u00fdmi mo\u0159sk\u00fdmi plody a ryz\u00ed karibsk\u00e1 relaxace na soukrom\u00fdch ostrovech.<\/p>\n            <div class=\"experience-footer\">\n              <span class=\"experience-price\">Od $65\/osoba<\/span>\n              <a href=\"\/cs\/things-to-do\/\" class=\"experience-link\">Zjist\u011bte v\u00edce\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\">Nov\u00fd<\/span>\n          <\/div>\n          <div class=\"experience-body\">\n            <h4>Kurz kolumbijsk\u00e9ho va\u0159en\u00ed<\/h4>\n            <p>Nau\u010dte se p\u0159ipravovat ceviche, arepas a koktejly v soukrom\u00e9 kuchyni s profesion\u00e1ln\u00edm \u0161\u00e9fkucha\u0159em.<\/p>\n            <div class=\"experience-footer\">\n              <span class=\"experience-price\">Od $55\/osoba<\/span>\n              <a href=\"\/cs\/things-to-do\/\" class=\"experience-link\">Zjist\u011bte v\u00edce\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=\"\/cs\/things-to-do\/\" class=\"btn btn-outline-dark\">Zobrazit v\u0161echny z\u00e1\u017eitky<\/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\">Prvot\u0159\u00eddn\u00ed lokalita<\/p>\n          <h2>El Laguito, Cartagena<\/h2>\n          <div class=\"divider-gold\"><\/div>\n          <p>Ritmo Cartagena se nach\u00e1z\u00ed na pulzuj\u00edc\u00edm poloostrov\u011b El Laguito a je p\u0159\u00edmo v centru d\u011bn\u00ed. Pl\u00e1\u017ee m\u00e1te p\u0159ed sebou a historick\u00e9 opevn\u011bn\u00e9 m\u011bsto je jen p\u00e1r minut odtud.<\/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 minuty ch\u016fze<\/strong> na pl\u00e1\u017e 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 minut j\u00edzdy<\/strong> do Walled City (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 minut ch\u016fze<\/strong> do restaurac\u00ed a obchod\u016f<\/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 minut<\/strong> z leti\u0161t\u011b 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=\"Poloha 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=\"Z\u00e1pad slunce v Cartagen\u011b\"><\/div>\n    <div class=\"container\">\n      <p class=\"eyebrow\" style=\"color:var(--color-cta-light);\">P\u0159ipraveni na Cartagenu?<\/p>\n      <h2>V\u00e1\u0161 karibsk\u00fd \u00fanik \u010dek\u00e1 na v\u00e1s<\/h2>\n      <p>Rezervujte si p\u0159\u00edmo a z\u00edskejte osobn\u00ed z\u00e1\u017eitek, pozorn\u00e9 hostitele a pe\u010dliv\u011b p\u0159ipraven\u00e9 z\u00e1\u017eitky, kter\u00e9 jinde nenajdete.<\/p>\n      <div class=\"hero-actions\">\n        <a href=\"\/cs\/book\/\" class=\"btn btn-primary\">Rezervovat nyn\u00ed<\/a>\n        <a href=\"https:\/\/booking.stayritmo.com\/en\/availability\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"btn btn-outline\">Zkontrolovat dostupnost<\/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\/cs\/\" 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>Modern\u00ed karibsk\u00e1 o\u00e1za v El Laguito v Cartagen\u011b. V\u00e1\u0161 stylov\u00fd domov daleko od domova na karibsk\u00e9m pob\u0159e\u017e\u00ed Kolumbie.<\/p>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Prozkoumat<\/h5>\n          <ul>\n            <li><a href=\"\/cs\/suite\/\">Apartm\u00e1<\/a><\/li>\n            <li style=\"display:none\"><a href=\"\/cs\/things-to-do\/\">Co d\u011blat<\/a><\/li>\n            <li><a href=\"\/cs\/pruvodce-cartagenou\/\">Pr\u016fvodce Cartagenou<\/a><\/li>\n            <li><a href=\"\/cs\/reviews\/\">Recenze host\u016f<\/a><\/li>\n            <li><a href=\"\/cs\/blogu\/\">Blog<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Informace<\/h5>\n          <ul>\n            <li><a href=\"\/cs\/about\/\">O n\u00e1s<\/a><\/li>\n            <li><a href=\"\/cs\/nejcastejsi-dotazy\/\">\u010casto kladen\u00e9 ot\u00e1zky<\/a><\/li>\n            <li><a href=\"\/cs\/contact\/\">Kontakt<\/a><\/li>\n            <li><a href=\"\/cs\/partneri\/\">Sta\u0148te se partnerem<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Rezervovat<\/h5>\n          <ul>\n            <li><a href=\"\/cs\/book\/\">Rezervujte p\u0159\u00edmo<\/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=\"\/cs\/terms\/\">Podm\u00ednky slu\u017eby<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/cs\/privacy\/\">Z\u00e1sady ochrany osobn\u00edch \u00fadaj\u016f<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/cs\/zasady-pouzivani-souboru-cookie\/\">Z\u00e1sady pou\u017e\u00edv\u00e1n\u00ed soubor\u016f cookie<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/cs\/prijatelne-pouziti\/\">P\u0159ijateln\u00e9 pou\u017eit\u00ed<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/cs\/storno-podminky\/\">Storno podm\u00ednky<\/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; 90+ 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\/cs\/wp-json\/wp\/v2\/pages\/4370","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stayritmo.com\/cs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stayritmo.com\/cs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stayritmo.com\/cs\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/stayritmo.com\/cs\/wp-json\/wp\/v2\/comments?post=4370"}],"version-history":[{"count":10,"href":"https:\/\/stayritmo.com\/cs\/wp-json\/wp\/v2\/pages\/4370\/revisions"}],"predecessor-version":[{"id":4842,"href":"https:\/\/stayritmo.com\/cs\/wp-json\/wp\/v2\/pages\/4370\/revisions\/4842"}],"wp:attachment":[{"href":"https:\/\/stayritmo.com\/cs\/wp-json\/wp\/v2\/media?parent=4370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}