/* TEXT GRADIENT */
.text-grad {
  font-weight: bold;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  transition: filter 0.3s;
}

.text-grad:hover {
  filter: brightness(1.2);
}

/* ICONS GRADIENT */
/* Base comum para todos os ícones */
.icon {
	text-align: center;
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	vertical-align: middle !important;
	background-color: currentColor;
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;

	-webkit-mask-repeat: no-repeat;
	mask-position: center;
	-webkit-mask-position: center;
}

.icon-sm {
	text-align: center;
	display: inline-block;
	width: 1.25em;
	height: 1.25em;
	vertical-align: middle;
	background-color: currentColor;
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;
}

/* SOLID TEXTS */
.text-solid {
  font-weight: bold;
  transition: color 0.3s;
}

.text-solid:hover {
  filter: brightness(1.2);
}

/* SOLID COLORS */
.text-solid-blue     { color: #0072ff; }
.text-solid-orange   { color: #fb8c00; }
.text-solid-purple   { color: #7c4dff; }
.text-solid-green    { color: #00c853; }
.text-solid-green-   { color: #00c878; }
.text-solid-pink     { color: #d81b60; }
.text-solid-gray     { color: #888; }
.text-solid-red      { color: #c62828; }
.text-solid-teal     { color: #00838f; }
.text-solid-yellow   { color: #fbc02d; }
.text-solid-cyan     { color: #00838f; }
.text-solid-indigo   { color: #3f51b5; }
.text-solid-brown    { color: #5d4037; }
.text-solid-lime     { color: #9e9d24; }
.text-solid-deeporange { color: #e64a19; }
.text-solid-coral    { color: #e05c35; }
.text-solid-crimson  { color: #a60f2f; }

/*COLORS GRADIENTS*/
.text-blue     { background-image: linear-gradient(135deg, #00c6ff, #0072ff); }
.text-orange   { background-image: linear-gradient(135deg, #ffa726, #fb8c00); }
.text-purple   { background-image: linear-gradient(135deg, #b388ff, #7c4dff); }
.text-green    { background-image: linear-gradient(135deg, #00e676, #00c853); }
.text-green-   { background-image: linear-gradient(135deg, #00ff99, #00c878); }
.text-pink     { background-image: linear-gradient(135deg, #ec407a, #d81b60); }
.text-gray     { background-image: linear-gradient(135deg, #666, #999); }
.text-red      { background-image: linear-gradient(135deg, #ef5350, #c62828); }
.text-teal     { background-image: linear-gradient(135deg, #26c6da, #00838f); }
.text-yellow   { background-image: linear-gradient(135deg, #ffeb3b, #fbc02d); }
.text-cyan     { background-image: linear-gradient(135deg, #00acc1, #00838f); }
.text-indigo   { background-image: linear-gradient(135deg, #5c6bc0, #3f51b5); }
.text-brown    { background-image: linear-gradient(135deg, #8d6e63, #5d4037); }
.text-lime     { background-image: linear-gradient(135deg, #d4e157, #9e9d24); }
.text-deeporange { background-image: linear-gradient(135deg, #ff7043, #e64a19); }
.text-coral    { background-image: linear-gradient(135deg, #ff7f50, #e05c35); }
.text-crimson  { background-image: linear-gradient(135deg, #dc143c, #a60f2f); }
.text-ai {background-image: linear-gradient(90deg, #0a0aff, #00f0ff, #00ffcc)}


.grad-ai {background: linear-gradient(90deg, #0a0aff, #00f0ff, #00ffcc)}

.grad-blue {
	background: linear-gradient(135deg, #00c6ff, #0072ff);
}

.grad-orange {
	background: linear-gradient(135deg, #ffa726, #fb8c00);
}

.grad-purple {
	background: linear-gradient(135deg, #b388ff, #7c4dff);
}

.grad-green- {
	background: linear-gradient(135deg, #00ff99, #00c878);
}

.grad-green {
	background: linear-gradient(135deg, #00e676, #00c853);
}

.grad-pink {
	background: linear-gradient(135deg, #ec407a, #d81b60);
}

.grad-gray {
	background: linear-gradient(135deg, #666, #999);
}

.grad-red {
	background: linear-gradient(135deg, #ef5350, #c62828);
}

.grad-teal {
	background: linear-gradient(135deg, #26c6da, #00838f);
}

.grad-yellow {
	background: linear-gradient(135deg, #ffeb3b, #fbc02d);
}

.grad-cyan {
	background: linear-gradient(135deg, #00acc1, #00838f);
}

.grad-indigo {
	background: linear-gradient(135deg, #5c6bc0, #3f51b5);
}

.grad-brown {
	background: linear-gradient(135deg, #8d6e63, #5d4037);
}

.grad-lime {
	background: linear-gradient(135deg, #d4e157, #9e9d24);
}

.grad-deeporange {
	background: linear-gradient(135deg, #ff7043, #e64a19);
}

.grad-coral {
	background: linear-gradient(135deg, #ff7f50, #e05c35);
}

.grad-crimson {
	background: linear-gradient(135deg, #dc143c, #a60f2f);
}

.grad-agent     { background: linear-gradient(45deg, #4e54c8, #8f94fb); }
.grad-task      { background: linear-gradient(45deg, #32b9b0, #6fe7dd); }
.grad-tool      { background: linear-gradient(45deg, #ff9f43, #ffbd69); }
.grad-param     { background: linear-gradient(45deg, #58c372, #a8ebaf); }
.grad-export    { background: linear-gradient(45deg, #5555aa, #8bc6ec); }