{"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":"fogonadura","status":"publish","type":"page","link":"https:\/\/stayritmo.com\/es\/partners\/","title":{"rendered":"Partners"},"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\/es\/\" 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=\"\/es\/suite\/\">La Suite<\/a><\/li>\n        <li style=\"display:none\"><a href=\"\/es\/things-to-do\/\">Cosas que hacer<\/a><\/li>\n        <li><a href=\"\/es\/guia-de-cartagena\/\">Cartagena<\/a><\/li>\n        <li><a href=\"\/es\/reviews\/\">Rese\u00f1as<\/a><\/li>\n        <li><a href=\"\/es\/about\/\">Acerca de<\/a><\/li>\n        <li><a href=\"\/es\/contact\/\">Contacto<\/a><\/li>\n        <li><a href=\"\/es\/book\/\" class=\"nav-cta\">Reservar ahora<\/a><\/li>\n      <\/ul>\n      <button class=\"nav-toggle\" id=\"navToggle\" aria-label=\"Cambiar navegaci\u00f3n\">\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=\"Colaboraci\u00f3n en equipo en Cartagena\"><\/div>\n    <div class=\"page-hero-content\">\n      <p class=\"eyebrow\" style=\"color:var(--color-cta-light);\">Programa de socios<\/p>\n      <h1>As\u00f3ciate con<br><em>Ritmo Cartagena<\/em><\/h1>\n      <p class=\"page-hero-subtitle\">Gana comisiones competitivas recomendando a tus hu\u00e9spedes nuestros modernos alojamientos vacacionales en el Caribe. \u00danete a nuestra red de embajadores y convierte a tu audiencia en experiencias inolvidables.<\/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\">Sencillo y transparente<\/p>\n        <h2>C\u00f3mo funciona<\/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;\">Empezar solo te llevar\u00e1 unos minutos. Reg\u00edstrate, comparte tu enlace y empieza a ganar dinero con cada reserva.<\/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>Inscribirse<\/h4>\n          <p>Rellena el formulario a continuaci\u00f3n en tan solo unos clics. La aprobaci\u00f3n es r\u00e1pida y sencilla.<\/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>Compartir<\/h4>\n          <p>Obt\u00e9n tu enlace de referencia \u00fanico y comp\u00e1rtelo con tu audiencia a trav\u00e9s de redes sociales, blogs o correo electr\u00f3nico.<\/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>Ganar<\/h4>\n          <p>Reciba una comisi\u00f3n por cada reserva confirmada que se realice a trav\u00e9s de su enlace de referencia. Realice un seguimiento de sus referencias, clics y ganancias en tiempo real desde su propio panel de control.<\/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\">Beneficios<\/p>\n        <h2>\u00bfPor qu\u00e9 asociarse con nosotros?<\/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>Comisiones competitivas<\/h4>\n          <p>Gana un generoso porcentaje por cada reserva realizada a trav\u00e9s de tu enlace de referencia \u00fanico.<\/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>Seguimiento en tiempo real<\/h4>\n          <p>Consulta tus clics, reservas e ingresos en tu panel de control personal. Total transparencia, siempre.<\/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>Recursos de marketing<\/h4>\n          <p>Acceda a fotos profesionales, descripciones y contenido listo para compartir en sus plataformas.<\/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>Pagos mensuales<\/h4>\n          <p>Pagos seguros a trav\u00e9s de Stripe o PayPal. T\u00fa eliges el m\u00e9todo, nosotros nos encargamos del resto.<\/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\">\u00danase a nuestra red<\/p>\n        <h2>A qui\u00e9n estamos buscando<\/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;\">Tanto si tienes una audiencia global como una presencia local, si conectas con los viajeros, queremos trabajar contigo.<\/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>Blogueros e influencers de viajes<\/h5>\n              <p>Comparte Cartagena con tus seguidores y gana dinero mientras inspiras.<\/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>Operadores tur\u00edsticos y gu\u00edas<\/h5>\n              <p>Recomendamos alojamientos de primera categor\u00eda para complementar sus excursiones.<\/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>Agentes de viajes<\/h5>\n              <p>A\u00f1ade una opci\u00f3n de Cartagena cuidadosamente seleccionada a tu cartera de destinos.<\/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>Servicios de conserjer\u00eda<\/h5>\n              <p>Ofrezca a sus clientes un alojamiento vacacional de primera calidad y cuidadosamente seleccionado en Cartagena.<\/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>Negocios locales<\/h5>\n              <p>Promociona conjuntamente con restaurantes, spas y experiencias en Cartagena.<\/p>\n            <\/div>\n          <\/li>\n        <\/ul>\n\n        <div class=\"partners-visual reveal\">\n          <div class=\"partners-visual-overlay\">\n            <p>\u00danete a nuestra creciente red de socios en Cartagena.<\/p>\n            <span>Con la confianza de los profesionales del turismo en todo el Caribe.<\/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\">Una alianza basada en la confianza.<\/h3>\n      <p class=\"reveal reveal-delay-1\">Nuestros socios se benefician de nuestra reputaci\u00f3n de 4,95 estrellas, nuestras magn\u00edficas instalaciones y nuestro equipo de soporte especializado.<\/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\">Calificaci\u00f3n de los hu\u00e9spedes<\/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\">Rese\u00f1as verificadas<\/div>\n        <\/div>\n        <div class=\"proof-stat reveal reveal-delay-3\">\n          <div class=\"proof-stat-number\">24 horas<\/div>\n          <div class=\"proof-stat-label\">Tiempo de respuesta<\/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\">Fiabilidad de los pagos<\/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\">\u00bfListo para empezar?<\/p>\n        <h2>\u00danase a nuestra red<\/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;\">Rellena el formulario a continuaci\u00f3n y nuestro equipo se pondr\u00e1 en contacto contigo. El proceso es r\u00e1pido y la mayor\u00eda de los socios son aprobados en 24 horas.<\/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\">Cargando\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>Consultas sobre asociaciones: <a href=\"\/es\/contact\/\">Cont\u00e1ctenos<\/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\/es\/\" 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>Un moderno oasis caribe\u00f1o en El Laguito, Cartagena. Tu elegante segundo hogar en la costa caribe\u00f1a colombiana.<\/p>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Explorar<\/h5>\n          <ul>\n            <li><a href=\"\/es\/suite\/\">La Suite<\/a><\/li>\n            <li style=\"display:none\"><a href=\"\/es\/things-to-do\/\">Cosas que hacer<\/a><\/li>\n            <li><a href=\"\/es\/guia-de-cartagena\/\">Gu\u00eda de Cartagena<\/a><\/li>\n            <li><a href=\"\/es\/reviews\/\">Rese\u00f1as de hu\u00e9spedes<\/a><\/li>\n            <li><a href=\"\/es\/blog\/\">Blog<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Informaci\u00f3n<\/h5>\n          <ul>\n            <li><a href=\"\/es\/about\/\">Sobre nosotros<\/a><\/li>\n            <li><a href=\"\/es\/preguntas-frecuentes\/\">Preguntas frecuentes<\/a><\/li>\n            <li><a href=\"\/es\/contact\/\">Contacto<\/a><\/li>\n            <li><a href=\"\/es\/fogonadura\/\">Convi\u00e9rtete en socio<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Libro<\/h5>\n          <ul>\n            <li><a href=\"\/es\/book\/\">Reserva directa<\/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=\"\/es\/terms\/\">Condiciones de servicio<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/es\/privacy\/\">pol\u00edtica de privacidad<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/es\/politica-de-cookies\/\">Pol\u00edtica de cookies<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/es\/uso-aceptable\/\">Uso aceptable<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/es\/politica-de-cancelacion\/\">Pol\u00edtica de cancelaci\u00f3n<\/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\/es\/wp-json\/wp\/v2\/pages\/4265","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stayritmo.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stayritmo.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stayritmo.com\/es\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/stayritmo.com\/es\/wp-json\/wp\/v2\/comments?post=4265"}],"version-history":[{"count":10,"href":"https:\/\/stayritmo.com\/es\/wp-json\/wp\/v2\/pages\/4265\/revisions"}],"predecessor-version":[{"id":4777,"href":"https:\/\/stayritmo.com\/es\/wp-json\/wp\/v2\/pages\/4265\/revisions\/4777"}],"wp:attachment":[{"href":"https:\/\/stayritmo.com\/es\/wp-json\/wp\/v2\/media?parent=4265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}