:root {
  --cv-green-50: oklch(0.97 0.012 280);
  --cv-green-100: oklch(0.94 0.024 280);
  --cv-green-200: oklch(0.88 0.044 280);
  --cv-green-300: oklch(0.79 0.070 280);
  --cv-green-400: oklch(0.67 0.110 280);
  --cv-green-500: oklch(0.56 0.150 280);
  --cv-green-600: oklch(0.49 0.165 280);
  --cv-green-700: oklch(0.42 0.125 280);
  --cv-green-800: oklch(0.32 0.055 265);
  --cv-green-900: oklch(0.25 0.040 265);
  --cv-gold: oklch(0.67 0.11 280);
  --cv-gold-2: oklch(0.88 0.044 280);
  --ln-green: oklch(0.49 0.165 280);
  --ln-green-deep: oklch(0.25 0.04 265);
  --ln-amber: oklch(0.79 0.07 280);
  --ln-sage: oklch(0.94 0.024 280);
  --ln-cream: oklch(0.98 0.005 265);
  --ln-cream-2: oklch(0.955 0.008 265);
}


.nav-seed,.nav-mark { display: none !important; }
.nav-word {
  display: block !important;
  width: 146px !important;
  height: 54px !important;
  background: url('/brands/tumarcawhitelabel/logo.png') left center / contain no-repeat !important;
}
.nav.solid .nav-word { width: 132px !important; }
.foot-word {
  width: 220px !important;
  height: 82px !important;
  background: url('/brands/tumarcawhitelabel/logo.png') left center / contain no-repeat !important;
}
.hero::before { background: linear-gradient(90deg, oklch(0.25 0.04 265 / .88), oklch(0.42 0.09 280 / .42), oklch(0.79 0.07 280 / .08)) !important; }
.ph-caribe { background-image: url('/brands/tumarcawhitelabel/hero-personas.png') !important; background-position: 52% 28% !important; }
.ph-c { background-image: url('/landing/assets/foto-empleada-privada.png') !important; background-position: 50% 30% !important; }
.btn-primary { background: var(--ln-green) !important; }
.btn-primary:hover { background: oklch(0.42 0.125 280) !important; }
.foot { background: var(--ln-green-deep) !important; }

@media (max-width: 767px) {
  .nav-word { width: 118px !important; height: 46px !important; }
  .ph-caribe { background-position: 53% 100% !important; }
}

.foot-word { background-color: transparent !important; border-radius: 0; filter: brightness(0) invert(1); }
.nav-word { background-color: transparent !important; border-radius: 0; filter: brightness(0) invert(1); }

/* Tu Marca: navegación y acciones con la paleta aprobada. */
:root {
  --ln-ink: oklch(0.25 0.04 265);
  --ln-ink-2: oklch(0.32 0.055 265);
  --ln-amber-soft: oklch(0.88 0.044 280);
  --ln-sage-2: oklch(0.94 0.024 280);
  --ln-green-grad: linear-gradient(150deg, oklch(0.42 0.09 280), oklch(0.25 0.04 265));
  --ln-logo: 'Gotham', Arial, sans-serif;
}
body { background: var(--ln-cream); }
.nav .nav-inner, .nav.solid .nav-inner { background: oklch(0.25 0.04 265 / .96) !important; border-color: oklch(0.79 0.07 280 / .2); }
.nav-cta, .btn-seed { background: var(--ln-green) !important; color: #fefeff !important; box-shadow: 0 4px 14px oklch(0.25 0.04 265 / .12) !important; }
.nav-cta:hover, .btn-seed:hover { background: oklch(0.42 0.125 280) !important; }
.blk-cream, .blk-cream-2 { background: var(--ln-cream); }
.blk-ink { background: var(--ln-ink); }