/* Ícones Monocromáticos - VerinaTEC */

.icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    fill: #6b7280;
    transition: fill 0.3s ease;
}

.icon-large {
    width: 48px;
    height: 48px;
}

.icon-small {
    width: 16px;
    height: 16px;
}

.icon:hover {
    fill: #374151;
}

/* Ícones específicos usando símbolos Unicode monocromáticos */
.icon-computer::before { content: "🖥"; filter: grayscale(100%); }
.icon-gear::before { content: "⚙"; filter: grayscale(100%); }
.icon-design::before { content: "🎨"; filter: grayscale(100%); }
.icon-support::before { content: "🔧"; filter: grayscale(100%); }
.icon-phone::before { content: "📞"; filter: grayscale(100%); }
.icon-email::before { content: "✉"; filter: grayscale(100%); }
.icon-location::before { content: "📍"; filter: grayscale(100%); }
.icon-check::before { content: "✓"; filter: grayscale(100%); }
.icon-chart::before { content: "📊"; filter: grayscale(100%); }
.icon-rocket::before { content: "🚀"; filter: grayscale(100%); }
.icon-target::before { content: "🎯"; filter: grayscale(100%); }
.icon-lightning::before { content: "⚡"; filter: grayscale(100%); }

/* Alternativa com símbolos simples */
.mono-icon {
    font-family: 'Arial', sans-serif;
    font-weight: bold;
    color: #6b7280;
    font-size: 1.5rem;
    transition: color 0.3s ease;
}

.mono-icon:hover {
    color: #374151;
}

/* Símbolos monocromáticos específicos */
.mono-computer::before { content: "▣"; }
.mono-gear::before { content: "⚙"; }
.mono-design::before { content: "◐"; }
.mono-support::before { content: "⚒"; }
.mono-phone::before { content: "☎"; }
.mono-email::before { content: "✉"; }
.mono-location::before { content: "⌖"; }
.mono-check::before { content: "✓"; }
.mono-chart::before { content: "▤"; }
.mono-rocket::before { content: "▲"; }
.mono-target::before { content: "◎"; }
.mono-lightning::before { content: "⟡"; }