/* app/static/assets/css/style.css */

/* Círculos de avance */
.circular-chart .circle {
  stroke-linecap: round;
  transition: stroke-dasharray .6s ease;
}

/* Colores por módulo */
.circulo-modulo-1 .circle { stroke: #7CFC00; }
.circulo-modulo-2 .circle { stroke: #7CFC00; }
.circulo-modulo-3 .circle { stroke: #D4FF00; }
.circulo-modulo-4 .circle { stroke: #003BFF; }
.circulo-modulo-5 .circle { stroke: #003BFF; }
.circulo-modulo-6 .circle { stroke: #FFB74D; }
.circulo-modulo-7 .circle { stroke: #FFB74D; }
.circulo-modulo-8 .circle { stroke: #6D28D9; }

.tab-btn { outline: none; }
.tab-panel.hidden { display: none; }

.modulo-1 { background-color: #7CFC00; }
.modulo-2 { background-color: #7CFC00; }
.modulo-3 { background-color: #D4FF00; }
.modulo-4 { background-color: #003BFF; color: #FFF; }
.modulo-5 { background-color: #003BFF; color: #FFF;  }
.modulo-6 { background-color: #FFB74D; }
.modulo-7 { background-color: #FFB74D; }
.modulo-8 { background-color: #6D28D9; color: #FFF; }