/*
Theme Name: ECS-tutorLMS
Theme URI: https://tusitio.com/
Author: Tu Nombre
Author URI: https://tusitio.com/
Description: Tema personalizado para plugin Tutor LMS para ser usado por ECS
Version: 1.0
License: Licencia Privada
Text Domain: ecs-tutorlms
Tags: tutor-lms, education, custom-theme
*/
/* Estilos para Tutor LMS que coincidan con diseño */
.tutor-course-single-content {
  font-family: "Montserrat", sans-serif;
  color: rgba(4, 39, 94, 0.9);
}

.tutor-course-single-content h1,
.tutor-course-single-content h2,
.tutor-course-single-content h3,
.tutor-course-single-content h4 {
  font-family: "Montserrat", sans-serif;
  color: #04275e;
  font-weight: 800;
}

.tutor-course-single-content h2 {
  font-size: 36px;
  line-height: 40px;
}

.tutor-course-single-content p {
  font-size: 16px;
  line-height: 24px;
  color: rgba(4, 39, 94, 0.9);
}

/* Botones principales */
.tutor-btn {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  transition: all 0.3s ease;
}

.tutor-btn-primary {
  background-color: #e15200;
  border-color: #e15200;
}

.tutor-btn-primary:hover {
  background-color: #c44900;
  border-color: #c44900;
  transform: translateY(-2px);
}

/* Tarjetas del curso */
.tutor-card {
  border: 2px solid #f0f4ff;
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1),
    box-shadow 0.3s ease, border-color 0.3s ease;
}

.tutor-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 30px -5px rgba(4, 39, 94, 0.1);
  border-color: #e15200;
}

/* Pestañas del curso */
.tutor-nav .tutor-nav-item a {
  color: #04275e;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 14px;
}

.tutor-nav .tutor-nav-item.active a {
  color: #e15200;
  border-bottom: 2px solid #e15200;
}

/* Sección de instructor */
.tutor-course-instructors-title {
  color: #04275e;
  font-weight: 800;
  font-size: 24px;
  margin-bottom: 20px;
}

/* Barra de progreso */
.tutor-progress-bar {
  background-color: #f0f4ff;
}

.tutor-progress-value {
  background-color: #e15200;
}

.seccion-titulo {
  color: #e15200; /* Naranja institucional */
}