/* Parche: asegurar que dashicons y fontawesome sean visibles en móviles */
.dashicons, .dashicons:before, .dashicons-before:before {
    font-family: dashicons !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Forzar visibilidad del icono si estuviera oculto por tamaños o overflow */
.dashicons, .fa, .fas, .far, .fab {
    display: inline-block !important;
    vertical-align: middle !important;
    width: auto !important;
    height: auto !important;
    font-size: 1.1rem !important;
}

/* Fallback: si dashicons no carga, mostrar Font Awesome en los elementos que usen .dashicons (esto requiere que el HTML tenga clases concretas) */
/* NOTA: sustituye .dashicons-admin-users con la clase exacta usada si quieres mapear iconos concretos */
.dashicons-admin-users:before { content: "\f007"; font-family: "Font Awesome 6 Free"; font-weight: 900; }