/* Ok Juntos — overrides loaded after main.css */

/* Dark readable text on white pricing/topic cards */
.okjuntos-dark .pricing-section .single-pricing-pack,
.okjuntos-dark .pricing-section .popular-price {
  color: #1a1f36 !important;
}

.okjuntos-dark .pricing-section .single-pricing-pack .pricing-content .pricing-feature-list li h3,
.okjuntos-dark .pricing-section .single-pricing-pack .pricing-content .pricing-feature-list li h3 a,
.okjuntos-dark .pricing-section .single-pricing-pack .pricing-content .pricing-feature-list li h3 a:link,
.okjuntos-dark .pricing-section .single-pricing-pack .pricing-content .pricing-feature-list li h3 a:visited,
.okjuntos-dark .pricing-section .single-pricing-pack .pricing-content .pricing-feature-list li h3 a:hover,
.okjuntos-dark .pricing-section .single-pricing-pack .pricing-content .pricing-feature-list li h3 a:active {
  color: #1a1f36 !important;
  -webkit-text-fill-color: #1a1f36 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.okjuntos-dark .pricing-section .single-pricing-pack .pricing-content .pricing-feature-list li h3 a:hover {
  color: #c97b63 !important;
  -webkit-text-fill-color: #c97b63 !important;
}

/* Auth pages — Warm Sanctuary */
.auth-page[image-overlay]::before {
  display: none !important;
}

.auth-page {
  background: #faf7f2 !important;
}

/* Preloader — Warm Sanctuary */
#preloader {
  background: #faf7f2 !important;
}

#preloader .preloader-wrap img {
  display: none !important;
}

#preloader .oj-preloader-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 28px;
}

#preloader .oj-preloader-heart {
  width: 42px;
  height: 42px;
}

#preloader .oj-preloader-text {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1.6rem;
  font-weight: 600;
  color: #3d2c29;
  letter-spacing: -0.02em;
}

#preloader .preloader-wrap .thecube .cube,
#preloader .preloader-wrap .thecube .c3 {
  background: #c97b63 !important;
}

#preloader .preloader-wrap .thecube .cube:before {
  background-color: #a85f48 !important;
}

#preloader .preloader-wrap .thecube .c2,
#preloader .preloader-wrap .thecube .c4 {
  background: #5a7d6a !important;
}

#preloader .preloader-wrap .thecube .c2:before,
#preloader .preloader-wrap .thecube .c3:before,
#preloader .preloader-wrap .thecube .c4:before {
  background-color: #e9b38f !important;
}

/* Scroll to top — Warm Sanctuary (loads before React bundle) */
.scroll-top.primary-bg {
  background: #c97b63 !important;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(201, 123, 99, 0.35);
  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.scroll-top.primary-bg:hover {
  background: #a85f48 !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(168, 95, 72, 0.4);
}

.scroll-top:after {
  background: radial-gradient(
    ellipse at center,
    rgba(61, 44, 41, 0.18) 0%,
    rgba(61, 44, 41, 0) 80%
  );
}

.okjuntos-dark .pricing-section .single-pricing-pack .pricing-content .pricing-feature-list li {
  color: #3d4663 !important;
}