{"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":"parceiros","status":"publish","type":"page","link":"https:\/\/stayritmo.com\/pt\/partners\/","title":{"rendered":"Parceiros"},"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\/pt\/\" 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=\"\/pt\/suite\/\">A Su\u00edte<\/a><\/li>\n        <li style=\"display:none\"><a href=\"\/pt\/things-to-do\/\">Coisas para fazer<\/a><\/li>\n        <li><a href=\"\/pt\/guia-de-cartagena\/\">Cartagena<\/a><\/li>\n        <li><a href=\"\/pt\/reviews\/\">Avalia\u00e7\u00f5es<\/a><\/li>\n        <li><a href=\"\/pt\/about\/\">Sobre<\/a><\/li>\n        <li><a href=\"\/pt\/contact\/\">Contato<\/a><\/li>\n        <li><a href=\"\/pt\/book\/\" class=\"nav-cta\">Reserve j\u00e1<\/a><\/li>\n      <\/ul>\n      <button class=\"nav-toggle\" id=\"navToggle\" aria-label=\"Alternar navega\u00e7\u00e3o\">\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=\"Colabora\u00e7\u00e3o em equipe em Cartagena\"><\/div>\n    <div class=\"page-hero-content\">\n      <p class=\"eyebrow\" style=\"color:var(--color-cta-light);\">Programa de Parceria<\/p>\n      <h1>Fa\u00e7a parceria com<br><em>Ritmo Cartagena<\/em><\/h1>\n      <p class=\"page-hero-subtitle\">Ganhe comiss\u00f5es competitivas indicando h\u00f3spedes para nossos modernos im\u00f3veis de temporada no Caribe. Junte-se \u00e0 nossa rede de embaixadores e transforme seus convidados em escapadas inesquec\u00edveis.<\/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\">Simples e transparente<\/p>\n        <h2>Como 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;\">Come\u00e7ar leva apenas alguns minutos. Cadastre-se, compartilhe seu link e comece a ganhar dinheiro a 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>Inscrever-se<\/h4>\n          <p>Preencha o formul\u00e1rio abaixo em apenas alguns cliques. A aprova\u00e7\u00e3o \u00e9 r\u00e1pida e simples.<\/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>Compartilhar<\/h4>\n          <p>Obtenha seu link de indica\u00e7\u00e3o exclusivo e compartilhe-o com seu p\u00fablico nas redes sociais, blogs ou por e-mail.<\/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>Ganhar<\/h4>\n          <p>Receba comiss\u00e3o por cada reserva confirmada atrav\u00e9s do seu link de indica\u00e7\u00e3o. Acompanhe suas indica\u00e7\u00f5es, cliques e ganhos em tempo real no seu painel de controle.<\/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\">Benef\u00edcios<\/p>\n        <h2>Por que se tornar nosso parceiro?<\/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>Comiss\u00f5es competitivas<\/h4>\n          <p>Ganhe uma porcentagem generosa em cada reserva feita atrav\u00e9s do seu link de indica\u00e7\u00e3o exclusivo.<\/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>Rastreamento em tempo real<\/h4>\n          <p>Veja cliques, reservas e ganhos no seu painel pessoal. Transpar\u00eancia total, sempre.<\/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>Materiais de marketing<\/h4>\n          <p>Acesse fotos profissionais, descri\u00e7\u00f5es e conte\u00fado pronto para compartilhar em suas 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>Pagamentos mensais<\/h4>\n          <p>Pagamentos seguros via Stripe ou PayPal. Voc\u00ea escolhe o m\u00e9todo, n\u00f3s cuidamos do 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\">Junte-se \u00e0 nossa rede<\/p>\n        <h2>Quem estamos procurando<\/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;\">Seja qual for o seu p\u00fablico, global ou local, se voc\u00ea se conecta com viajantes, queremos trabalhar com voc\u00ea.<\/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>Blogueiros e influenciadores de viagens<\/h5>\n              <p>Compartilhe Cartagena com seus seguidores e ganhe enquanto inspira.<\/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 e guias<\/h5>\n              <p>Recomende acomoda\u00e7\u00f5es de alto padr\u00e3o que complementem seus passeios.<\/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 viagens<\/h5>\n              <p>Adicione uma op\u00e7\u00e3o selecionada de Cartagena ao seu portf\u00f3lio 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>Servi\u00e7os de concierge<\/h5>\n              <p>Ofere\u00e7a aos seus clientes um aluguel de temporada premium e selecionado em 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>Empresas locais<\/h5>\n              <p>Promova seus servi\u00e7os em conjunto com restaurantes, spas e experi\u00eancias em Cartagena.<\/p>\n            <\/div>\n          <\/li>\n        <\/ul>\n\n        <div class=\"partners-visual reveal\">\n          <div class=\"partners-visual-overlay\">\n            <p>Junte-se \u00e0 nossa crescente rede de parceiros em Cartagena.<\/p>\n            <span>Aprovado por profissionais de viagens em todo o 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\">Uma parceria constru\u00edda sobre a confian\u00e7a.<\/h3>\n      <p class=\"reveal reveal-delay-1\">Nossos parceiros se beneficiam de nossa reputa\u00e7\u00e3o de 4,95 estrelas, propriedades deslumbrantes e equipe de suporte dedicada.<\/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\">Avalia\u00e7\u00e3o do h\u00f3spede<\/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\">Avalia\u00e7\u00f5es 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\">Tempo de resposta<\/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\">Confiabilidade de pagamento<\/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\">Pronto para come\u00e7ar?<\/p>\n        <h2>Junte-se \u00e0 nossa rede<\/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;\">Preencha o formul\u00e1rio abaixo e nossa equipe entrar\u00e1 em contato. O processo \u00e9 r\u00e1pido e a maioria dos parceiros \u00e9 aprovada em at\u00e9 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\">Carregando\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 parcerias: <a href=\"\/pt\/contact\/\">Contate-nos<\/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\/pt\/\" 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>Um o\u00e1sis caribenho moderno em El Laguito, Cartagena. Seu elegante lar longe de casa na costa caribenha da Col\u00f4mbia.<\/p>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Explorar<\/h5>\n          <ul>\n            <li><a href=\"\/pt\/suite\/\">A Su\u00edte<\/a><\/li>\n            <li style=\"display:none\"><a href=\"\/pt\/things-to-do\/\">Coisas para fazer<\/a><\/li>\n            <li><a href=\"\/pt\/guia-de-cartagena\/\">Guia de Cartagena<\/a><\/li>\n            <li><a href=\"\/pt\/reviews\/\">Avalia\u00e7\u00f5es de h\u00f3spedes<\/a><\/li>\n            <li><a href=\"\/pt\/blog\/\">Blog<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Informa\u00e7\u00f5es<\/h5>\n          <ul>\n            <li><a href=\"\/pt\/about\/\">Sobre n\u00f3s<\/a><\/li>\n            <li><a href=\"\/pt\/perguntas-frequentes\/\">Perguntas frequentes<\/a><\/li>\n            <li><a href=\"\/pt\/contact\/\">Contato<\/a><\/li>\n            <li><a href=\"\/pt\/parceiros\/\">Torne-se um parceiro<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-col\">\n          <h5>Livro<\/h5>\n          <ul>\n            <li><a href=\"\/pt\/book\/\">Reserve diretamente<\/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=\"\/pt\/terms\/\">Termos de Servi\u00e7o<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/pt\/privacy\/\">pol\u00edtica de Privacidade<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/pt\/politica-de-cookies\/\">Pol\u00edtica de Cookies<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/pt\/uso-aceitavel\/\">Uso aceit\u00e1vel<\/a>\n          <span>\u00b7<\/span>\n          <a href=\"\/pt\/politica-de-cancelamento\/\">Pol\u00edtica de cancelamento<\/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\/pt\/wp-json\/wp\/v2\/pages\/4265","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stayritmo.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stayritmo.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stayritmo.com\/pt\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/stayritmo.com\/pt\/wp-json\/wp\/v2\/comments?post=4265"}],"version-history":[{"count":10,"href":"https:\/\/stayritmo.com\/pt\/wp-json\/wp\/v2\/pages\/4265\/revisions"}],"predecessor-version":[{"id":4777,"href":"https:\/\/stayritmo.com\/pt\/wp-json\/wp\/v2\/pages\/4265\/revisions\/4777"}],"wp:attachment":[{"href":"https:\/\/stayritmo.com\/pt\/wp-json\/wp\/v2\/media?parent=4265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}