/* Contenedor principal de páginas de curso / lección / dashboard */
.tutor-container,
.tutor-wrap,
.tutor-course-details-page,
.tutor-course-lesson,
.tutor-dashboard {
    background: transparent;
    font-family: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    color: #261243;
}

/* Cards principales de curso / dashboard */
.tutor-card,
.tutor-dashboard-content,
.tutor-course-details-page .tutor-course-header,
.tutor-course-sidebar,
.tutor-course-content-wrap {
    background: rgba(255, 255, 255, 0.98);
    border-radius: 22px;
    border: 1px solid rgba(209, 193, 255, 0.9);
    box-shadow: 0 0 16px rgba(114, 88, 255, 0.28);
}

/* Título de curso */
.tutor-course-details-page .tutor-course-title {
    color: #261243;
    font-weight: 700;
    letter-spacing: 0.03em;
}

/* Enlaces dentro de Tutor */
.tutor-course-details-page a,
.tutor-dashboard a,
.tutor-course-lesson a {
    color: #5a32ff;
}

.tutor-course-details-page a:hover,
.tutor-dashboard a:hover,
.tutor-course-lesson a:hover {
    color: #7a4dff;
}

/* Botones – combinan con los del theme */
.tutor-btn,
.tutor-button,
button.tutor-btn {
    background: linear-gradient(135deg, #ff7fdc, #9c6bff);
    border: none;
    color: #ffffff;
    border-radius: 999px;
    padding: 10px 22px;
    font-weight: 600;
    box-shadow: 0 6px 16px rgba(151, 109, 255, 0.6);
    transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

.tutor-btn:hover,
.tutor-button:hover,
button.tutor-btn:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
    box-shadow: 0 0 22px rgba(177, 135, 255, 0.9);
}

/* Barras de progreso / badges */
.tutor-course-progress-bar,
.tutor-progress-bar {
    background: rgba(222, 210, 255, 0.7);
}

.tutor-progress-bar-filled {
    background: linear-gradient(90deg, #ff9bff, #6f7bff);
}

/* Listado de temas / lecciones */
.tutor-course-topics-contents,
.tutor-lessons-under-topic {
    background: rgba(250, 247, 255, 0.96);
    border-radius: 18px;
}

/* Dashboard Tutor LMS más claro (refuerzo de estilos) */
.tutor-dashboard,
.tutor-dashboard-wrapper,
.tutor-dashboard-content,
.tutor-dashboard-content-inner,
.tutor-dashboard-item,
.tutor-dashboard-content .tutor-card,
.tutor-dashboard .tutor-card {
    background: rgba(255, 255, 255, 0.98);
    color: #261243;
    border-radius: 20px;
    border: 1px solid rgba(209, 193, 255, 0.9);
    box-shadow: none;
}

/* Sidebar interno del dashboard */
.tutor-dashboard-left-menu,
.tutor-dashboard-left-menu .tutor-nav-link,
.tutor-dashboard-left-menu .tutor-nav-item {
    background: transparent;
    color: #261243;
}

.tutor-dashboard-left-menu .tutor-nav-item a {
    border-radius: 12px;
    padding: 9px 12px;
}

.tutor-dashboard-left-menu .tutor-nav-item.is-active a,
.tutor-dashboard-left-menu .tutor-nav-item a:hover {
    background: linear-gradient(90deg, #fef5ff, #e3d4ff);
    color: #261243;
}

/* Tipografía general en Tutor LMS */
.tutor-course-details-page,
.tutor-dashboard,
.tutor-course-lesson {
    font-size: 0.95rem;
}