/* *** Iconos *** */

/** Hey... las subclases... si la clase EMPIEZA con "ico" o si el texto de las clases contiene " ico" (o sea espacio ico, no es la primera clase nombrada, por ejemplo "estilo1 icoflecha" ==>> nos ahorramos el poner una clase ICO y luego especificar el icono, que si un icono es menu y luego tengo una clase menu pa otra cosa pues ees un lio así que los iconos los nombro ocmo icoloquesea, ytodo esto en común era una barbaridad ponerlo en cada uno así que estaba usando la clase "ico icomenu" ... pues con esto puedo usar sólo "icomenu" XD  **/
[class^='ico']::before, [class*=' ico']::before, .ico::before {
  position: relative;
  display: inline-block;
  padding:0;
  margin:0;
  filter: drop-shadow(0 0 2px black);
  content: ' ';
  width: 1em;
  height: 1em;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform-origin: center;
}

[class^='icoflag']::before, [class*=' icoflag']::before, .icoflag::before {
  vertical-align: top;
  }

/* *** generic interface icons, not flags, but common for all themes as the flags are */
/*
  extraidos de https://www.streamlinehq.com/icons/core-duo-free?search=play&icon=ico_k4vihqUpVPFvKlTO
*/
/* *** Renaming to more sense icon names, based on their roles, and unified filenames and styles */
.icoabout::before            { background-image: url(/Ico/white/black/info); }
.icoadd::before              { background-image: url(/Ico/white/black/mas); }
.icoajustes::before          { background-image: url(/Ico/white/black/ajustes); }
.icoambulancia::before       { background-image: url(/Ico/white/black/ambulancia); }
.icoanterior::before         { background-image: url(/Ico/white/black/player_rw_prev); }
.icoarchivos::before         { background-image: url(/Ico/white/black/archivos); }
.icoantivirus::before        { background-image: url(/Ico/white/black/antivirus); }
.icoartista::before          { background-image: url(/Ico/white/black/artista_bajo_el_foco); }
.icoascendente::before       { background-image: url(/Ico/white/black/flecha_gorda_arriba); }
.icoaudio::before            { background-image: url(/Ico/white/black/musica); }
.icoaviso2::before           { background-image: url(/Ico/white/black/warning_triangulo); }
.icoaviso::before            { background-image: url(/Ico/white/black/warning_octogono); }
.icoayuda2::before           { background-image: url(/Ico/white/black/ayuda2); }
.icoayuda::before            { background-image: url(/Ico/white/black/ayuda); }
.icobuscar2::before          { background-image: url(/Ico/white/black/buscar2); }
.icobuscar::before           { background-image: url(/Ico/white/black/buscar); }
.icocamara::before           { background-image: url(/Ico/white/black/camara_fotos); }
.icocaquita::before          { background-image: url(/Ico/white/black/caquita); }
.icocaquitasolida::before    { background-image: url(/Ico/white/black/caquitasolida); }
.icocara1::before            { background-image: url(/Ico/white/black/cara1); }
.icocara2::before            { background-image: url(/Ico/white/black/cara2); }
.icocara3::before            { background-image: url(/Ico/white/black/cara3); }
.icocara4::before            { background-image: url(/Ico/white/black/cara4); }
.icocara5::before            { background-image: url(/Ico/white/black/cara5); }
.icocara6::before            { background-image: url(/Ico/white/black/cara6); }
.icocara7::before            { background-image: url(/Ico/white/black/cara7); }
.icocara8::before            { background-image: url(/Ico/white/black/cara8); }
.icocheckno::before          { background-image: url(/Ico/white/black/checkbox_off); }
.icocheckquiza::before       { background-image: url(/Ico/white/black/checkbox_quiza); }
.icochecksi::before          { background-image: url(/Ico/white/black/checkbox_on); }
.icocirculo::before          { background-image: url(/Ico/white/black/circulo); }
.icoclave::before            { background-image: url(/Ico/white/black/entrada_contrasenya); }
.icoclick::before            { background-image: url(/Ico/white/black/dedo-click); }
.icoclima::before            { background-image: url(/Ico/white/black/clima); }
.icococina::before           { background-image: url(/Ico/white/black/cocina); }
.icocomic::before            { background-image: url(/Ico/white/black/comic); }
.icocomic_color::before      { background-image: url(/Ico/white/black/comic_color); }
.icocomic_cover::before      { background-image: url(/Ico/white/black/comic_cover); }
.icocomic_page::before       { background-image: url(/Ico/white/black/comic_page); }
.icocomics::before           { background-image: url(/Ico/white/black/comic); }
.icoconfigurar::before       { background-image: url(/Ico/white/black/configuracion); }
.icocreativecommons::before  { background-image: url(/Ico/white/black/creativecommons); }
.icocss3::before             { background-image: url(/Ico/white/black/logo_css3); }
.icodescargar::before        { background-image: url(/Ico/white/black/dwl_circulo); }
.icodescendente::before      { background-image: url(/Ico/white/black/flecha_gorda_arriba);  transform: rotate(180deg);}
.icodiccionario::before      { background-image: url(/Ico/white/black/diccionario); }
.icoenprogreso::before       { background-image: url(/Ico/white/black/video_in_progress); }
.icoentrada_texto::before    { background-image: url(/Ico/white/black/entrada_texto); }
.icoentrar::before           { background-image: url(/Ico/white/black/entrar); }
.icoescribir::before         { background-image: url(/Ico/white/black/entrada_texto); }
.icoescudo::before           { background-image: url(/Ico/white/black/escudo); }
.icoescudocruz::before       { background-image: url(/Ico/white/black/escudo_cruz); }
.icoescudook::before         { background-image: url(/Ico/white/black/escudo_si); }
.icoespecial::before         { background-image: url(/Ico/white/black/especial); }
.icoestadisticas::before     { background-image: url(/Ico/white/black/estadisticas); }
.icoestrella::before         { background-image: url(/Ico/white/black/estrella_entera); }
.icoestrella_media::before   { background-image: url(/Ico/white/black/estrella_media); }
.icofavorito2::before        { background-image: url(/Ico/white/black/corazoncito); }
.icofavorito::before         { background-image: url(/Ico/white/black/corazon); }
.icofavoritomedio::before    { background-image: url(/Ico/white/black/estrella_media); }
.icofavoritoquitar::before   { background-image: url(/Ico/white/black/corazon_tachado); }
.icofecha::before            { background-image: url(/Ico/white/black/fecha); }
.icofechaasc::before         { background-image: url(/Ico/white/black/fecha_ascendente); }
.icofechadesc::before        { background-image: url(/Ico/white/black/fecha_descendente); }
.icofileasc::before          { background-image: url(/Ico/white/black/orden_ascendente); }
.icofiledesc::before         { background-image: url(/Ico/white/black/orden_descendente); }
.icofiltro::before           { background-image: url(/Ico/white/black/filtro); }
.icoflechaabajo::before      { background-image: url(/Ico/white/black/flecha_abajo); }
.icoflechaarriba::before     { background-image: url(/Ico/white/black/flecha_abajo);  transform: rotate(180deg); }
.icoflechaderecha::before    { background-image: url(/Ico/white/black/flecha_abajo);  transform: rotate(270deg); }
.icoflechaizquierda::before  { background-image: url(/Ico/white/black/flecha_abajo);  transform: rotate(90deg);  }
.icoflechazaabajo::before    { background-image: url(/Ico/white/black/flecha_gorda_arriba); transform: rotate(180deg); }
.icoflechazaarriba::before   { background-image: url(/Ico/white/black/flecha_gorda_arriba);  }
.icoflechazaderecha::before  { background-image: url(/Ico/white/black/flecha_gorda_arriba);  transform: rotate(90deg); }
.icoflechazaizquierda::before{ background-image: url(/Ico/white/black/flecha_gorda_arriba);  transform: rotate(270deg);  }
.icofolder_open::before      { background-image: url(/Ico/white/black/folder); }
.icofolder_openfile::before  { background-image: url(/Ico/white/black/folder_openfrom); }
.icofotos::before            { background-image: url(/Ico/white/black/fotos); }
.icoherramientas::before     { background-image: url(/Ico/white/black/herramientas); }
.icohome::before             { background-image: url(/Ico/white/black/inicio); }
.icohospital::before         { background-image: url(/Ico/white/black/hospital); }
.icoinfo::before             { background-image: url(/Ico/white/black/info); }
.icoinicio::before           { background-image: url(/Ico/white/black/inicio); }
.icojuegos::before           { background-image: url(/Ico/white/black/juegos); }
.icolibros::before           { background-image: url(/Ico/white/black/libro_abierto); }
.icologocss3::before         { background-image: url(/Ico/white/white/logo_css3); }
.icologohtml5::before        { background-image: url(/Ico/white/white/logo_html5); }
.icologojavascript::before   { background-image: url(/Ico/white/black/logo_js); }
.icologopython::before       { background-image: url(/Ico/white/black/logo_python); }
.icomenos::before            { background-image: url(/Ico/white/black/menos); }
.icomenu2::before            { background-image: url(/Ico/white/black/menu); }
.icomenu::before             { background-image: url(/Ico/white/black/menu_burger_VAM); }
.icomenu_vam::before         { background-image: url(/Ico/white/black/menu_burger_VAM); }
.icomuerte::before           { background-image: url(/Ico/white/black/cara8);}
.icomundo::before            { background-image: url(/Ico/white/black/mundo); }
.iconovedades::before        { background-image: url(/Ico/white/black/novedades); }
.iconovedadeslentas::before  { background-image: url(/Ico/white/black/novedades_snail); }
.iconumasc::before           { background-image: url(/Ico/white/black/orden_numerico); }
.icoordenar::before          { background-image: url(/Ico/white/black/orden_ascendente); }
.icopeliculas::before        { background-image: url(/Ico/white/black/pelicula_claqueta); }
.icopeliculasja::before      { background-image: url(/Ico/white/black/pelicula_claqueta); }
.icopeliculaskr::before      { background-image: url(/Ico/white/black/pelicula_claqueta); }
.icopeliculaszh::before      { background-image: url(/Ico/white/black/pelicula_claqueta); }
.icoprevio::before           { background-image: url(/Ico/white/black/player_prev); }
.icoreproducir::before       { background-image: url(/Ico/white/black/player_play); }
.icosalir::before            { background-image: url(/Ico/white/black/salir); }
.icoseries::before           { background-image: url(/Ico/white/black/series); }
.icoseriesja::before         { background-image: url(/Ico/white/black/series_japon); }
.icoserieskr::before         { background-image: url(/Ico/white/black/series_korea); }
.icoseriesold::before        { background-image: url(/Ico/white/black/video_camara_circular); }
.icoserieszh::before         { background-image: url(/Ico/white/black/series_china); }
.icoseta::before             { background-image: url(/Ico/white/black/seta); }
.icosetas2::before           { background-image: url(/Ico/white/black/setas2); }
.icosetas3::before           { background-image: url(/Ico/white/black/setas3); }
.icosiguiente::before        { background-image: url(/Ico/white/black/player_next); }
.icoso::before               { background-image: url(/Ico/white/black/logo_so); }
.icosolno::before            { background-image: url(/Ico/white/black/solno); }
.icostop::before             { background-image: url(/Ico/white/black/player_stop); }
.icotema::before             { background-image: url(/Ico/white/black/tema_oscuro); }
.icousuario::before          { background-image: url(/Ico/white/black/usuario); }
.icousuarios::before         { background-image: url(/Ico/white/black/usuario_varios); }
.icovam_comic::before        { background-image: url(/Ico/white/black/comic_vam); }
.icover::before              { background-image: url(/Ico/white/black/ojo_abierto); }
.icoviajarapp::before        { background-image: url(/Ico/white/black/viajar_app); }
.icoviajaravion::before      { background-image: url(/Ico/white/black/viajar_avion); }
.icoviajarmapa::before       { background-image: url(/Ico/white/black/viajar_mapa); }
.icovideo::before            { background-image: url(/Ico/white/black/video_camara_circular); }
.icovisto_no::before         { background-image: url(/Ico/white/black/ojo_tachado); }
.icovisto_si::before         { background-image: url(/Ico/white/black/ojo_abierto_pestañas); }
.icowarning::before          { background-image: url(/Ico/white/black/warning_triangulo); }


.icotriangder::before        { background-image: url(/Ico/white/black/player_play); }
.icotriangaba::before        { background-image: url(/Ico/white/black/player_play);  transform: rotate(90deg);}
.icotriangizq::before        { background-image: url(/Ico/white/black/player_play);  transform: rotate(180deg);}
.icotriangarr::before        { background-image: url(/Ico/white/black/player_play);  transform: rotate(270deg);}

/* el icono de play apuntando para donde las horas (H12 arriba, H06 abajo y todo eso) */
.icotriangH03::before        { background-image: url(/Ico/white/black/player_play);  transform: rotate(  0deg);}
.icotriangH04::before        { background-image: url(/Ico/white/black/player_play);  transform: rotate( 30deg);}
.icotriangH05::before        { background-image: url(/Ico/white/black/player_play);  transform: rotate( 60deg);}
.icotriangH06::before        { background-image: url(/Ico/white/black/player_play);  transform: rotate( 90deg);}
.icotriangH07::before        { background-image: url(/Ico/white/black/player_play);  transform: rotate(120deg);}
.icotriangH08::before        { background-image: url(/Ico/white/black/player_play);  transform: rotate(150deg);}
.icotriangH09::before        { background-image: url(/Ico/white/black/player_play);  transform: rotate(180deg);}
.icotriangH10::before        { background-image: url(/Ico/white/black/player_play);  transform: rotate(210deg);}
.icotriangH11::before        { background-image: url(/Ico/white/black/player_play);  transform: rotate(240deg);}
.icotriangH12::before        { background-image: url(/Ico/white/black/player_play);  transform: rotate(270deg);}
.icotriangH01::before        { background-image: url(/Ico/white/black/player_play);  transform: rotate(300deg);}
.icotriangH02::before        { background-image: url(/Ico/white/black/player_play);  transform: rotate(330deg);}

/* Para estilos de países en las categorías; los iconos de bandera están descentrados */
.icoflagvalencia::before { content: url(/static/flags/vlc.svg) !important;   }  /* Valencia */
.icoflagespanya::before  { content: url(/static/flags/es.svg)  !important;    }  /* Spanish european*/
.icoflaguk::before       { content: url(/static/flags/gb.svg)  !important;    }  /* english */
.icoflagchina::before    { content: url(/static/flags/cn.svg)  !important;    }  /* chinese */
.icoflagjapon::before    { content: url(/static/flags/jp.svg)  !important;    }  /* japanese */
.icoflagkorea::before    { content: url(/static/flags/kr.svg)  !important;    }  /* korean */
.icoflagusa::before      { content: url(/static/flags/us.svg)  !important;    }  /* USA */