.elementor-kit-414{--e-global-color-primary:#121418;--e-global-color-secondary:#54595F;--e-global-color-text:#ECEBE4;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-414 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* --- INICIO ESTILO ALQUIMIA COMPLETO --- */

/* 1. La Tarjeta (Fondo oscuro y borde dorado) */
.tutor-course-card, .tutor-card, .tutor-course-loop-wrap {
    background-color: #16171B !important;
    border: 1px solid #D4AF37 !important;
    border-radius: 8px !important;
}

/* --- SOLUCIÓN DE FUERZA BRUTA PARA TEXTOS --- */

/* 1. La "Red": Forzar color CLARO en TODO dentro de la tarjeta */
.tutor-course-card, 
.tutor-card, 
.tutor-course-loop-wrap,
.tutor-course-container {
    color: #E0E0E0 !important; /* Gris claro base */
}

/* 2. Asegurar que Títulos, Enlaces, Párrafos y Spans obedezcan */
.tutor-course-card h2, .tutor-course-card h3, .tutor-course-card h4,
.tutor-course-card a, 
.tutor-course-card p, 
.tutor-course-card span,
.tutor-course-card div,
.tutor-meta-icon {
    color: #E0E0E0 !important;
}

/* 3. Título del Curso: Blanco puro y un poco más grande */
.tutor-course-loop-title h2,
.tutor-course-loop-title a {
    color: #FFFFFF !important;
    font-size: 18px !important; /* Opcional: para que destaque más */
}

/* 4. EXCEPCIÓN IMPORTANTE: El texto del botón DEBE ser negro */
/* (Esto corrige que el botón no se ponga blanco por la regla 1) */
.tutor-loop-cart-btn-wrap a, 
.tutor-btn, 
.tutor-course-loop-footer a,
.button_text {
    color: #000000 !important; 
}

/* 5. EXCEPCIÓN: Precio y Estrellas siguen siendo dorados */
.price, 
.tutor-course-price, 
.tutor-star-rating-group i, 
.tutor-rating-stars span {
    color: #D4AF37 !important;
}

/* 4. Precio (Dorado) */
.price, .tutor-course-loop-price, .tutor-course-price {
    color: #D4AF37 !important;
    font-weight: bold !important;
}

/* 5. Botón de Acción (Fondo Dorado, Texto Negro) */
.tutor-loop-cart-btn-wrap a, 
.tutor-btn, 
.tutor-course-loop-footer a {
    background-color: #D4AF37 !important;
    color: #000000 !important;
    border: none !important;
    font-weight: 700 !important;
}

/* 6. El Filtro desplegable (Oscuro) */
.tutor-course-filter-wrap select {
    background-color: #16171B !important;
    color: #FFFFFF !important;
    border: 1px solid #D4AF37 !important;
}
/* 7. EL ESLABÓN PERDIDO: Texto de descripción y párrafos */
.tutor-course-loop-description, 
.tutor-course-content p, 
.tutor-course-excerpt,
.tutor-loop-course-container p {
    color: #B0B0B0 !important; /* Gris plata suave para leer fácil */
}

/* 8. Asegurar que los títulos con enlaces (links) tomen el color */
.tutor-course-loop-title h2 a {
    color: #FFFFFF !important;
}
/* --- DOMANDO EL FILTRO DESPLEGABLE --- */

/* 1. La caja cerrada */
.tutor-course-filter-wrap select,
.tutor-form-select,
.tutor-form-control select,
select.tutor-form-select-dropdown {
    background-color: #16171B !important; /* Fondo Oscuro */
    color: #E0E0E0 !important;             /* Texto Gris Claro */
    border: 1px solid #D4AF37 !important;  /* Borde Dorado */
    border-radius: 6px !important;
    padding: 10px 15px !important;
}

/* 2. Las opciones cuando se despliega la lista (Solo funciona en algunos navegadores) */
option {
    background-color: #16171B !important;
    color: #FFFFFF !important;
}

/* 3. Eliminar sombras blancas extrañas si las hubiera */
.tutor-form-select:focus {
    box-shadow: 0 0 5px #D4AF37 !important; /* Brillo dorado al hacer click */
    outline: none !important;
}
/* --- RESCATANDO EL BOTÓN DORADO --- */
.tutor-loop-cart-btn-wrap a, 
.tutor-btn, 
.tutor-course-loop-footer a,
.button_text {
    background-color: #D4AF37 !important; /* Fondo Dorado */
    color: #000000 !important;             /* Texto Negro (para contraste máximo) */
    border: none !important;
    border-radius: 4px !important;         /* Un poquito redondeado se ve más moderno */
    font-weight: 700 !important;           /* Letra gordita/negrita */
}

/* Opcional: ¿Qué pasa cuando le pones el mouse encima? */
.tutor-loop-cart-btn-wrap a:hover, 
.tutor-btn:hover {
    background-color: #FFFFFF !important; /* Se vuelve blanco al tocarlo (efecto luz) */
    color: #000000 !important;
}
/* --- CORRECCIÓN DEFINITIVA: TEXTO DEL BOTÓN NEGRO --- */

/* Usamos un .elementor-kit-414 muy específico para forzar el color negro */
.tutor-course-card .tutor-loop-cart-btn-wrap a, 
.tutor-course-wrap .tutor-btn,
.tutor-loop-cart-btn-wrap a {
    color: #000000 !important; /* NEGRO SÍ O SÍ */
    font-weight: 800 !important; /* Letra bien gruesa para asegurar contraste */
}

/* Aseguramos el comportamiento al pasar el mouse (Hover) */
.tutor-course-card .tutor-loop-cart-btn-wrap a:hover, 
.tutor-course-wrap .tutor-btn:hover {
    background-color: #FFFFFF !important; /* Fondo blanco */
    color: #000000 !important;             /* Texto sigue negro */
}
/* --- LA ORDEN FINAL PARA EL BOTÓN --- */

/* 1. El botón específico (Anulando la regla general) */
.tutor-course-card a.tutor-btn,
.tutor-course-card .tutor-loop-cart-btn-wrap a,
.tutor-course-loop-footer a.tutor-btn {
    color: #000000 !important;
}

/* 2. EL SECRETO: Forzar color negro en cualquier etiqueta DENTRO del botón (span, strong, etc.) */
.tutor-course-card a.tutor-btn *,
.tutor-course-card .tutor-loop-cart-btn-wrap a *,
.tutor-course-loop-footer a.tutor-btn * {
    color: #000000 !important;
}
/* --- FASE 2: INTERIOR DEL CURSO (LA TRANSFORMACIÓN) --- */

/* 1. APAGAR LA LUZ: Volver oscuras las cajas blancas laterales */
.tutor-course-sidebar-card, 
.tutor-card, 
.tutor-widget,
.tutor-course-widget {
    background-color: #16171B !important; /* Fondo Oscuro */
    border: 1px solid #333 !important;     /* Borde sutil */
    box-shadow: none !important;
}

/* 2. TEXTOS LATERALES: Que se lean en el fondo oscuro */
.tutor-course-sidebar-card h3,
.tutor-course-sidebar-card span,
.tutor-widget-title,
.tutor-course-sidebar-card .tutor-meta-text {
    color: #E0E0E0 !important;
}

/* 3. TÍTULOS PRINCIPALES: Adiós al gris oscuro y al azul ilegible */
.tutor-course-details-title,
.tutor-course-content h2,
.tutor-course-details-widget-title,
.tutor-segment-title {
    color: #D4AF37 !important; /* Dorado Alquimia para destacar */
}

/* 4. TEXTO GENERAL Y METADATOS: Blanco/Gris para leer bien */
.tutor-course-details-content p,
.tutor-course-details-content li,
.tutor-meta-text, 
.tutor-meta-icon,
.tutor-course-author-name span {
    color: #B0B0B0 !important;
}

/* 5. ARREGLAR ESE TÍTULO AZUL ESPECÍFICO */
/* Forzamos a que cualquier título H1, H2, H3 dentro del contenido sea claro */
.tutor-course-content h1, 
.tutor-course-content h2, 
.tutor-course-content h3,
.tutor-course-topic-title {
    color: #D4AF37 !important; /* Dorado */
}

/* 6. LAS PESTAÑAS (Información, Reseñas...) */
.tutor-nav-link, .tutor-course-tabs-a {
    color: #E0E0E0 !important;
    background: transparent !important;
}
.tutor-nav-link.is-active, .tutor-course-tabs-a.active {
    color: #D4AF37 !important; /* La pestaña activa brilla en dorado */
    border-bottom-color: #D4AF37 !important;
}

/* 7. BOTÓN "COMPLETAR CURSO" (Unificar con el otro botón) */
.tutor-course-compelte-form-wrap .tutor-btn {
    background-color: #D4AF37 !important;
    color: #000000 !important;
    font-weight: bold !important;
}

/* --- FIN ESTILO ALQUIMIA --- *//* End custom CSS */