@Perfil delantero {
    font-family: 'simple-line-icons';
    src: url('../fuentes/Simple-Line-Icons.eot?v=2.4.0');
    src: url('../fonts/Simple-Line-Icons.eot?v=2.4.0#iefix') format('embedded-opentype'), url('../fonts/Simple-Line-Icons. woff2?v=2.4.0') format('woff2'), url('../fonts/Simple-Line-Icons.ttf?v=2.4.0') format('truetype'), url('. ./fonts/Simple-Line-Icons.woff?v=2.4.0') format('woff'), url('../fonts/Simple-Line-Icons.svg?v=2.4.0#simple- iconos de línea') format('svg');
    peso de fuente: normal;
    estilo de fuente: normal;
  }
  /*
   Utilice el siguiente código CSS si desea tener una clase por icono.
   En lugar de una lista de todos los selectores de clase, puede usar el selector genérico [class*="icon-"], pero es más lento:
  */
  .icon-usuario,
  .icon-personas,
  .icon-usuario-femenino,
  .icon-usuario-seguir,
  .icon-usuario-siguiendo,
  .icon-usuario-dejar de seguir,
  .icon-login,
  .icon-cerrar sesión,
  .icon-emotsmile,
  .icon-teléfono,
  .icon-llamada-fin,
  .icon-llamada entrante,
  .icon-llamada,
  .icono-mapa,
  .icon-ubicación-pin,
  .icon-dirección,
  .icon-direcciones,
  .icon-brújula,
  .icon-capas,
  .icon-menú,
  .icon-lista,
  .icon-opciones-vertical,
  .icon-opciones,
  .icon-flecha-abajo,
  .icon-flecha-izquierda,
  .icon-flecha-derecha,
  .icon-flecha arriba,
  .icono-flecha-arriba-círculo,
  .icono-flecha-izquierda-círculo,
  .icono-flecha-derecha-círculo,
  .icono-flecha-abajo-círculo,
  .icono de verificación,
  .icon-reloj,
  .icon-más,
  .icon-menos,
  .icon-cerrar,
  .icon-evento,
  .icon-exclamación,
  .icon-organización,
  .icon-trofeo,
  .icon-pantalla-smartphone,
  .icon-pantalla-escritorio,
  .icon-plano,
  .icon-cuaderno,
  .icon-bigote,
  .icon-mouse,
  .icon-imán,
  .icon-energía,
  .icon-disco,
  .icon-cursor,
  .icon-cursor-mover,
  .icon-crop,
  .icon-quimica,
  .icon-velocímetro,
  .icon-escudo,
  .icono-pantalla-tableta,
  .icon-varita-magica,
  .icon-reloj de arena,
  .icon-graduación,
  .icon-fantasma,
  .icon-controlador-de-juegos,
  .icon-fuego,
  .icon-gafas,
  .icon-sobre-abierto,
  .icono-sobre-carta,
  .icon-campana,
  .icono-insignia,
  .icon-ancla,
  .icon-billetera,
  .icon-vector,
  .icono-discurso,
  .icon-rompecabezas,
  .icon-impresora,
  .icon-presente,
  .icon-lista de reproducción,
  .icon-pin,
  .icon-imagen,
  .icon-bolso,
  .icon-globo-alt,
  .icon-globo,
  .icon-carpeta-alt,
  .icon-carpeta,
  .icon-película,
  .icon-feed,
  .icon-soltar,
  .icon-cajón,
  .icon-docs,
  .icon-doc,
  .icon-diamante,
  .icon-taza,
  .icon-calculadora,
  .icon-burbujas,
  .icon-maletín,
  .icon-libro-abierto,
  .icon-basket-loaded,
  .icon-cesta,
  .icon-bolso,
  .icon-acción-deshacer,
  .icon-acción-rehacer,
  .icon-llave,
  .icon-paraguas,
  .icon-basura,
  .etiqueta de icono,
  .icon-soporte,
  .icono-marco,
  .icon-tamaño-pantalla completa,
  .icon-tamaño-real,
  .icon-shuffle,
  .icon-share-alt,
  .icon-compartir,
  .icon-cohete,
  .icon-pregunta,
  .icon-gráfico circular,
  .icon-lapiz,
  .icon-nota,
  .icon-bucle,
  .icon-inicio,
  .icon-grid,
  .icono-gráfico,
  .icon-micrófono,
  .icono-musica-tono-alt,
  .icono-musica-tono,
  .icon-auriculares-alt,
  .icon-auriculares,
  .icon-ecualizador,
  .icono,
  .icon-no me gusta,
  .icon-control-inicio,
  .icon-control-rebobinado,
  .icon-control-jugar,
  .icon-control-pausa,
  .icon-control-adelante,
  .icon-control-fin,
  .icono-volumen-1,
  .icon-volumen-2,
  .icon-volumen-apagado,
  .icon-calendario,
  .icon-bombilla,
  .icono-gráfico,
  .icon-prohibición,
  .icon-burbuja,
  .icon-camcorder,
  .icon-cámara,
  .icon-cloud-descarga,
  .icono-nube-subir,
  .icono-sobre,
  .icon-ojo,
  .icon-bandera,
  .icon-corazon,
  .icon-info,
  .icon-clave,
  .icon-enlace,
  .icono de bloqueo,
  .icon-cerrar-abrir,
  .icon-lupa,
  .icon-lupa-añadir,
  .icon-lupa-eliminar,
  .icono-clip-de-papel,
  .icon-avión-de-papel,
  .icon-poder,
  .icon-actualizar,
  .icon-recargar,
  .configuración de iconos,
  .icon-estrella,
  .icon-símbolo-femenino,
  .icon-símbolo-masculino,
  .icon-objetivo,
  .icon-tarjeta-de-credito,
  .icon-paypal,
  .icon-social-tumblr,
  .icon-social-twitter,
  .icon-social-facebook,
  .icon-social-instagram,
  .icon-social-linkedin,
  .icon-social-pinterest,
  .icon-social-github,
  .icon-social-google,
  .icon-social-reddit,
  .icon-social-skype,
  .icon-social-dribbble,
  .icon-social-behance,
  .icon-social-foursqare,
  .icon-social-soundcloud,
  .icon-social-spotify,
  .icon-social-stumbleupon,
  .icon-social-youtube,
  .icon-social-dropbox,
  .icon-social-vkontakte,
  .icono-social-steam {
    font-family: 'simple-line-icons';
    hablar: ninguno;
    estilo de fuente: normal;
    peso de fuente: normal;
    variante de fuente: normal;
    transformación de texto: ninguno;
    altura de línea: 1;
    /* Mejor representación de fuentes =========== */
    -webkit-font-smoothing: suavizado;
    -moz-osx-font-smoothing: escala de grises;
  }
  .icon-usuario:antes de {
    contenido: "\e005";
  }
  .icon-personas: antes {
    contenido: "\e001";
  }
  .icon-usuario-femenino:antes de {
    contenido: "\e000";
  }
  .icon-usuario-seguir:antes de {
    contenido: "\e002";
  }
  .icon-usuario-siguiendo:antes de {
    contenido: "\e003";
  }
  .icon-user-unfollow:antes de {
    contenido: "\e004";
  }
  .icon-login:antes de {
    contenido: "\e066";
  }
  .icon-logout:antes de {
    contenido: "\e065";
  }
  .icon-emotsmile:antes {
    contenido: "\e021";
  }
  .icon-teléfono:antes de {
    contenido: "\e600";
  }
  .icon-call-end:antes de {
    contenido: "\e048";
  }
  .icon-call-in:antes de {
    contenido: "\e047";
  }
  .icon-call-out:antes de {
    contenido: "\e046";
  }
  .icon-mapa:antes de {
    contenido: "\e033";
  }
  .icon-ubicación-pin:antes de {
    contenido: "\e096";
  }
  .icon-direction:antes de {
    contenido: "\e042";
  }
  .icon-direcciones:antes de {
    contenido: "\e041";
  }
  .icon-brújula:antes de {
    contenido: "\e045";
  }
  .icon-capas: antes de {
    contenido: "\e034";
  }
  .icon-menu:antes de {
    contenido: "\e601";
  }
  .icon-list:antes de {
    contenido: "\e067";
  }
  .icon-options-vertical:antes de {
    contenido: "\e602";
  }
  .icon-options:antes de {
    contenido: "\e603";
  }
  .icon-arrow-down:antes de {
    contenido: "\e604";
  }
  .icon-flecha-izquierda:antes de {
    contenido: "\e605";
  }
  .icon-flecha-derecha:antes de {
    contenido: "\e606";
  }
  .icon-flecha-arriba:antes de {
    contenido: "\e607";
  }
  .icon-arrow-up-circle:before {
    contenido: "\e078";
  }
  .icon-arrow-left-circle:before {
    contenido: "\e07a";
  }
  .icon-arrow-right-circle:before {
    contenido: "\e079";
  }
  .icon-arrow-down-circle:before {
    contenido: "\e07b";
  }
  .icon-check:antes de {
    contenido: "\e080";
  }
  .icon-reloj:antes de {
    contenido: "\e081";
  }
  .icon-plus:antes de {
    contenido: "\e095";
  }
  .icon-menos:antes de {
    contenido: "\e615";
  }
  .icon-close:antes de {
    contenido: "\e082";
  }
  .icon-event:antes de {
    contenido: "\e619";
  }
  .icon-exclamación:antes de {
    contenido: "\e617";
  }
  .icon-organización:antes de {
    contenido: "\e616";
  }
  .icon-trofeo:antes de {
    contenido: "\e006";
  }
  .icon-screen-smartphone:antes de {
    contenido: "\e010";
  }
  .icon-screen-desktop:antes de {
    contenido: "\e011";
  }
  .icon-plano: antes de {
    contenido: "\e012";
  }
  .icon-notebook: antes de {
    contenido: "\e013";
  }
  .icon-bigote:antes de {
    contenido: "\e014";
  }
  .icon-mouse:antes de {
    contenido: "\e015";
  }
  .icon-magnet:antes de {
    contenido: "\e016";
  }
  .icon-energia:antes de {
    contenido: "\e020";
  }
  .icon-disco:antes de {
    contenido: "\e022";
  }
  .icon-cursor:antes de {
    contenido: "\e06e";
  }
  .icon-cursor-move:antes de {
    contenido: "\e023";
  }
  .icon-crop:antes de {
    contenido: "\e024";
  }
  .icon-química:antes de {
    contenido: "\e026";
  }
  .icon-velocímetro:antes de {
    contenido: "\e007";
  }
  .icon-escudo:antes de {
    contenido: "\e00e";
  }
  .icon-screen-tablet:antes de {
    contenido: "\e00f";
  }
  .icon-varita-mágica:antes de {
    contenido: "\e017";
  }
  .icon-reloj de arena:antes de {
    contenido: "\e018";
  }
  .icon-graduación:antes de {
    contenido: "\e019";
  }
  .icon-fantasma: antes de {
    contenido: "\e01a";
  }
  .icon-controlador-del-juego:antes de {
    contenido: "\e01b";
  }
  .icon-fire:antes de {
    contenido: "\e01c";
  }
  .icon-gafas: antes {
    contenido: "\e01d";
  }
  .icon-envelope-open:antes de {
    contenido: "\e01e";
  }
  .icon-envelope-letter:antes de {
    contenido: "\e01f";
  }
  .icon-bell:antes de {
    contenido: "\e027";
  }
  .icon-badge:antes de {
    contenido: "\e028";
  }
  .icon-anchor:antes de {
    contenido: "\e029";
  }
  .icon-wallet:antes de {
    contenido: "\e02a";
  }
  .icon-vector:antes de {
    contenido: "\e02b";
  }
  .icon-discurso:antes de {
    contenido: "\e02c";
  }
  .icon-puzzle:antes {
    contenido: "\e02d";
  }
  .icon-printer:antes de {
    contenido: "\e02e";
  }
  .icon-present:antes de {
    contenido: "\e02f";
  }
  .icon-lista de reproducción:antes de {
    contenido: "\e030";
  }
  .icon-pin:antes de {
    contenido: "\e031";
  }
  .icon-imagen: antes {
    contenido: "\e032";
  }
  .icon-bolso:antes de {
    contenido: "\e035";
  }
  .icon-globe-alt:antes de {
    contenido: "\e036";
  }
  .icon-globo:antes de {
    contenido: "\e037";
  }
  .icon-carpeta-alt:antes de {
    contenido: "\e039";
  }
  .icon-carpeta: antes de {
    contenido: "\e089";
  }
  .icon-film:antes {
    contenido: "\e03a";
  }
  .icon-feed:antes de {
    contenido: "\e03b";
  }
  .icon-drop:antes de {
    contenido: "\e03e";
  }
  .icon-drawer:antes de {
    contenido: "\e03f";
  }
  .icon-docs:antes de {
    contenido: "\e040";
  }
  .icon-doc:antes de {
    contenido: "\e085";
  }
  .icon-diamante:antes de {
    contenido: "\e043";
  }
  .icon-taza:antes de {
    contenido: "\e044";
  }
  .icon-calculadora:antes de {
    contenido: "\e049";
  }
  .icon-burbujas:antes de {
    contenido: "\e04a";
  }
  .icon-maletín:antes de {
    contenido: "\e04b";
  }
  .icon-libro-abierto:antes de {
    contenido: "\e04c";
  }
  .icon-basket-loaded:antes de {
    contenido: "\e04d";
  }
  .icon-basket:antes de {
    contenido: "\e04e";
  }
  .icon-bag:antes de {
    contenido: "\e04f";
  }
  .icon-action-undo:before {
    contenido: "\e050";
  }
  .icon-action-redo:antes de {
    contenido: "\e051";
  }
  .icon-llave:antes de {
    contenido: "\e052";
  }
  .icon-paraguas: antes de {
    contenido: "\e053";
  }
  .icon-trash:antes de {
    contenido: "\e054";
  }
  .icon-tag:antes de {
    contenido: "\e055";
  }
  .icon-soporte:antes de {
    contenido: "\e056";
  }
  .icon-frame:antes de {
    contenido: "\e038";
  }
  .icon-size-fullscreen:antes {
    contenido: "\e057";
  }
  .icon-size-actual:antes de {
    contenido: "\e058";
  }
  .icon-shuffle:antes de {
    contenido: "\e059";
  }
  .icon-share-alt:antes {
    contenido: "\e05a";
  }
  .icon-share:antes de {
    contenido: "\e05b";
  }
  .icon-cohete:antes de {
    contenido: "\e05c";
  }
  .icon-pregunta:antes de {
    contenido: "\e05d";
  }
  .icon-gráfico-circular:antes de {
    contenido: "\e05e";
  }
  .icon-pencil:antes de {
    contenido: "\e05f";
  }
  .icon-nota:antes de {
    contenido: "\e060";
  }
  .icon-loop:antes de {
    contenido: "\e064";
  }
  .icon-home:antes de {
    contenido: "\e069";
  }
  .icon-grid:antes de {
    contenido: "\e06a";
  }
  .icon-graph:antes de {
    contenido: "\e06b";
  }
  .icon-micrófono:antes de {
    contenido: "\e063";
  }
  .icon-music-tone-alt:antes de {
    contenido: "\e061";
  }
  .icon-music-tone:antes de {
    contenido: "\e062";
  }
  .icon-auriculares-alt:antes {
    contenido: "\e03c";
  }
  .icon-auriculares:antes de {
    contenido: "\e03d";
  }
  .icon-ecualizador:antes de {
    contenido: "\e06c";
  }
  .icon-like:antes de {
    contenido: "\e068";
  }
  .icon-disgusto:antes de {
    contenido: "\e06d";
  }
  .icon-control-start:antes de {
    contenido: "\e06f";
  }
  .icon-control-rebobinado:antes de {
    contenido: "\e070";
  }
  .icon-control-play:antes de {
    contenido: "\e071";
  }
  .icon-control-pausa:antes de {
    contenido: "\e072";
  }
  .icon-control-forward:antes de {
    contenido: "\e073";
  }
  .icon-control-end:antes de {
    contenido: "\e074";
  }
  .icon-volumen-1:antes de {
    contenido: "\e09f";
  }
  .icono-volumen-2:antes de {
    contenido: "\e0a0";
  }
  .icon-volumen-off:antes de {
    contenido: "\e0a1";
  }
  .icon-calendar:antes de {
    contenido: "\e075";
  }
  .icon-bombilla:antes de {
    contenido: "\e076";
  }
  .icon-chart:antes de {
    contenido: "\e077";
  }
  .icon-ban:antes de {
    contenido: "\e07c";
  }
  .icon-burbuja:antes de {
    contenido: "\e07d";
  }
  .icon-camcorder:antes de {
    contenido: "\e07e";
  }
  .icon-camera:antes de {
    contenido: "\e07f";
  }
  .icon-cloud-download:antes de {
    contenido: "\e083";
  }
  .icon-cloud-upload:antes de {
    contenido: "\e084";
  }
  .icon-envelope:antes de {
    contenido: "\e086";
  }
  .icon-eye:antes de {
    contenido: "\e087";
  }
  .icon-flag:antes de {
    contenido: "\e088";
  }
  .icon-heart:antes de {
    contenido: "\e08a";
  }
  .icon-info:antes de {
    contenido: "\e08b";
  }
  .icon-key:antes de {
    contenido: "\e08c";
  }
  .icon-link:antes de {
    contenido: "\e08d";
  }
  .icon-lock:antes de {
    contenido: "\e08e";
  }
  .icon-lock-open:antes de {
    contenido: "\e08f";
  }
  .icon-lupa:antes de {
    contenido: "\e090";
  }
  .icon-lupa-añadir:antes de {
    contenido: "\e091";
  }
  .icon-lupa-eliminar:antes de {
    contenido: "\e092";
  }
  .icono-clip-de-papel:antes {
    contenido: "\e093";
  }
  .icon-avión-de-papel:antes {
    contenido: "\e094";
  }
  .icon-power:antes de {
    contenido: "\e097";
  }
  .icon-refresh:antes de {
    contenido: "\e098";
  }
  .icon-recargar:antes de {
    contenido: "\e099";
  }
  .icon-settings:antes de {
    contenido: "\e09a";
  }
  .icon-estrella:antes de {
    contenido: "\e09b";
  }
  .icon-símbolo-femenino:antes de {
    contenido: "\e09c";
  }
  .icon-simbolo-masculino: antes de {
    contenido: "\e09d";
  }
  .icon-objetivo:antes de {
    contenido: "\e09e";
  }
  .icon-tarjeta-de-credito:antes de {
    contenido: "\e025";
  }
  .icon-paypal:antes de {
    contenido: "\e608";
  }
  .icon-social-tumblr: antes {
    contenido: "\e00a";
  }
  .icon-social-twitter:antes {
    contenido: "\e009";
  }
  .icon-social-facebook:antes {
    contenido: "\e00b";
  }
  .icon-social-instagram:antes {
    contenido: "\e609";
  }
  .icon-social-linkedin:antes {
    contenido: "\e60a";
  }
  .icon-social-pinterest:antes {
    contenido: "\e60b";
  }
  .icon-social-github:antes {
    contenido: "\e60c";
  }
  .icon-social-google:antes de {
    contenido: "\e60d";
  }
  .icon-social-reddit:antes {
    contenido: "\e60e";
  }
  .icon-social-skype: antes {
    contenido: "\e60f";
  }
  .icon-social-dribbble: antes {
    contenido: "\e00d";
  }
  .icon-social-behance: antes {
    contenido: "\e610";
  }
  .icon-social-foursqare:antes {
    contenido: "\e611";
  }
  .icon-social-soundcloud: antes {
    contenido: "\e612";
  }
  .icon-social-spotify:antes {
    contenido: "\e613";
  }
  .icon-social-stumbleupon:antes {
    contenido: "\e614";
  }
  .icon-social-youtube:antes {
    contenido: "\e008";
  }
  .icon-social-dropbox:antes {
    contenido: "\e00c";
  }
  .icon-social-vkontakte:antes {
    contenido: "\e618";
  }
  .icon-social-steam: antes {
    contenido: "\e620";
  }