/*
Theme Name: Plataforma Educativa
Theme URI: https://ecomship.club/
Author: Christian de la Cruz
Author URI: mailto:christiandlcperu@gmail.com
Description: Theme LMS moderno para cursos, progreso, certificados y comunidad, todo visual y escalable.
Version: 1.0
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: plataforma-educativa
Tags: lms, cursos, comunidad, progresos, certificados, visual

Colors: Fondo gradiente azul-lila, inspirado en imagen demo de Christian de la Cruz.
*/

/* Ejemplo de gradiente como fondo de la web */
body {
  background: linear-gradient(135deg, #66a6ff 0%, #a087ee 100%);
  font-family: 'Poppins', Arial, sans-serif;
  color: #252945;
  margin: 0;
  min-height: 100vh;
}

/* Diseño base para tarjetas */
.card {
  background: rgba(255,255,255,0.92);
  border-radius: 18px;
  box-shadow: 0 4px 22px 0 rgba(50,50,93,.11);
  padding: 2rem;
  margin-bottom: 1.5rem;
}

/* Barra de progreso LMS */
.progress-bar {
  background: #f1f3f9;
  border-radius: 10px;
  overflow: hidden;
  height: 18px;
  margin-bottom: 18px;
}
.progress-bar-fill {
  background: linear-gradient(90deg, #66a6ff 0%, #a087ee 100%);
  height: 100%;
  transition: width 0.4s;
}

/* Botón moderno */
.btn {
  background: linear-gradient(90deg, #66a6ff 0%, #a087ee 100%);
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 10px 26px;
  font-weight: 600;
  font-size: 1.1rem;
  cursor: pointer;
  margin-top: 12px;
  transition: background 0.2s, transform 0.1s;
}
.btn:hover {
  background: linear-gradient(90deg, #a087ee 0%, #66a6ff 100%);
  transform: translateY(-2px) scale(1.03);
}

/* Checks visuales para lecciones completadas */
.leccion-completada {
  color: #37cc8a;
  font-weight: bold;
}