{"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\/hr\/","title":{"rendered":"Dom"},"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\/hr\/\" 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=\"\/hr\/suite\/\">Apartman<\/a><\/li>\n        <li style=\"display:none\"><a href=\"\/hr\/things-to-do\/\">Stvari koje treba raditi<\/a><\/li>\n        <li><a href=\"\/hr\/vodic-za-cartagenu\/\">Cartagena<\/a><\/li>\n        <li><a href=\"\/hr\/reviews\/\">Recenzije<\/a><\/li>\n        <li><a href=\"\/hr\/about\/\">Oko<\/a><\/li>\n        <li><a href=\"\/hr\/contact\/\">Kontakt<\/a><\/li>\n        <li><a href=\"\/hr\/book\/\" class=\"nav-cta\">Rezerviraj odmah<\/a><\/li>\n      <\/ul>\n      <button class=\"nav-toggle\" id=\"navToggle\" aria-label=\"Uklju\u010di\/isklju\u010di navigaciju\">\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=\"Moderni karipski apartman s pogledom na ocean\"><\/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 90+ recenzija \u00b7 Omiljeno od strane gostiju<\/span>\n      <\/div>\n      <h1>Va\u0161 moderni<br><em>Karipska oaza<\/em><\/h1>\n      <p class=\"hero-subtitle\">Elegantno uto\u010di\u0161te u El Laguitu, Cartagena. Na nekoliko koraka od mora, nekoliko minuta od povijesnog grada okru\u017eenog zidinama, osmi\u0161ljeno za goste koji vole istra\u017eivati vlastitim tempom.<\/p>\n      <div class=\"hero-actions\">\n        <a href=\"\/hr\/book\/\" class=\"btn btn-primary\">Rezervirajte svoj boravak<\/a>\n        <a href=\"\/hr\/suite\/\" class=\"btn btn-outline\">Istra\u017eite apartman<\/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 zvjezdica \u00b7 Omiljeno od gostiju<\/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>Sigurna pla\u0107anja putem Stripea<\/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>Trenutna potvrda rezervacije<\/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>Brzo vrijeme odziva<\/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\">Va\u0161e privatno uto\u010di\u0161te<\/p>\n        <h2>Apartman<\/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;\">Pa\u017eljivo dizajniran moderan apartman s vrhunskim sadr\u017eajima, pogledom na lagunu i svime \u0161to vam je potrebno za savr\u0161en odmor u Cartageni.<\/p>\n      <\/div>\n\n      <div class=\"suite-gallery\">\n        <div class=\"suite-gallery-main\" role=\"img\" aria-label=\"Moderna spava\u0107a soba u apartmanu\"><\/div>\n        <div class=\"suite-gallery-item\" role=\"img\" aria-label=\"Dnevni boravak u apartmanu\"><\/div>\n        <div class=\"suite-gallery-item\" role=\"img\" aria-label=\"Kupaonica u apartmanu\">\n          <a href=\"\/hr\/suite\/\" class=\"gallery-more\">Prika\u017ei sve fotografije<\/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\">Francuski krevet<\/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\">Za 4 osobe<\/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\">Pogled 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\">Bazen na krovu<\/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\">Perilica\/Su\u0161ilica rublja<\/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\">\u010cajna kuhinja<\/span>\n        <\/div>\n      <\/div>\n\n      <div style=\"text-align:center;margin-top:var(--space-2xl);\">\n        <a href=\"\/hr\/suite\/\" class=\"btn btn-outline-dark\">Pogledajte sve detalje<\/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\">Ritmo iskustvo<\/p>\n        <h2>\u0160to vas \u010deka<\/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>Osobni dodir<\/h4>\n          <p>Od trenutka dolaska do\u010dekat \u0107e vas doma\u0107ini koji poznaju Cartagenu u potpunosti. Svaki detalj je obra\u0111en s pa\u017enjom.<\/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>Koraci od pla\u017ee<\/h4>\n          <p>Probudite se u El Laguitu s Karibima na ku\u0107nom pragu. Pro\u0161e\u0107ite do pijeska, bazena ili Utvrdenog grada za nekoliko minuta.<\/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>Potpuno opremljen apartman<\/h4>\n          <p>Moderna kuhinja, bra\u010dni krevet, perilica i su\u0161ilica rublja, brzi Wi-Fi i bazen na krovu. Sve \u0161to vam je potrebno da se osje\u0107ate kao kod ku\u0107e.<\/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\">Iskustva gostiju<\/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>iz vi\u0161e od 90 provjerenih recenzija<\/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\">Odabrano za vas<\/p>\n        <h2>Znamenitosti i aktivnosti<\/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;\">Otkrijte Cartagenu kroz na\u0161a pa\u017eljivo odabrana iskustva - od povijesnih pje\u0161a\u010dkih tura do jedrenja u zalazak sunca i obilaska otoka.<\/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\">Popularan<\/span>\n          <\/div>\n          <div class=\"experience-body\">\n            <h4>Pje\u0161a\u010dka tura utvr\u0111enim gradom<\/h4>\n            <p>Istra\u017eite 500 godina povijesti kroz \u0161arene ulice Starog grada s lokalnim stru\u010dnim vodi\u010dem.<\/p>\n            <div class=\"experience-footer\">\n              <span class=\"experience-price\">Od $35\/osoba<\/span>\n              <a href=\"\/hr\/things-to-do\/\" class=\"experience-link\">Saznajte vi\u0161e\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\">Ekskluzivan<\/span>\n          <\/div>\n          <div class=\"experience-body\">\n            <h4>Dnevni izlet na otoke Rosario<\/h4>\n            <p>Kristalno \u010disto more, ronjenje, ru\u010dak od svje\u017eih morskih plodova i \u010disto karipsko opu\u0161tanje na privatnim otocima.<\/p>\n            <div class=\"experience-footer\">\n              <span class=\"experience-price\">Od $65\/osoba<\/span>\n              <a href=\"\/hr\/things-to-do\/\" class=\"experience-link\">Saznajte vi\u0161e\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\">Novi<\/span>\n          <\/div>\n          <div class=\"experience-body\">\n            <h4>Kolumbijski te\u010daj kuhanja<\/h4>\n            <p>Nau\u010dite pripremati ceviche, arepas i koktele u privatnoj kuhinji s profesionalnim kuharom.<\/p>\n            <div class=\"experience-footer\">\n              <span class=\"experience-price\">Od $55\/osoba<\/span>\n              <a href=\"\/hr\/things-to-do\/\" class=\"experience-link\">Saznajte vi\u0161e\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=\"\/hr\/things-to-do\/\" class=\"btn btn-outline-dark\">Pogledajte sva iskustva<\/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\">Vrhunska lokacija<\/p>\n          <h2>El Laguito, Cartagena<\/h2>\n          <div class=\"divider-gold\"><\/div>\n          <p>Smje\u0161ten na \u017eivopisnom poluotoku El Laguito, Ritmo Cartagena vas stavlja u sredi\u0161te svega. Pla\u017ee su vam na dohvat ruke, a povijesni grad okru\u017een zidinama udaljen je samo nekoliko minuta.<\/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 min hoda<\/strong> do pla\u017ee 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 minuta vo\u017enje<\/strong> do opasanog grada (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 minuta hoda<\/strong> do restorana i trgovina<\/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 minuta<\/strong> s aerodroma 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=\"Lokacija 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=\"Zalazak sunca u Cartageni\"><\/div>\n    <div class=\"container\">\n      <p class=\"eyebrow\" style=\"color:var(--color-cta-light);\">Spremni za Cartagenu?<\/p>\n      <h2>Va\u0161 karipski bijeg \u010deka vas<\/h2>\n      <p>Rezervirajte izravno za osobno iskustvo, pa\u017eljive doma\u0107ine i pa\u017eljivo odabrana iskustva koja ne\u0107ete prona\u0107i nigdje drugdje.<\/p>\n      <div class=\"hero-actions\">\n        <a href=\"\/hr\/book\/\" class=\"btn btn-primary\">Rezerviraj odmah<\/a>\n        <a href=\"https:\/\/booking.stayritmo.com\/en\/availability\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"btn btn-outline\">Provjeri 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\/hr\/\" 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>Moderna karipska oaza u El Laguitu, Cartagena. Va\u0161 elegantni dom daleko od doma na kolumbijskoj karipskoj obali.<\/p>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Istra\u017eiti<\/h5>\n          <ul>\n            <li><a href=\"\/hr\/suite\/\">Apartman<\/a><\/li>\n            <li style=\"display:none\"><a href=\"\/hr\/things-to-do\/\">Stvari koje treba raditi<\/a><\/li>\n            <li><a href=\"\/hr\/vodic-za-cartagenu\/\">Vodi\u010d za Cartagenu<\/a><\/li>\n            <li><a href=\"\/hr\/reviews\/\">Recenzije gostiju<\/a><\/li>\n            <li><a href=\"\/hr\/blog\/\">Blog<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Informacije<\/h5>\n          <ul>\n            <li><a href=\"\/hr\/about\/\">O nama<\/a><\/li>\n            <li><a href=\"\/hr\/cesto-postavljana-pitanja\/\">\u010cesto postavljana pitanja<\/a><\/li>\n            <li><a href=\"\/hr\/contact\/\">Kontakt<\/a><\/li>\n            <li><a href=\"\/hr\/partneri\/\">Postanite partner<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Rezervirati<\/h5>\n          <ul>\n            <li><a href=\"\/hr\/book\/\">Rezerviraj izravno<\/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=\"\/hr\/terms\/\">Uvjeti pru\u017eanja usluge<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/hr\/privacy\/\">Pravila o privatnosti<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/hr\/pravila-o-kolacicima\/\">Pravila o kola\u010di\u0107ima<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/hr\/prihvatljiva-upotreba\/\">Prihvatljiva upotreba<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/hr\/pravila-otkazivanja\/\">Pravila otkazivanja<\/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\/hr\/wp-json\/wp\/v2\/pages\/4370","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stayritmo.com\/hr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stayritmo.com\/hr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stayritmo.com\/hr\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/stayritmo.com\/hr\/wp-json\/wp\/v2\/comments?post=4370"}],"version-history":[{"count":10,"href":"https:\/\/stayritmo.com\/hr\/wp-json\/wp\/v2\/pages\/4370\/revisions"}],"predecessor-version":[{"id":4842,"href":"https:\/\/stayritmo.com\/hr\/wp-json\/wp\/v2\/pages\/4370\/revisions\/4842"}],"wp:attachment":[{"href":"https:\/\/stayritmo.com\/hr\/wp-json\/wp\/v2\/media?parent=4370"}],"curies":[{"name":"radni list","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}