#masthead, #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(.site-header-row-container):not(.site-main-header-wrap), #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) > .site-header-row-container-inner {
    background: #24211f;
}
.ld-alert-messages{
	color:black;
}

/* Cambiar color del botón de inscripción de LearnDash */
.learndash-wrapper .ld-course-status-content .ld-course-status-action .btn-join, 
.learndash-wrapper .btn-join,
.learndash-wrapper .ld-button {
    background-color: #8e44ad !important;
    border-color: #8e44ad !important;
    color: #ffffff !important;
    font-weight: bold !important;
    text-transform: uppercase;
    transition: background 0.3s ease;
}

/* Efecto al pasar el ratón (hover) para que sea profesional */
.learndash-wrapper .ld-course-status-content .ld-course-status-action .btn-join:hover, 
.learndash-wrapper .btn-join:hover,
.learndash-wrapper .ld-button:hover {
    background-color: #732d91 !important;
    border-color: #732d91 !important;
}

/* Estilo para el contenedor del formulario */
.custom-registration-container {
    max-width: 400px;
    margin: 50px auto;
    padding: 40px;
    background: #ffffff;
    border-radius: 15px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
    text-align: center;
}

/* Estilo para los campos de texto */
.custom-registration-container input[type="text"],
.custom-registration-container input[type="email"] {
    width: 100%;
    padding: 12px;
    margin: 10px 0 20px 0;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background: #fdfdfd;
}

/* Estilo para el botón (Morado de tu marca) */
.custom-registration-container input[type="submit"] {
    background-color: #8e44ad; /* El morado de tu diseño */
    color: white;
    padding: 15px;
    border: none;
    border-radius: 8px;
    width: 100%;
    font-weight: bold;
    cursor: pointer;
    transition: 0.3s;
}

.custom-registration-container input[type="submit"]:hover {
    background-color: #7d3c98;
}

/* 1. TARJETA INDIVIDUAL (ELEVACIÓN SUTIL) */
[class*="product"].type-product {
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease !important;
    background: #ffffff !important;
    border-radius: 15px !important;
    overflow: hidden !important; /* Mantiene el zoom de la imagen dentro de la tarjeta */
    display: block !important;
    position: relative !important;
    /* Mejora de renderizado para evitar parpadeos */
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
}

[class*="product"].type-product:hover {
    transform: translateY(-6px) !important; /* Elevación ligeramente más suave */
    box-shadow: 0px 12px 30px rgba(0,0,0,0.08) !important;
    z-index: 99 !important;
}

/* 2. ZOOM DE LA IMAGEN (CINEMÁTICO) */
[class*="product"].type-product img {
    transition: transform 1.5s cubic-bezier(0.2, 1, 0.3, 1) !important; /* Más lento = más elegante */
    will-change: transform;
}

[class*="product"].type-product:hover img {
    transform: scale(1.07) !important; /* Zoom muy leve (7%) para no saturar */
}

/* 3. SEGURO ANTI-MOVIMIENTO */
/* Congela encabezados y columnas generales para que el foco sea el producto */
h1, h2, h3, .wp-block-kadence-column, .kt-inside-inner-col, .entry-title {
    transform: none !important;
    box-shadow: none !important;
}

/* --- MEJORA VISUAL GRUPOS/CURSOS LEARNDASH --- */

/* 1. Limpieza de tarjetas y bordes */
.ld-course-list-items-wrapper .ld-course-list-item {
    border: none !important;
    background: #ffffff !important;
    border-radius: 15px !important;
    box-shadow: 0px 4px 12px rgba(0,0,0,0.05) !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    overflow: hidden;
}

/* 2. Efecto de elevación al pasar el ratón */
.ld-course-list-items-wrapper .ld-course-list-item:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0px 15px 35px rgba(0,0,0,0.1) !important;
}

/* 3. Zoom sutil en la imagen del curso */
.ld-course-list-item-preview img {
    transition: transform 1.2s ease !important;
}

.ld-course-list-item:hover .ld-course-list-item-preview img {
    transform: scale(1.08) !important;
}

/* 4. Botones y Barras de progreso con tu marca */
.ld-course-list-item .ld-button, 
.ld-course-list-item .btn-join {
    background-color: #7b4fb6 !important; /* Púrpura Tribelife */
    border-radius: 50px !important;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
}

.ld-course-list-item .ld-progress-bar-percentage {
    background-color: #7b4fb6 !important;
}

/* FIJAR ÍNDICE EN AVISO LEGAL */
.columna-fija-legal {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 120px !important;
    align-self: start !important;
}

/* Ajuste para que en móvil no se quede fijo */
@media (max-width: 767px) {
    .columna-fija-legal {
        position: relative !important;
        top: 0 !important;
    }
}