#taskDetails {
  font-size: 16px;
}
.cards-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  grid-auto-rows: 1fr;
  gap: 10px; /* espaçamento entre cards */
  margin-right: 10px; /* espacinho na direita, igual empresas */
}

/* card do módulo */
.modulo-card {
  background: #ffffff; /* fundo branco */
  border-radius: 24px;
  padding: 24px 32px;
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  color: #512da8; /* deep-purple-7 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%; /* mesma altura por linha */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.modulo-card:hover {
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}

/* código do módulo (em cima, laranja) */
.codigo-modulo {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 12px;
  color: #e65100; /* deep-orange-9 */
}

/* nome do módulo */
.nome-modulo {
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  margin-bottom: 6px;
  color: #512da8; /* deep-purple-7 */
}

/* descrição do módulo */
.descricao-modulo {
  text-align: center;
  font-size: 13px;
  line-height: 1.4;
  color: #555;
}
.logo-modulo {
  background: #512da8; /* deep-purple-7 */

  color: white;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 32px;
  margin-bottom: 10px;
}
.logo-letter {
  font-size: 32px;
  line-height: 1;
  font-weight: 800;
  color: #fff;
  text-transform: uppercase;
}

/* parte de cima do card (tudo menos nm_cadeia_valor) */
.modulo-card-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; /* ocupa o espaço variável */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

/* nm_cadeia_valor sempre como última linha centralizada */
.cadeia-modulo {
  margin-top: 16px;
  font-weight: 600;
  font-size: 13px;
  text-align: center;
  color: #333;
}
.filtros-modulos {
  max-width: 1100px;
}
.card-modulo {
  border-radius: 18px;
  -webkit-transition: -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  transition: transform 0.2s ease, box-shadow 0.2s ease, -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
}
.card-modulo:hover {
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
  -webkit-box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
          box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}


/*# sourceMappingURL=display-data498.544f2b28.css.map*/