/* 1. Variables globales para LearnDash + BuddyBoss */
:root {
    --bb-primary-color: #5170FE !important;
    --bb-primary-color-hover: #1E42DD !important;
    --ld-accent-color: #5170FE !important;
}

/* 2. Botón "Quiero hacer este Curso" (CTA Principal de LearnDash) */
html body .learndash-wrapper .ld-button:not([disabled]):not(.ld-button-reverse):not(.ld-button-transparent),
html body .learndash-wrapper .btn-join:not(.ld--ignore-inline-css),
html body .learndash-wrapper #btn-join:not(.ld--ignore-inline-css),
html body .learndash-wrapper a.ld-button:not(.ld-button-reverse) {
    background-color: #5170FE !important;
    background: #5170FE !important;
}

/* 3. Hover del botón CTA */
html body .learndash-wrapper .ld-button:hover:not([disabled]):not(.ld-button-transparent):not(.ld--ignore-inline-css),
html body .learndash-wrapper .btn-join:hover:not(.ld--ignore-inline-css),
html body .learndash-wrapper #btn-join:hover:not(.ld--ignore-inline-css),
html body .learndash-wrapper a.ld-button:not(.ld-button-reverse):hover {
    background-color: #1E42DD !important;
    background: #1E42DD !important;
}


/* 4. Etiquetas superiores y fondos primarios de las tarjetas de curso */
html body .learndash-wrapper .ld-primary-background,
html body .bb-cover-list-item .ld-primary-background,
html body .learndash-wrapper [class*="ld-primary-background"] {
    background-color: #5170FE !important;
    background: #5170FE !important;
}

html body .learndash-wrapper .ld-status.ld-status-incomplete.ld-third-background,
html body .learndash-wrapper [class*="ld-status-incomplete"] {
    background-color: grey !important;
    background: grey !important;
    color: #ffffff !important; /* Mantiene el texto en blanco para buen contraste */
}

#courses-dir-search { display: none !important; }





#parayoga-preloader {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff; /* pon aquí el color de fondo de tu marca */
    transition: opacity 0.4s ease;
}
#parayoga-preloader img {
    width: 120px;
    height: auto;
    animation: parayoga-blink 1.2s ease-in-out infinite;
}
@keyframes parayoga-blink {
    0%, 100% { opacity: 1; }
    50%      { opacity: 0.25; }
}
#parayoga-preloader.parayoga-loaded {
    opacity: 0;
    pointer-events: none;
}
/* Respeta a usuarios que prefieren menos animación */
@media (prefers-reduced-motion: reduce) {
    #parayoga-preloader img { animation: none; }
}


#preloader {
  position: xfixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #5170fe;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99999999 !important;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

.preloader-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.preloader-logo {
  width: 130px;
  height: 130px;
  object-fit: contain;
  animation: pulse 1.8s infinite ease-in-out;
}

@keyframes pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.06); opacity: 0.88; }
}