/* Material Icons Font Face con fuentes locales */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url('/fonts/material-icons/MaterialIcons-Regular.woff2') format('woff2'),
       url('/fonts/material-icons/MaterialIcons-Regular.woff') format('woff'),
       url('https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2') format('woff2'),
       url('https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNa.woff') format('woff');
}

/* Material Icons base class */
.material-icons {
  font-family: 'Material Icons', 'Arial Unicode MS', 'Lucida Grande', sans-serif !important;
  font-weight: normal !important;
  font-style: normal !important;
  font-size: 24px !important;
  line-height: 1 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  display: inline-block !important;
  white-space: nowrap !important;
  word-wrap: normal !important;
  direction: ltr !important;
  -webkit-font-feature-settings: 'liga' !important;
  -webkit-font-smoothing: antialiased !important;
  font-feature-settings: 'liga' !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}

/* Forzar carga de iconos en MudBlazor - Más específico */
.mud-icon-root,
.mud-icon,
.mud-button .mud-icon-root,
.mud-button .mud-icon,
.mud-chip .mud-icon-root,
.mud-chip .mud-icon,
.mud-data-grid .mud-icon-root,
.mud-data-grid .mud-icon,
.mud-text .mud-icon-root,
.mud-text .mud-icon {
  font-family: 'Material Icons', 'Arial Unicode MS', 'Lucida Grande', sans-serif !important;
  font-weight: normal !important;
  font-style: normal !important;
  -webkit-font-feature-settings: 'liga' !important;
  font-feature-settings: 'liga' !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
  display: inline-block !important;
  line-height: 1 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  word-wrap: normal !important;
  white-space: nowrap !important;
  direction: ltr !important;
}

/* Tamaños específicos para MudBlazor */
.mud-icon-size-small,
.mud-icon-root.mud-icon-size-small {
  font-size: 18px !important;
}

.mud-icon-size-medium,
.mud-icon-root.mud-icon-size-medium {
  font-size: 24px !important;
}

.mud-icon-size-large,
.mud-icon-root.mud-icon-size-large {
  font-size: 36px !important;
}

/* Forzar iconos específicos en botones */
.mud-button-root .mud-icon-root,
.mud-button-root .mud-icon,
.mud-button-filled .mud-icon-root,
.mud-button-filled .mud-icon,
.mud-button-outlined .mud-icon-root,
.mud-button-outlined .mud-icon {
  font-family: 'Material Icons', 'Arial Unicode MS', 'Lucida Grande', sans-serif !important;
  -webkit-font-feature-settings: 'liga' !important;
  font-feature-settings: 'liga' !important;
}

/* Forzar iconos en chips */
.mud-chip .mud-icon-root,
.mud-chip .mud-icon {
  font-family: 'Material Icons', 'Arial Unicode MS', 'Lucida Grande', sans-serif !important;
  -webkit-font-feature-settings: 'liga' !important;
  font-feature-settings: 'liga' !important;
}

/* Sizing classes estándar */
.material-icons.md-18 { font-size: 18px !important; }
.material-icons.md-24 { font-size: 24px !important; }
.material-icons.md-36 { font-size: 36px !important; }
.material-icons.md-48 { font-size: 48px !important; }

/* Dark theme */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54) !important; }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26) !important; }

/* Light theme */
.material-icons.md-light { color: rgba(255, 255, 255, 1) !important; }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3) !important; }

/* Custom colors */
.material-icons.orange600 { color: #FB8C00 !important; }
.material-icons.blue600 { color: #1E88E5 !important; }
.material-icons.green600 { color: #43A047 !important; }
.material-icons.red600 { color: #E53935 !important; }

/* Reglas específicas para debug - removable después de verificar */
[class*="mud-icon"] {
  font-family: 'Material Icons', 'Arial Unicode MS', 'Lucida Grande', sans-serif !important;
  -webkit-font-feature-settings: 'liga' !important;
  font-feature-settings: 'liga' !important;
}

/* Alternativa para elementos que no responden */
.mud-icon-root:before,
.mud-icon:before {
  font-family: 'Material Icons', 'Arial Unicode MS', 'Lucida Grande', sans-serif !important;
  -webkit-font-feature-settings: 'liga' !important;
  font-feature-settings: 'liga' !important;
}