/* Sistema de Ícones - Font Awesome 6 via CDN */
/* Importar Font Awesome do CDN */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');

/* Classes de ícones customizadas */
[class^="icon-"],
[class*=" icon-"] {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome 6 Brands";
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Ícones usando classes Font Awesome */
.icon-phone::before { content: "\f095"; font-family: "Font Awesome 6 Free"; }
.icon-email::before { content: "\f0e0"; font-family: "Font Awesome 6 Free"; }
.icon-search::before { content: "\f002"; font-family: "Font Awesome 6 Free"; }
.icon-cart::before { content: "\f07a"; font-family: "Font Awesome 6 Free"; }
.icon-whatsapp::before { content: "\f232"; font-family: "Font Awesome 6 Brands"; }
.icon-facebook::before { content: "\f09a"; font-family: "Font Awesome 6 Brands"; }
.icon-instagram::before { content: "\f16d"; font-family: "Font Awesome 6 Brands"; }
.icon-location::before { content: "\f3c5"; font-family: "Font Awesome 6 Free"; }
.icon-dashboard::before { content: "\f3fd"; font-family: "Font Awesome 6 Free"; }
.icon-box::before { content: "\f466"; font-family: "Font Awesome 6 Free"; }
.icon-folder::before { content: "\f07b"; font-family: "Font Awesome 6 Free"; }
.icon-tag::before { content: "\f02b"; font-family: "Font Awesome 6 Free"; }
.icon-image::before { content: "\f03e"; font-family: "Font Awesome 6 Free"; }
.icon-money::before { content: "\f0d6"; font-family: "Font Awesome 6 Free"; }
.icon-settings::before { content: "\f013"; font-family: "Font Awesome 6 Free"; }
.icon-palette::before { content: "\f53f"; font-family: "Font Awesome 6 Free"; }
.icon-users::before { content: "\f0c0"; font-family: "Font Awesome 6 Free"; }
.icon-user::before { content: "\f007"; font-family: "Font Awesome 6 Free"; }
.icon-heart::before { content: "\f004"; font-family: "Font Awesome 6 Free"; }
.icon-star::before { content: "\f005"; font-family: "Font Awesome 6 Free"; }
.icon-check::before { content: "\f00c"; font-family: "Font Awesome 6 Free"; }
.icon-close::before { content: "\f00d"; font-family: "Font Awesome 6 Free"; }
.icon-edit::before { content: "\f044"; font-family: "Font Awesome 6 Free"; }
.icon-trash::before { content: "\f1f8"; font-family: "Font Awesome 6 Free"; }
.icon-copy::before { content: "\f0c5"; font-family: "Font Awesome 6 Free"; }
.icon-plus::before { content: "\f067"; font-family: "Font Awesome 6 Free"; }
.icon-minus::before { content: "\f068"; font-family: "Font Awesome 6 Free"; }
.icon-arrow-right::before { content: "\f061"; font-family: "Font Awesome 6 Free"; }
.icon-arrow-left::before { content: "\f060"; font-family: "Font Awesome 6 Free"; }
.icon-arrow-up::before { content: "\f062"; font-family: "Font Awesome 6 Free"; }
.icon-arrow-down::before { content: "\f063"; font-family: "Font Awesome 6 Free"; }
.icon-share::before { content: "\f064"; font-family: "Font Awesome 6 Free"; }
.icon-shield::before { content: "\f3ed"; font-family: "Font Awesome 6 Free"; }
.icon-truck::before { content: "\f0d1"; font-family: "Font Awesome 6 Free"; }
.icon-credit-card::before { content: "\f09d"; font-family: "Font Awesome 6 Free"; }
.icon-clock::before { content: "\f017"; font-family: "Font Awesome 6 Free"; }
.icon-home::before { content: "\f015"; font-family: "Font Awesome 6 Free"; }
.icon-menu::before { content: "\f0c9"; font-family: "Font Awesome 6 Free"; }
.icon-bell::before { content: "\f0f3"; font-family: "Font Awesome 6 Free"; }
.icon-filter::before { content: "\f0b0"; font-family: "Font Awesome 6 Free"; }
.icon-sort::before { content: "\f0dc"; font-family: "Font Awesome 6 Free"; }
.icon-grid::before { content: "\f00a"; font-family: "Font Awesome 6 Free"; }
.icon-list::before { content: "\f03a"; font-family: "Font Awesome 6 Free"; }
.icon-eye::before { content: "\f06e"; font-family: "Font Awesome 6 Free"; }
.icon-eye-slash::before { content: "\f070"; font-family: "Font Awesome 6 Free"; }
.icon-lock::before { content: "\f023"; font-family: "Font Awesome 6 Free"; }
.icon-unlock::before { content: "\f09c"; font-family: "Font Awesome 6 Free"; }
.icon-download::before { content: "\f019"; font-family: "Font Awesome 6 Free"; }
.icon-upload::before { content: "\f093"; font-family: "Font Awesome 6 Free"; }
.icon-save::before { content: "\f0c7"; font-family: "Font Awesome 6 Free"; }
.icon-print::before { content: "\f02f"; font-family: "Font Awesome 6 Free"; }
.icon-calendar::before { content: "\f073"; font-family: "Font Awesome 6 Free"; }
.icon-chart::before { content: "\f080"; font-family: "Font Awesome 6 Free"; }
.icon-trophy::before { content: "\f091"; font-family: "Font Awesome 6 Free"; }
.icon-gift::before { content: "\f06b"; font-family: "Font Awesome 6 Free"; }
.icon-fire::before { content: "\f06d"; font-family: "Font Awesome 6 Free"; }
.icon-bolt::before { content: "\f0e7"; font-family: "Font Awesome 6 Free"; }
.icon-thumbs-up::before { content: "\f164"; font-family: "Font Awesome 6 Free"; }
.icon-thumbs-down::before { content: "\f165"; font-family: "Font Awesome 6 Free"; }
.icon-comment::before { content: "\f075"; font-family: "Font Awesome 6 Free"; }
.icon-share-alt::before { content: "\f1e0"; font-family: "Font Awesome 6 Free"; }
.icon-link::before { content: "\f0c1"; font-family: "Font Awesome 6 Free"; }
.icon-external-link::before { content: "\f35d"; font-family: "Font Awesome 6 Free"; }
.icon-info::before { content: "\f129"; font-family: "Font Awesome 6 Free"; }
.icon-warning::before { content: "\f071"; font-family: "Font Awesome 6 Free"; }
.icon-alert::before { content: "\f06a"; font-family: "Font Awesome 6 Free"; }
.icon-error::before { content: "\f057"; font-family: "Font Awesome 6 Free"; }
.icon-success::before { content: "\f058"; font-family: "Font Awesome 6 Free"; }
.icon-question::before { content: "\f128"; font-family: "Font Awesome 6 Free"; }
.icon-help::before { content: "\f059"; font-family: "Font Awesome 6 Free"; }

/* Tamanhos de ícones */
.icon-xs { font-size: 0.75rem; }
.icon-sm { font-size: 0.875rem; }
.icon-md { font-size: 1rem; }
.icon-lg { font-size: 1.25rem; }
.icon-xl { font-size: 1.5rem; }
.icon-2x { font-size: 2rem; }
.icon-3x { font-size: 3rem; }

/* Cores de ícones */
.icon-primary { color: var(--cor-primaria); }
.icon-secondary { color: var(--cor-secundaria); }
.icon-success { color: #4CAF50; }
.icon-danger { color: #F44336; }
.icon-warning { color: #FF9800; }
.icon-info { color: #2196F3; }
.icon-white { color: #FFFFFF; }
.icon-dark { color: #333333; }