{"id":4265,"date":"2026-03-08T21:40:44","date_gmt":"2026-03-09T02:40:44","guid":{"rendered":"https:\/\/stayritmo.com\/?page_id=4265"},"modified":"2026-03-10T14:53:19","modified_gmt":"2026-03-10T19:53:19","slug":"partneri","status":"publish","type":"page","link":"https:\/\/stayritmo.com\/cs\/partners\/","title":{"rendered":"Partne\u0159i"},"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    \/* ============================================================\n       PARTNERS PAGE \u2014 Ritmo Cartagena\n       ============================================================ *\/\n\n    \/* --- Navigation --- *\/\n    .nav {\n      position: fixed;\n      top: 1rem;\n      left: 1rem;\n      right: 1rem;\n      z-index: 50;\n      background: rgba(255, 255, 255, 0.05);\n      backdrop-filter: blur(20px);\n      -webkit-backdrop-filter: blur(20px);\n      border-radius: var(--border-radius-xl);\n      border: 1px solid rgba(255, 255, 255, 0.15);\n      transition: all var(--transition-slow);\n      padding: 0 var(--space-xl);\n    }\n\n    .nav.scrolled {\n      top: 0;\n      left: 0;\n      right: 0;\n      background: rgba(255, 255, 255, 0.97);\n      backdrop-filter: blur(12px);\n      border-radius: 0;\n      border-color: var(--color-border);\n      box-shadow: var(--shadow-md);\n    }\n\n    .nav-inner {\n      max-width: var(--max-width);\n      margin: 0 auto;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      height: var(--nav-height);\n    }\n\n    .nav-logo {\n      display: inline-flex;\n      align-items: center;\n      text-decoration: none;\n    }\n\n    .nav-logo img {\n      height: 30px;\n      width: auto;\n      filter: brightness(0) invert(1);\n      transition: filter var(--transition-base);\n    }\n\n    .nav.scrolled .nav-logo img {\n      filter: none;\n    }\n\n    .nav-links {\n      display: flex;\n      align-items: center;\n      gap: var(--space-xl);\n      list-style: none;\n    }\n\n    .nav-links a {\n      font-family: var(--font-body);\n      font-size: var(--text-sm);\n      font-weight: var(--weight-medium);\n      color: rgba(255, 255, 255, 0.9);\n      text-decoration: none;\n      letter-spacing: var(--tracking-wide);\n      text-transform: uppercase;\n      transition: color var(--transition-fast);\n      cursor: pointer;\n    }\n\n    .nav-links a:hover {\n      color: var(--color-cta);\n    }\n\n    .nav.scrolled .nav-links a {\n      color: var(--color-text);\n    }\n\n    .nav.scrolled .nav-links a:hover {\n      color: var(--color-cta);\n    }\n\n    .nav-links a.active,\n    .nav.scrolled .nav-links a.active {\n      color: var(--color-cta) !important;\n    }\n\n    .nav-cta {\n      padding: 0.625rem 1.5rem !important;\n      background: var(--color-cta) !important;\n      color: var(--color-white) !important;\n      border-radius: var(--border-radius) !important;\n      font-weight: var(--weight-semibold) !important;\n      text-transform: uppercase !important;\n      letter-spacing: var(--tracking-wide) !important;\n      font-size: var(--text-xs) !important;\n      transition: all var(--transition-base) !important;\n      cursor: pointer;\n    }\n\n    .nav-cta:hover {\n      background: var(--color-cta-hover) !important;\n      box-shadow: var(--shadow-gold) !important;\n    }\n\n    \/* Mobile menu toggle *\/\n    .nav-toggle {\n      display: none;\n      flex-direction: column;\n      gap: 5px;\n      cursor: pointer;\n      background: none;\n      border: none;\n      padding: 4px;\n    }\n\n    .nav-toggle span {\n      width: 24px;\n      height: 2px;\n      background: var(--color-white);\n      transition: all var(--transition-base);\n    }\n\n    .nav.scrolled .nav-toggle span {\n      background: var(--color-text);\n    }\n\n    @media (max-width: 1024px) {\n      .nav-toggle { display: flex; }\n      .nav-links {\n        display: none;\n        position: absolute;\n        top: calc(var(--nav-height) + 0.5rem);\n        left: 0;\n        right: 0;\n        background: var(--color-white);\n        flex-direction: column;\n        padding: var(--space-xl);\n        border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg);\n        box-shadow: var(--shadow-lg);\n      }\n      .nav-links.open { display: flex; }\n      .nav-links a { color: var(--color-text) !important; }\n    }\n\n    \/* --- Page Hero --- *\/\n    .page-hero {\n      position: relative;\n      min-height: 60vh;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n    }\n\n    .page-hero-bg {\n      position: absolute;\n      inset: 0;\n      background:\n        linear-gradient(180deg,\n          rgba(15, 23, 42, 0.55) 0%,\n          rgba(44, 24, 16, 0.8) 100%),\n        url('https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/Ritmo-Partners.webp')\n        center top\/cover no-repeat;\n    }\n\n    .page-hero-content {\n      position: relative;\n      z-index: 1;\n      text-align: center;\n      max-width: 760px;\n      padding: calc(var(--nav-height) + var(--space-3xl)) var(--space-xl) var(--space-3xl);\n    }\n\n    .page-hero h1 {\n      font-size: var(--text-5xl);\n      color: var(--color-white);\n      margin-bottom: var(--space-lg);\n      font-weight: var(--weight-normal);\n    }\n\n    .page-hero h1 em {\n      font-style: italic;\n      color: var(--color-cta-light);\n    }\n\n    .page-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: 600px;\n      margin: 0 auto;\n    }\n\n    \/* --- How It Works --- *\/\n    .how-it-works {\n      background: var(--color-bg);\n    }\n\n    .how-it-works-header {\n      text-align: center;\n      margin-bottom: var(--space-3xl);\n    }\n\n    .steps-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: var(--space-2xl);\n      position: relative;\n    }\n\n    .steps-grid::before {\n      content: '';\n      position: absolute;\n      top: 52px;\n      left: calc(16.66% + 32px);\n      right: calc(16.66% + 32px);\n      height: 2px;\n      background: linear-gradient(90deg, var(--color-cta), var(--color-secondary), var(--color-cta));\n      opacity: 0.3;\n    }\n\n    @media (max-width: 768px) {\n      .steps-grid {\n        grid-template-columns: 1fr;\n        max-width: 400px;\n        margin: 0 auto;\n      }\n      .steps-grid::before { display: none; }\n    }\n\n    .step-card {\n      text-align: center;\n      position: relative;\n    }\n\n    .step-number {\n      width: 80px;\n      height: 80px;\n      border-radius: 50%;\n      background: linear-gradient(135deg, #2C1810, #4A3228);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 0 auto var(--space-lg);\n      position: relative;\n      box-shadow: var(--shadow-lg);\n    }\n\n    .step-number-text {\n      font-family: var(--font-heading);\n      font-size: var(--text-2xl);\n      font-weight: var(--weight-bold);\n      color: var(--color-cta);\n      line-height: 1;\n    }\n\n    .step-number-icon {\n      position: absolute;\n      bottom: -4px;\n      right: -4px;\n      width: 32px;\n      height: 32px;\n      border-radius: 50%;\n      background: var(--color-cta);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: var(--shadow-sm);\n    }\n\n    .step-number-icon svg {\n      width: 16px;\n      height: 16px;\n      color: var(--color-white);\n    }\n\n    .step-card h4 {\n      font-size: var(--text-xl);\n      margin-bottom: var(--space-sm);\n    }\n\n    .step-card p {\n      font-size: var(--text-sm);\n      color: var(--color-text-muted);\n      margin: 0 auto;\n      max-width: 280px;\n    }\n\n    \/* --- Why Partner --- *\/\n    .why-partner {\n      background: var(--color-sand-light);\n    }\n\n    .why-partner-header {\n      text-align: center;\n      margin-bottom: var(--space-3xl);\n    }\n\n    .partner-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    .partner-benefit-card:hover {\n      box-shadow: var(--shadow-lg);\n      transform: translateY(-4px);\n    }\n\n    .partner-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    .partner-benefit-icon svg {\n      width: 28px;\n      height: 28px;\n    }\n\n    .partner-benefit-card h4 {\n      font-size: var(--text-xl);\n      margin-bottom: var(--space-sm);\n    }\n\n    .partner-benefit-card p {\n      color: var(--color-text-muted);\n      font-size: var(--text-sm);\n      margin: 0 auto;\n    }\n\n    \/* --- Who We're Looking For --- *\/\n    .ideal-partners {\n      background: var(--color-bg);\n    }\n\n    .ideal-partners-header {\n      text-align: center;\n      margin-bottom: var(--space-3xl);\n    }\n\n    .partners-layout {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: var(--space-3xl);\n      align-items: center;\n    }\n\n    @media (max-width: 768px) {\n      .partners-layout { grid-template-columns: 1fr; }\n    }\n\n    .partner-types-list {\n      list-style: none;\n      display: flex;\n      flex-direction: column;\n      gap: var(--space-lg);\n    }\n\n    .partner-types-list li {\n      display: flex;\n      align-items: center;\n      gap: var(--space-lg);\n      padding: var(--space-lg);\n      background: var(--color-white);\n      border-radius: var(--border-radius-lg);\n      box-shadow: var(--shadow-sm);\n      border: 1px solid var(--color-border-light);\n      transition: all var(--transition-base);\n    }\n\n    .partner-types-list li:hover {\n      box-shadow: var(--shadow-md);\n      transform: translateX(4px);\n    }\n\n    .partner-type-icon {\n      width: 48px;\n      height: 48px;\n      min-width: 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    .partner-type-icon svg {\n      width: 22px;\n      height: 22px;\n    }\n\n    .partner-type-info h5 {\n      font-family: var(--font-body);\n      font-size: var(--text-base);\n      font-weight: var(--weight-semibold);\n      color: var(--color-primary);\n      margin-bottom: 2px;\n    }\n\n    .partner-type-info p {\n      font-size: var(--text-sm);\n      color: var(--color-text-muted);\n      margin: 0;\n    }\n\n    .partners-visual {\n      position: relative;\n      border-radius: var(--border-radius-lg);\n      overflow: hidden;\n      aspect-ratio: 4\/5;\n      background:\n        linear-gradient(180deg,\n          rgba(44, 24, 16, 0.1) 0%,\n          rgba(44, 24, 16, 0.5) 100%),\n        url('https:\/\/stayritmo.com\/wp-content\/uploads\/2026\/03\/Ritmo-Palenqueras.webp')\n        center top\/cover no-repeat;\n      box-shadow: var(--shadow-xl);\n    }\n\n    .partners-visual-overlay {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      padding: var(--space-2xl);\n      background: linear-gradient(transparent, rgba(44, 24, 16, 0.9));\n    }\n\n    .partners-visual-overlay p {\n      color: var(--color-white);\n      font-family: var(--font-heading);\n      font-size: var(--text-2xl);\n      font-weight: var(--weight-semibold);\n      line-height: var(--leading-snug);\n      margin: 0;\n      max-width: 100%;\n    }\n\n    .partners-visual-overlay span {\n      display: block;\n      margin-top: var(--space-sm);\n      font-family: var(--font-body);\n      font-size: var(--text-sm);\n      font-weight: var(--weight-normal);\n      color: rgba(255, 255, 255, 0.7);\n    }\n\n    \/* --- Social Proof Banner --- *\/\n    .social-proof {\n      background: #124720;\n      padding: var(--space-3xl) 0;\n      text-align: center;\n    }\n\n    .social-proof h3 {\n      color: var(--color-white);\n      font-size: var(--text-3xl);\n      margin-bottom: var(--space-md);\n    }\n\n    .social-proof p {\n      color: rgba(255, 255, 255, 0.7);\n      font-size: var(--text-base);\n      margin: 0 auto;\n      max-width: 500px;\n    }\n\n    .proof-stats {\n      display: flex;\n      justify-content: center;\n      gap: var(--space-3xl);\n      margin-top: var(--space-2xl);\n      flex-wrap: wrap;\n    }\n\n    .proof-stat {\n      text-align: center;\n    }\n\n    .proof-stat-number {\n      font-family: var(--font-heading);\n      font-size: var(--text-4xl);\n      font-weight: var(--weight-bold);\n      color: var(--color-cta-light);\n      line-height: 1;\n      margin-bottom: var(--space-xs);\n    }\n\n    .proof-stat-label {\n      font-size: var(--text-sm);\n      color: rgba(255, 255, 255, 0.6);\n      font-weight: var(--weight-medium);\n    }\n\n    \/* --- Apply Section --- *\/\n    .partner-apply {\n      background: var(--color-sand-light);\n    }\n\n    .partner-apply iframe {\n      border: none;\n      border-radius: 12px;\n    }\n\n    .partner-contact {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--space-sm);\n      color: var(--color-text-muted);\n      font-size: var(--text-sm);\n    }\n\n    .partner-contact svg {\n      width: 18px;\n      height: 18px;\n      color: var(--color-cta);\n    }\n\n    .partner-contact a {\n      color: var(--color-primary);\n      text-decoration: none;\n      font-weight: var(--weight-medium);\n      transition: color var(--transition-fast);\n    }\n\n    .partner-contact a:hover {\n      color: var(--color-cta);\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    \/* --- Scroll Reveal Base --- *\/\n    .reveal {\n      opacity: 0;\n      transform: translateY(24px);\n      transition: opacity 0.7s ease, transform 0.7s ease;\n    }\n\n    .reveal.revealed {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    .reveal-delay-1 { transition-delay: 0.1s; }\n    .reveal-delay-2 { transition-delay: 0.2s; }\n    .reveal-delay-3 { transition-delay: 0.3s; }\n    .reveal-delay-4 { transition-delay: 0.4s; }\n    .reveal-delay-5 { transition-delay: 0.5s; }\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=\"page-hero\">\n    <div class=\"page-hero-bg\" role=\"img\" aria-label=\"T\u00fdmov\u00e1 spolupr\u00e1ce v Cartagen\u011b\"><\/div>\n    <div class=\"page-hero-content\">\n      <p class=\"eyebrow\" style=\"color:var(--color-cta-light);\">Partnersk\u00fd program<\/p>\n      <h1>Partner s<br><em>Ritmo Cartagena<\/em><\/h1>\n      <p class=\"page-hero-subtitle\">Z\u00edskejte konkurenceschopn\u00e9 provize doporu\u010den\u00edm na\u0161ich modern\u00edch rekrea\u010dn\u00edch objekt\u016f v Karibiku host\u016fm. P\u0159ipojte se k na\u0161\u00ed s\u00edti ambasador\u016f a prom\u011b\u0148te sv\u00e9 publikum v nezapomenuteln\u00e9 pobyty.<\/p>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== HOW IT WORKS ==================== -->\n  <section class=\"how-it-works section\">\n    <div class=\"container\">\n      <div class=\"how-it-works-header\">\n        <p class=\"eyebrow\">Jednoduch\u00e9 a transparentn\u00ed<\/p>\n        <h2>Jak to funguje<\/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;\">Za\u010d\u00edt trv\u00e1 jen p\u00e1r minut. Zaregistrujte se, sd\u00edlejte sv\u016fj odkaz a za\u010dn\u011bte vyd\u011bl\u00e1vat s ka\u017edou rezervac\u00ed.<\/p>\n      <\/div>\n\n      <div class=\"steps-grid\">\n        <!-- Step 1 -->\n        <div class=\"step-card reveal\">\n          <div class=\"step-number\">\n            <span class=\"step-number-text\">1<\/span>\n            <div class=\"step-number-icon\">\n              <!-- Lucide: user-plus -->\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><line x1=\"19\" y1=\"8\" x2=\"19\" y2=\"14\"\/><line x1=\"22\" y1=\"11\" x2=\"16\" y2=\"11\"\/><\/svg>\n            <\/div>\n          <\/div>\n          <h4>Registrovat se<\/h4>\n          <p>Vypl\u0148te n\u00ed\u017ee uveden\u00fd formul\u00e1\u0159 jen n\u011bkolika kliknut\u00edmi. Schv\u00e1len\u00ed je rychl\u00e9 a jednoduch\u00e9.<\/p>\n        <\/div>\n\n        <!-- Step 2 -->\n        <div class=\"step-card reveal reveal-delay-2\">\n          <div class=\"step-number\">\n            <span class=\"step-number-text\">2<\/span>\n            <div class=\"step-number-icon\">\n              <!-- Lucide: share-2 -->\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"18\" cy=\"5\" r=\"3\"\/><circle cx=\"6\" cy=\"12\" r=\"3\"\/><circle cx=\"18\" cy=\"19\" r=\"3\"\/><line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\"\/><line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\"\/><\/svg>\n            <\/div>\n          <\/div>\n          <h4>Pod\u00edl<\/h4>\n          <p>Z\u00edskejte sv\u016fj unik\u00e1tn\u00ed doporu\u010duj\u00edc\u00ed odkaz a sd\u00edlejte ho se sv\u00fdm publikem na soci\u00e1ln\u00edch s\u00edt\u00edch, blogech nebo e-mailem.<\/p>\n        <\/div>\n\n        <!-- Step 3 -->\n        <div class=\"step-card reveal reveal-delay-4\">\n          <div class=\"step-number\">\n            <span class=\"step-number-text\">3<\/span>\n            <div class=\"step-number-icon\">\n              <!-- Lucide: wallet -->\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 12V7H5a2 2 0 0 1 0-4h14v4\"\/><path d=\"M3 5v14a2 2 0 0 0 2 2h16v-5\"\/><path d=\"M18 12a2 2 0 0 0 0 4h4v-4Z\"\/><\/svg>\n            <\/div>\n          <\/div>\n          <h4>Vyd\u011blat<\/h4>\n          <p>Z\u00edskejte provizi za ka\u017edou potvrzenou rezervaci, kter\u00e1 prob\u011bhne prost\u0159ednictv\u00edm va\u0161eho doporu\u010duj\u00edc\u00edho odkazu. Sledujte sv\u00e1 doporu\u010den\u00ed, kliknut\u00ed a v\u00fdd\u011blky v re\u00e1ln\u00e9m \u010dase na sv\u00e9m vlastn\u00edm dashboardu.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== WHY PARTNER WITH US ==================== -->\n  <section class=\"why-partner section\">\n    <div class=\"container\">\n      <div class=\"why-partner-header\">\n        <p class=\"eyebrow\">V\u00fdhody<\/p>\n        <h2>Pro\u010d s n\u00e1mi spolupracovat<\/h2>\n        <div class=\"divider-gold divider-gold-center\"><\/div>\n      <\/div>\n\n      <div class=\"grid grid-4\">\n        <div class=\"partner-benefit-card reveal\">\n          <div class=\"partner-benefit-icon\">\n            <!-- Lucide: percent -->\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"19\" y1=\"5\" x2=\"5\" y2=\"19\"\/><circle cx=\"6.5\" cy=\"6.5\" r=\"2.5\"\/><circle cx=\"17.5\" cy=\"17.5\" r=\"2.5\"\/><\/svg>\n          <\/div>\n          <h4>Konkuren\u010dn\u00ed provize<\/h4>\n          <p>Z\u00edskejte \u0161t\u011bdr\u00e9 procento z ka\u017ed\u00e9 rezervace proveden\u00e9 prost\u0159ednictv\u00edm va\u0161eho unik\u00e1tn\u00edho doporu\u010duj\u00edc\u00edho odkazu.<\/p>\n        <\/div>\n\n        <div class=\"partner-benefit-card reveal reveal-delay-1\">\n          <div class=\"partner-benefit-icon\">\n            <!-- Lucide: bar-chart-3 -->\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 3v18h18\"\/><path d=\"M18 17V9\"\/><path d=\"M13 17V5\"\/><path d=\"M8 17v-3\"\/><\/svg>\n          <\/div>\n          <h4>Sledov\u00e1n\u00ed v re\u00e1ln\u00e9m \u010dase<\/h4>\n          <p>Sledujte kliknut\u00ed, rezervace a v\u00fdd\u011blky ve sv\u00e9m osobn\u00edm panelu. V\u017edy pln\u00e1 transparentnost.<\/p>\n        <\/div>\n\n        <div class=\"partner-benefit-card reveal reveal-delay-2\">\n          <div class=\"partner-benefit-icon\">\n            <!-- Lucide: image -->\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg>\n          <\/div>\n          <h4>Marketingov\u00e9 prost\u0159edky<\/h4>\n          <p>Z\u00edskejte p\u0159\u00edstup k profesion\u00e1ln\u00edm fotografi\u00edm, popis\u016fm a obsahu p\u0159ipraven\u00e9mu ke sd\u00edlen\u00ed pro va\u0161e platformy.<\/p>\n        <\/div>\n\n        <div class=\"partner-benefit-card reveal reveal-delay-3\">\n          <div class=\"partner-benefit-icon\">\n            <!-- Lucide: credit-card -->\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\" ry=\"2\"\/><line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"\/><\/svg>\n          <\/div>\n          <h4>M\u011bs\u00ed\u010dn\u00ed v\u00fdplaty<\/h4>\n          <p>Spolehliv\u00e9 platby p\u0159es Stripe nebo PayPal. Vy si vyberete zp\u016fsob platby, my se postar\u00e1me o zbytek.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== WHO WE'RE LOOKING FOR ==================== -->\n  <section class=\"ideal-partners section\">\n    <div class=\"container\">\n      <div class=\"ideal-partners-header\">\n        <p class=\"eyebrow\">P\u0159ipojte se k na\u0161\u00ed s\u00edti<\/p>\n        <h2>Koho hled\u00e1me<\/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;\">A\u0165 u\u017e m\u00e1te glob\u00e1ln\u00ed publikum nebo p\u016fsob\u00edte lok\u00e1ln\u011b, pokud se spojujete s cestovateli, chceme s v\u00e1mi spolupracovat.<\/p>\n      <\/div>\n\n      <div class=\"partners-layout\">\n        <ul class=\"partner-types-list\">\n          <li class=\"reveal\">\n            <div class=\"partner-type-icon\">\n              <!-- Lucide: camera -->\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z\"\/><circle cx=\"12\" cy=\"13\" r=\"4\"\/><\/svg>\n            <\/div>\n            <div class=\"partner-type-info\">\n              <h5>Cestovn\u00ed bloge\u0159i a influence\u0159i<\/h5>\n              <p>Sd\u00edlejte Cartagenu se sv\u00fdmi sleduj\u00edc\u00edmi a vyd\u011bl\u00e1vejte, zat\u00edmco inspirujete<\/p>\n            <\/div>\n          <\/li>\n          <li class=\"reveal reveal-delay-1\">\n            <div class=\"partner-type-icon\">\n              <!-- Lucide: compass -->\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\"\/><polygon points=\"16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76\"\/><\/svg>\n            <\/div>\n            <div class=\"partner-type-info\">\n              <h5>Touroper\u00e1to\u0159i a pr\u016fvodci<\/h5>\n              <p>Doporu\u010dte pr\u00e9miov\u00e9 ubytov\u00e1n\u00ed jako dopln\u011bk k va\u0161im z\u00e1jezd\u016fm<\/p>\n            <\/div>\n          <\/li>\n          <li class=\"reveal reveal-delay-2\">\n            <div class=\"partner-type-icon\">\n              <!-- Lucide: globe -->\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            <div class=\"partner-type-info\">\n              <h5>Cestovn\u00ed kancel\u00e1\u0159e<\/h5>\n              <p>P\u0159idejte si do sv\u00e9ho portfolia destinac\u00ed vybranou mo\u017enost v Cartagen\u011b<\/p>\n            <\/div>\n          <\/li>\n          <li class=\"reveal reveal-delay-3\">\n            <div class=\"partner-type-icon\">\n              <!-- Lucide: bell-ring -->\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/><path d=\"M2 8c0-2.2.7-4.3 2-6\"\/><path d=\"M22 8a10 10 0 0 0-2-6\"\/><\/svg>\n            <\/div>\n            <div class=\"partner-type-info\">\n              <h5>Concierge slu\u017eby<\/h5>\n              <p>Nab\u00eddn\u011bte sv\u00fdm klient\u016fm pr\u00e9miov\u00fd, ov\u011b\u0159en\u00fd pron\u00e1jem rekrea\u010dn\u00ed dovolen\u00e9 v Cartagen\u011b<\/p>\n            <\/div>\n          <\/li>\n          <li class=\"reveal reveal-delay-4\">\n            <div class=\"partner-type-icon\">\n              <!-- Lucide: store -->\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9l1-4h16l1 4\"\/><path d=\"M3 9v10a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V9\"\/><path d=\"M12 9v10\"\/><path d=\"M3 9h18\"\/><path d=\"M7.5 9a2.5 2.5 0 0 1-5 0\"\/><path d=\"M12.5 9a2.5 2.5 0 0 1-5 0\"\/><path d=\"M17.5 9a2.5 2.5 0 0 1-5 0\"\/><path d=\"M21.5 9a2.5 2.5 0 0 0 .5-2\"\/><\/svg>\n            <\/div>\n            <div class=\"partner-type-info\">\n              <h5>M\u00edstn\u00ed firmy<\/h5>\n              <p>Propagujte spole\u010dn\u011b s restauracemi, l\u00e1zn\u011bmi a z\u00e1\u017eitky v Cartagen\u011b<\/p>\n            <\/div>\n          <\/li>\n        <\/ul>\n\n        <div class=\"partners-visual reveal\">\n          <div class=\"partners-visual-overlay\">\n            <p>P\u0159ipojte se k na\u0161\u00ed rostouc\u00ed s\u00edti partner\u016f v Cartagen\u011b<\/p>\n            <span>D\u016fv\u011bra cestovn\u00edch profesion\u00e1l\u016f z cel\u00e9ho Karibiku<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== SOCIAL PROOF ==================== -->\n  <section class=\"social-proof\">\n    <div class=\"container\">\n      <h3 class=\"reveal\">Partnerstv\u00ed postaven\u00e9 na d\u016fv\u011b\u0159e<\/h3>\n      <p class=\"reveal reveal-delay-1\">Na\u0161i partne\u0159i t\u011b\u017e\u00ed z na\u0161\u00ed 4,95hv\u011bzdi\u010dkov\u00e9 reputace, \u00fa\u017easn\u00e9ho ubytov\u00e1n\u00ed a specializovan\u00e9ho t\u00fdmu podpory.<\/p>\n      <div class=\"proof-stats\">\n        <div class=\"proof-stat reveal reveal-delay-1\">\n          <div class=\"proof-stat-number\">4.95<\/div>\n          <div class=\"proof-stat-label\">Hodnocen\u00ed host\u016f<\/div>\n        <\/div>\n        <div class=\"proof-stat reveal reveal-delay-2\">\n          <div class=\"proof-stat-number\">90+<\/div>\n          <div class=\"proof-stat-label\">Ov\u011b\u0159en\u00e9 recenze<\/div>\n        <\/div>\n        <div class=\"proof-stat reveal reveal-delay-3\">\n          <div class=\"proof-stat-number\">24 hodin<\/div>\n          <div class=\"proof-stat-label\">Doba odezvy<\/div>\n        <\/div>\n        <div class=\"proof-stat reveal reveal-delay-4\">\n          <div class=\"proof-stat-number\">100%<\/div>\n          <div class=\"proof-stat-label\">Spolehlivost v\u00fdplat<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== APPLY NOW ==================== -->\n  <section class=\"partner-apply section\" id=\"apply\">\n    <div class=\"container\">\n      <div style=\"text-align:center;margin-bottom:var(--space-2xl);\">\n        <p class=\"eyebrow\">Jste p\u0159ipraveni za\u010d\u00edt?<\/p>\n        <h2>P\u0159ipojte se k na\u0161\u00ed s\u00edti<\/h2>\n        <div class=\"divider-gold divider-gold-center\"><\/div>\n        <p style=\"color:var(--color-text-muted);max-width:500px;margin:var(--space-md) auto 0;\">Vypl\u0148te n\u00ed\u017ee uveden\u00fd formul\u00e1\u0159 a n\u00e1\u0161 t\u00fdm se s v\u00e1mi spoj\u00ed. Proces je rychl\u00fd a v\u011bt\u0161ina partner\u016f je schv\u00e1lena do 24 hodin.<\/p>\n      <\/div>\n      <div style=\"max-width:600px;margin:0 auto;\">\n\n\n<iframe src=\"https:\/\/api.brandchamp.io\/application-form\/nelg\" width=\"100%\" height=\"500\" marginheight=\"0\" marginwidth=\"0\" frameborder=\"0\">Na\u010d\u00edt\u00e1n\u00ed\u2026<\/iframe>\n\n\n<\/div>\n      <div class=\"partner-contact\" style=\"text-align:center;margin-top:var(--space-xl);display:flex;justify-content:center;\">\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"width:18px;height:18px;color:var(--color-cta);\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n        <span>Dotazy k partnerstv\u00ed: <a href=\"\/cs\/contact\/\">Kontaktujte n\u00e1s<\/a><\/span>\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  <!-- ==================== 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 revealObserver = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('revealed');\n        }\n      });\n    }, { threshold: 0.1 });\n\n    document.querySelectorAll('.reveal').forEach(el => {\n      revealObserver.observe(el);\n    });\n\n    \/\/ Auto-scroll nav state on page load (since hero is shorter)\n    if (window.scrollY > 60) {\n      navbar.classList.add('scrolled');\n    }\n\n  <\/script>","protected":false},"excerpt":{"rendered":"<p>The Suite Things to Do Cartagena Reviews About Contact Book Now Partner Program Partner WithRitmo Cartagena Earn competitive commissions by referring guests to our modern Caribbean vacation rental. Join our ambassador network and turn your audience into unforgettable getaways. Simple &amp; Transparent How It Works Getting started takes just minutes. Sign up, share your link, [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":14,"comment_status":"closed","ping_status":"closed","template":"ritmo-canvas","meta":{"footnotes":""},"class_list":["post-4265","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stayritmo.com\/cs\/wp-json\/wp\/v2\/pages\/4265","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=4265"}],"version-history":[{"count":10,"href":"https:\/\/stayritmo.com\/cs\/wp-json\/wp\/v2\/pages\/4265\/revisions"}],"predecessor-version":[{"id":4777,"href":"https:\/\/stayritmo.com\/cs\/wp-json\/wp\/v2\/pages\/4265\/revisions\/4777"}],"wp:attachment":[{"href":"https:\/\/stayritmo.com\/cs\/wp-json\/wp\/v2\/media?parent=4265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}