/* ========================================================================== ciis-icones.css — os icones do site, sem fonte de icone POR QUE ESTE ARQUIVO EXISTE O site carregava cinco arquivos de fonte de icone — 1.040 KB — mais o fontawesome.css, de 534 KB. Somando, 1,5 MB: mais da metade do peso da pagina inteira. Para vinte icones. Aqui cada icone e um SVG escrito dentro do proprio CSS. Os vinte juntos dao 13 KB. DE ONDE VEM O DESENHO Dos arquivos de fonte que o site ja tinha, lidos com fontTools: para cada icone, o contorno do glifo virou caminho SVG. Nao foi copiado de outra biblioteca de propositio — o desenho tem que ser o MESMO que estava no ar, senao o traco muda e ninguem percebe ate comparar lado a lado. COMO FUNCIONA O icone entra pelo `::before`, nao pelo proprio elemento. Isso importa: no template, varias classes `.icon` sao um circulo de 40px com fundo, e o glifo mora dentro. Pintar o elemento inteiro apagaria o circulo. O desenho e aplicado como MASCARA sobre `currentColor`. E o que faz este arquivo ser troca direta de uma fonte de icone: o icone herda a cor do texto, como heredava antes, e todas as regras de cor do template continuam valendo sem precisar de uma linha a mais. A medida tambem segue a fonte: altura 1em, largura na proporcao do avanco do glifo, e `vertical-align` igual a descida da fonte (0,125em no Font Awesome; 0,051em no Linearicons). E por isso que nada se desalinhou. PARA ACRESCENTAR UM ICONE Nao se escreve a mao. Rode o extrator com o codepoint que o fontawesome.css usava e cole a regra gerada. O procedimento esta em docs/. ========================================================================== */ /* ---------------------------------------------------------------- a base */ .fa::before, .fas::before, .far::before, .fal::before, .fab::before, .fa-solid::before, .fa-regular::before, .fa-light::before, .fa-brands::before, [class^="lnr-icon-"]::before, [class*=" lnr-icon-"]::before { content: ""; display: inline-block; width: 1em; height: 1em; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; vertical-align: -0.125em; } /* O Linearicons tem descida menor que a do Font Awesome: 52 de 1024 contra 64 de 512. Alinhar os dois pelo mesmo numero deixaria o telefone e o envelope do rodape meio pixel fora da linha do texto. */ [class^="lnr-icon-"]::before, [class*=" lnr-icon-"]::before { vertical-align: -0.051em; } /* --------------------------------------------------------- um a um ------ A largura de cada um e a proporcao do avanco do glifo na fonte de origem (largura / unidades por em). Sem ela, um icone largo como a seta comprida sairia espremido dentro de um quadrado. */ .fa-angle-down::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20384%20512%22%3E%3Cpath%20d=%22M192%20384Q179%20384%20169%20375L9%20215Q0%20205%200%20192Q0%20179%209%20169Q19%20160%2032%20160Q45%20160%2055%20169L192%20307L329%20169Q339%20160%20352%20160Q365%20160%20375%20169Q384%20179%20384%20192Q384%20205%20375%20215L215%20375Q205%20384%20192%20384Z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20384%20512%22%3E%3Cpath%20d=%22M192%20384Q179%20384%20169%20375L9%20215Q0%20205%200%20192Q0%20179%209%20169Q19%20160%2032%20160Q45%20160%2055%20169L192%20307L329%20169Q339%20160%20352%20160Q365%20160%20375%20169Q384%20179%20384%20192Q384%20205%20375%20215L215%20375Q205%20384%20192%20384Z%22/%3E%3C/svg%3E"); width: 0.75em; } .fa-angle-left::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20256%20512%22%3E%3Cpath%20d=%22M192%20448Q179%20448%20169%20439L9%20279Q0%20269%200%20256Q0%20243%209%20233L169%2073Q179%2064%20192%2064Q205%2064%20215%2073Q224%2083%20224%2096Q224%20109%20215%20119L77%20256L215%20393Q224%20403%20224%20416Q224%20429%20215%20439Q205%20448%20192%20448Z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20256%20512%22%3E%3Cpath%20d=%22M192%20448Q179%20448%20169%20439L9%20279Q0%20269%200%20256Q0%20243%209%20233L169%2073Q179%2064%20192%2064Q205%2064%20215%2073Q224%2083%20224%2096Q224%20109%20215%20119L77%20256L215%20393Q224%20403%20224%20416Q224%20429%20215%20439Q205%20448%20192%20448Z%22/%3E%3C/svg%3E"); width: 0.5em; } .fa-angle-right::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20256%20512%22%3E%3Cpath%20d=%22M64%20448Q51%20448%2041%20439Q32%20429%2032%20416Q32%20403%2041%20393L179%20256L41%20119Q32%20109%2032%2096Q32%2083%2041%2073Q51%2064%2064%2064Q77%2064%2087%2073L247%20233Q256%20243%20256%20256Q256%20269%20247%20279L87%20439Q77%20448%2064%20448Z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20256%20512%22%3E%3Cpath%20d=%22M64%20448Q51%20448%2041%20439Q32%20429%2032%20416Q32%20403%2041%20393L179%20256L41%20119Q32%20109%2032%2096Q32%2083%2041%2073Q51%2064%2064%2064Q77%2064%2087%2073L247%20233Q256%20243%20256%20256Q256%20269%20247%20279L87%20439Q77%20448%2064%20448Z%22/%3E%3C/svg%3E"); width: 0.5em; } .fa-arrow-right::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20448%20512%22%3E%3Cpath%20d=%22M439%20279%20279%20439Q269%20448%20256%20448Q243%20448%20233%20439Q224%20429%20224%20416Q224%20403%20233%20393L339%20288H32Q18%20288%209%20279Q0%20270%200%20256Q0%20242%209%20233Q18%20224%2032%20224H339L233%20119Q224%20109%20224%2096Q224%2083%20233%2073Q243%2064%20256%2064Q269%2064%20279%2073L439%20233Q448%20243%20448%20256Q448%20269%20439%20279Z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20448%20512%22%3E%3Cpath%20d=%22M439%20279%20279%20439Q269%20448%20256%20448Q243%20448%20233%20439Q224%20429%20224%20416Q224%20403%20233%20393L339%20288H32Q18%20288%209%20279Q0%20270%200%20256Q0%20242%209%20233Q18%20224%2032%20224H339L233%20119Q224%20109%20224%2096Q224%2083%20233%2073Q243%2064%20256%2064Q269%2064%20279%2073L439%20233Q448%20243%20448%20256Q448%20269%20439%20279Z%22/%3E%3C/svg%3E"); width: 0.875em; } .fa-arrow-right-long::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20512%22%3E%3Cpath%20d=%22M363%20101%20507%20245Q512%20250%20512%20255Q512%20261%20507%20266L363%20410Q352%20420%20341%20410Q331%20399%20341%20388L457%20271H16Q1%20269%200%20256Q1%20241%2016%20240H457L341%20123Q331%20112%20341%20101Q352%2091%20363%20101Z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20512%22%3E%3Cpath%20d=%22M363%20101%20507%20245Q512%20250%20512%20255Q512%20261%20507%20266L363%20410Q352%20420%20341%20410Q331%20399%20341%20388L457%20271H16Q1%20269%200%20256Q1%20241%2016%20240H457L341%20123Q331%20112%20341%20101Q352%2091%20363%20101Z%22/%3E%3C/svg%3E"); width: 1.0em; } .fa-check-circle::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20512%22%3E%3Cpath%20d=%22M256%200Q184%201%20127%2035Q69%2069%2035%20127Q1%20184%200%20256Q1%20328%2035%20385Q69%20443%20127%20477Q184%20511%20256%20512Q328%20511%20385%20477Q443%20443%20477%20385Q511%20328%20512%20256Q511%20184%20477%20127Q443%2069%20385%2035Q328%201%20256%200ZM372%20212%20244%20340Q235%20348%20224%20348Q213%20348%20204%20340L140%20276Q132%20267%20132%20256Q132%20245%20140%20236Q149%20228%20160%20228Q171%20228%20180%20236L224%20280L332%20172Q341%20164%20352%20164Q363%20164%20372%20172Q380%20181%20380%20192Q380%20203%20372%20212Z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20512%22%3E%3Cpath%20d=%22M256%200Q184%201%20127%2035Q69%2069%2035%20127Q1%20184%200%20256Q1%20328%2035%20385Q69%20443%20127%20477Q184%20511%20256%20512Q328%20511%20385%20477Q443%20443%20477%20385Q511%20328%20512%20256Q511%20184%20477%20127Q443%2069%20385%2035Q328%201%20256%200ZM372%20212%20244%20340Q235%20348%20224%20348Q213%20348%20204%20340L140%20276Q132%20267%20132%20256Q132%20245%20140%20236Q149%20228%20160%20228Q171%20228%20180%20236L224%20280L332%20172Q341%20164%20352%20164Q363%20164%20372%20172Q380%20181%20380%20192Q380%20203%20372%20212Z%22/%3E%3C/svg%3E"); width: 1.0em; } .fa-chevron-right::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20320%20512%22%3E%3Cpath%20d=%22M113%2047%20296%20239Q303%20246%20303%20255Q303%20264%20296%20272L113%20463Q97%20477%2079%20464Q65%20447%2079%20430L247%20254L79%2081Q65%2063%2079%2047Q97%2033%20113%2047Z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20320%20512%22%3E%3Cpath%20d=%22M113%2047%20296%20239Q303%20246%20303%20255Q303%20264%20296%20272L113%20463Q97%20477%2079%20464Q65%20447%2079%20430L247%20254L79%2081Q65%2063%2079%2047Q97%2033%20113%2047Z%22/%3E%3C/svg%3E"); width: 0.625em; } .fa-clock::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20512%22%3E%3Cpath%20d=%22M255%200Q184%201%20126%2035Q68%2069%2034%20127Q0%20184%20-1%20256Q0%20328%2034%20385Q68%20443%20126%20477Q184%20511%20255%20512Q327%20511%20384%20477Q442%20443%20475%20385Q509%20328%20510%20256Q510%20184%20476%20127Q442%2069%20385%2035Q327%201%20255%200ZM339%20334Q332%20344%20319%20344Q311%20344%20305%20339L241%20291Q233%20284%20232%20272V152Q234%20130%20256%20128Q278%20130%20280%20152V260L334%20301Q351%20316%20339%20334Z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20512%22%3E%3Cpath%20d=%22M255%200Q184%201%20126%2035Q68%2069%2034%20127Q0%20184%20-1%20256Q0%20328%2034%20385Q68%20443%20126%20477Q184%20511%20255%20512Q327%20511%20384%20477Q442%20443%20475%20385Q509%20328%20510%20256Q510%20184%20476%20127Q442%2069%20385%2035Q327%201%20255%200ZM339%20334Q332%20344%20319%20344Q311%20344%20305%20339L241%20291Q233%20284%20232%20272V152Q234%20130%20256%20128Q278%20130%20280%20152V260L334%20301Q351%20316%20339%20334Z%22/%3E%3C/svg%3E"); width: 1.0em; } .fa-facebook-f::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20320%20512%22%3E%3Cpath%20d=%22M279%20288%20293%20195H204V135Q204%20115%20216%20101Q227%2086%20257%2085H297V6Q296%206%20274%203Q253%200%20225%200Q170%200%20137%2032Q105%2064%20104%20125V195H23V288H104V512H204V288Z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20320%20512%22%3E%3Cpath%20d=%22M279%20288%20293%20195H204V135Q204%20115%20216%20101Q227%2086%20257%2085H297V6Q296%206%20274%203Q253%200%20225%200Q170%200%20137%2032Q105%2064%20104%20125V195H23V288H104V512H204V288Z%22/%3E%3C/svg%3E"); width: 0.625em; } .fa-instagram::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20448%20512%22%3E%3Cpath%20d=%22M224%20141Q175%20142%20143%20175Q110%20207%20109%20256Q110%20305%20143%20337Q175%20370%20224%20371Q273%20370%20305%20337Q338%20305%20339%20256Q338%20207%20305%20175Q273%20142%20224%20141ZM224%20331Q192%20330%20171%20309Q150%20288%20149%20256Q150%20224%20171%20203Q192%20182%20224%20181Q256%20182%20277%20203Q298%20224%20299%20256Q298%20288%20277%20309Q256%20330%20224%20331ZM371%20136Q368%20161%20344%20163Q319%20161%20317%20136Q317%20125%20325%20117Q332%20110%20344%20110Q355%20110%20363%20117Q370%20125%20371%20136ZM447%20164Q447%20109%20410%2070Q371%2033%20317%2033Q297%2032%20260%2032Q224%2032%20188%2032Q151%2032%20132%2033Q78%2033%2038%2070Q1%20109%202%20163Q0%20183%200%20220Q0%20256%200%20292Q0%20328%202%20348Q1%20403%2038%20442Q77%20479%20132%20478Q151%20479%20188%20480Q224%20480%20260%20480Q297%20479%20317%20478Q371%20479%20410%20442Q447%20403%20447%20348Q448%20328%20448%20292Q448%20256%20448%20220Q448%20183%20447%20163ZM399%20388Q386%20418%20356%20431Q336%20438%20302%20439Q268%20440%20240%20440Q231%20440%20224%20440Q217%20440%20208%20440Q180%20440%20146%20439Q113%20438%2092%20431Q62%20418%2049%20388Q42%20367%2041%20334Q40%20300%2040%20272Q40%20263%2040%20256Q40%20249%2040%20240Q40%20212%2041%20178Q42%20144%2049%20124Q62%2094%2092%2081Q113%2074%20146%2073Q180%2071%20208%2072Q217%2072%20224%2072Q231%2072%20240%2072Q268%2072%20302%2073Q336%2074%20356%2081Q386%2094%20399%20124Q406%20144%20407%20178Q409%20212%20408%20240Q408%20249%20408%20256Q408%20263%20408%20272Q409%20300%20407%20334Q406%20368%20399%20388Z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20448%20512%22%3E%3Cpath%20d=%22M224%20141Q175%20142%20143%20175Q110%20207%20109%20256Q110%20305%20143%20337Q175%20370%20224%20371Q273%20370%20305%20337Q338%20305%20339%20256Q338%20207%20305%20175Q273%20142%20224%20141ZM224%20331Q192%20330%20171%20309Q150%20288%20149%20256Q150%20224%20171%20203Q192%20182%20224%20181Q256%20182%20277%20203Q298%20224%20299%20256Q298%20288%20277%20309Q256%20330%20224%20331ZM371%20136Q368%20161%20344%20163Q319%20161%20317%20136Q317%20125%20325%20117Q332%20110%20344%20110Q355%20110%20363%20117Q370%20125%20371%20136ZM447%20164Q447%20109%20410%2070Q371%2033%20317%2033Q297%2032%20260%2032Q224%2032%20188%2032Q151%2032%20132%2033Q78%2033%2038%2070Q1%20109%202%20163Q0%20183%200%20220Q0%20256%200%20292Q0%20328%202%20348Q1%20403%2038%20442Q77%20479%20132%20478Q151%20479%20188%20480Q224%20480%20260%20480Q297%20479%20317%20478Q371%20479%20410%20442Q447%20403%20447%20348Q448%20328%20448%20292Q448%20256%20448%20220Q448%20183%20447%20163ZM399%20388Q386%20418%20356%20431Q336%20438%20302%20439Q268%20440%20240%20440Q231%20440%20224%20440Q217%20440%20208%20440Q180%20440%20146%20439Q113%20438%2092%20431Q62%20418%2049%20388Q42%20367%2041%20334Q40%20300%2040%20272Q40%20263%2040%20256Q40%20249%2040%20240Q40%20212%2041%20178Q42%20144%2049%20124Q62%2094%2092%2081Q113%2074%20146%2073Q180%2071%20208%2072Q217%2072%20224%2072Q231%2072%20240%2072Q268%2072%20302%2073Q336%2074%20356%2081Q386%2094%20399%20124Q406%20144%20407%20178Q409%20212%20408%20240Q408%20249%20408%20256Q408%20263%20408%20272Q409%20300%20407%20334Q406%20368%20399%20388Z%22/%3E%3C/svg%3E"); width: 0.875em; } .fa-long-arrow-left::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20512%22%3E%3Cpath%20d=%22M149%20411%205%20267Q0%20262%200%20256Q0%20250%205%20245L149%20101Q160%2091%20171%20101Q181%20112%20171%20123L55%20240H496Q511%20241%20512%20256Q511%20271%20496%20272H55L171%20389Q181%20400%20171%20411Q160%20421%20149%20411Z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20512%22%3E%3Cpath%20d=%22M149%20411%205%20267Q0%20262%200%20256Q0%20250%205%20245L149%20101Q160%2091%20171%20101Q181%20112%20171%20123L55%20240H496Q511%20241%20512%20256Q511%20271%20496%20272H55L171%20389Q181%20400%20171%20411Q160%20421%20149%20411Z%22/%3E%3C/svg%3E"); width: 1.0em; } .fa-long-arrow-right::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20512%22%3E%3Cpath%20d=%22M363%20101%20507%20245Q512%20250%20512%20255Q512%20261%20507%20266L363%20410Q352%20420%20341%20410Q331%20399%20341%20388L457%20271H16Q1%20269%200%20256Q1%20241%2016%20240H457L341%20123Q331%20112%20341%20101Q352%2091%20363%20101Z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20512%22%3E%3Cpath%20d=%22M363%20101%20507%20245Q512%20250%20512%20255Q512%20261%20507%20266L363%20410Q352%20420%20341%20410Q331%20399%20341%20388L457%20271H16Q1%20269%200%20256Q1%20241%2016%20240H457L341%20123Q331%20112%20341%20101Q352%2091%20363%20101Z%22/%3E%3C/svg%3E"); width: 1.0em; } .fa-phone-alt::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20512%22%3E%3Cpath%20d=%22M19%20351%20127%20305Q149%20297%20164%20314L208%20367Q260%20342%20301%20301Q342%20260%20367%20208L314%20164Q297%20149%20305%20127L351%2019Q363%20-3%20387%201L488%2024Q511%2031%20512%2055Q511%20182%20449%20285Q388%20388%20285%20450Q182%20511%2054%20512Q31%20511%2024%20488L1%20387Q-3%20363%2019%20351Z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20512%22%3E%3Cpath%20d=%22M19%20351%20127%20305Q149%20297%20164%20314L208%20367Q260%20342%20301%20301Q342%20260%20367%20208L314%20164Q297%20149%20305%20127L351%2019Q363%20-3%20387%201L488%2024Q511%2031%20512%2055Q511%20182%20449%20285Q388%20388%20285%20450Q182%20511%2054%20512Q31%20511%2024%20488L1%20387Q-3%20363%2019%20351Z%22/%3E%3C/svg%3E"); width: 1.0em; } .fa-plus::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20448%20512%22%3E%3Cpath%20d=%22M432%20256Q432%20270%20423%20279Q414%20288%20400%20288H256V432Q256%20446%20247%20455Q238%20464%20224%20464Q210%20464%20201%20455Q192%20446%20192%20432V288H48Q34%20288%2025%20279Q16%20270%2016%20256Q16%20242%2025%20233Q34%20224%2048%20224H192V80Q192%2066%20201%2057Q210%2048%20224%2048Q238%2048%20247%2057Q256%2066%20256%2080V224H400Q414%20224%20423%20233Q432%20242%20432%20256Z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20448%20512%22%3E%3Cpath%20d=%22M432%20256Q432%20270%20423%20279Q414%20288%20400%20288H256V432Q256%20446%20247%20455Q238%20464%20224%20464Q210%20464%20201%20455Q192%20446%20192%20432V288H48Q34%20288%2025%20279Q16%20270%2016%20256Q16%20242%2025%20233Q34%20224%2048%20224H192V80Q192%2066%20201%2057Q210%2048%20224%2048Q238%2048%20247%2057Q256%2066%20256%2080V224H400Q414%20224%20423%20233Q432%20242%20432%20256Z%22/%3E%3C/svg%3E"); width: 0.875em; } .fa-tags::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20576%20512%22%3E%3Cpath%20d=%22M537%20171%20401%2039Q384%2025%20367%2039Q353%2056%20367%2073L503%20205Q528%20230%20528%20266Q528%20301%20503%20327L391%20439Q377%20456%20391%20473Q399%20480%20408%20480Q418%20480%20425%20473L537%20361Q575%20321%20576%20266Q575%20211%20537%20171ZM464%20226%20286%2048Q279%2041%20268%2037Q257%2032%20247%2032H60Q48%2032%2040%2040Q32%2048%2032%2060V247Q32%20257%2037%20268Q41%20279%2048%20286L226%20464Q243%20480%20265%20480Q288%20480%20305%20464L464%20305Q480%20288%20480%20265Q480%20243%20464%20226ZM144%20176Q130%20176%20121%20167Q112%20158%20112%20144Q112%20130%20121%20121Q130%20112%20144%20112Q158%20112%20167%20121Q176%20130%20176%20144Q176%20158%20167%20167Q158%20176%20144%20176Z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20576%20512%22%3E%3Cpath%20d=%22M537%20171%20401%2039Q384%2025%20367%2039Q353%2056%20367%2073L503%20205Q528%20230%20528%20266Q528%20301%20503%20327L391%20439Q377%20456%20391%20473Q399%20480%20408%20480Q418%20480%20425%20473L537%20361Q575%20321%20576%20266Q575%20211%20537%20171ZM464%20226%20286%2048Q279%2041%20268%2037Q257%2032%20247%2032H60Q48%2032%2040%2040Q32%2048%2032%2060V247Q32%20257%2037%20268Q41%20279%2048%20286L226%20464Q243%20480%20265%20480Q288%20480%20305%20464L464%20305Q480%20288%20480%20265Q480%20243%20464%20226ZM144%20176Q130%20176%20121%20167Q112%20158%20112%20144Q112%20130%20121%20121Q130%20112%20144%20112Q158%20112%20167%20121Q176%20130%20176%20144Q176%20158%20167%20167Q158%20176%20144%20176Z%22/%3E%3C/svg%3E"); width: 1.125em; } .fa-times::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20320%20512%22%3E%3Cpath%20d=%22M311%20361Q320%20371%20320%20384Q320%20397%20311%20407Q301%20416%20288%20416Q275%20416%20265%20407L160%20301L55%20407Q45%20416%2032%20416Q19%20416%209%20407Q0%20397%200%20384Q0%20371%209%20361L115%20256L9%20151Q0%20141%200%20128Q0%20115%209%20105Q19%2096%2032%2096Q45%2096%2055%20105L160%20211L265%20105Q275%2096%20288%2096Q301%2096%20311%20105Q320%20115%20320%20128Q320%20141%20311%20151L205%20256L311%20361Z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20320%20512%22%3E%3Cpath%20d=%22M311%20361Q320%20371%20320%20384Q320%20397%20311%20407Q301%20416%20288%20416Q275%20416%20265%20407L160%20301L55%20407Q45%20416%2032%20416Q19%20416%209%20407Q0%20397%200%20384Q0%20371%209%20361L115%20256L9%20151Q0%20141%200%20128Q0%20115%209%20105Q19%2096%2032%2096Q45%2096%2055%20105L160%20211L265%20105Q275%2096%20288%2096Q301%2096%20311%20105Q320%20115%20320%20128Q320%20141%20311%20151L205%20256L311%20361Z%22/%3E%3C/svg%3E"); width: 0.625em; } .fa-whatsapp::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20448%20512%22%3E%3Cpath%20d=%22M381%2097Q315%2033%20224%2032Q162%2033%20112%2062Q62%2092%2032%20142Q3%20192%202%20254Q2%20314%2031%20365L0%20480L118%20449Q167%20476%20224%20476Q286%20475%20336%20446Q387%20416%20417%20366Q447%20316%20448%20254Q448%20209%20430%20169Q413%20129%20381%2097ZM224%20439Q173%20438%20130%20413L123%20409L53%20427L72%20359L68%20352Q40%20307%2039%20254Q41%20176%2094%20124Q146%2071%20224%2070Q300%2070%20354%20124Q409%20178%20411%20254Q408%20332%20355%20385Q302%20437%20224%20439ZM325%20301Q320%20298%20306%20291Q292%20285%20287%20283Q280%20278%20275%20285Q271%20290%20266%20297Q260%20304%20257%20307Q253%20313%20245%20308Q221%20297%20203%20283Q185%20269%20170%20242Q166%20236%20173%20230Q178%20226%20186%20212Q188%20207%20185%20202Q184%20201%20181%20192Q178%20184%20174%20174Q170%20166%20168%20161Q162%20149%20157%20152Q156%20152%20156%20152Q151%20152%20145%20152Q139%20151%20130%20158Q130%20159%20129%20160Q124%20164%20118%20175Q112%20186%20111%20205Q112%20225%20121%20242Q130%20258%20133%20262Q133%20262%20134%20262Q134%20263%20135%20264Q140%20273%20165%20300Q189%20327%20228%20346Q254%20357%20268%20360Q283%20362%20295%20360Q304%20358%20316%20351Q328%20344%20332%20334Q339%20312%20336%20307Q334%20304%20328%20302Q326%20301%20325%20301Z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20448%20512%22%3E%3Cpath%20d=%22M381%2097Q315%2033%20224%2032Q162%2033%20112%2062Q62%2092%2032%20142Q3%20192%202%20254Q2%20314%2031%20365L0%20480L118%20449Q167%20476%20224%20476Q286%20475%20336%20446Q387%20416%20417%20366Q447%20316%20448%20254Q448%20209%20430%20169Q413%20129%20381%2097ZM224%20439Q173%20438%20130%20413L123%20409L53%20427L72%20359L68%20352Q40%20307%2039%20254Q41%20176%2094%20124Q146%2071%20224%2070Q300%2070%20354%20124Q409%20178%20411%20254Q408%20332%20355%20385Q302%20437%20224%20439ZM325%20301Q320%20298%20306%20291Q292%20285%20287%20283Q280%20278%20275%20285Q271%20290%20266%20297Q260%20304%20257%20307Q253%20313%20245%20308Q221%20297%20203%20283Q185%20269%20170%20242Q166%20236%20173%20230Q178%20226%20186%20212Q188%20207%20185%20202Q184%20201%20181%20192Q178%20184%20174%20174Q170%20166%20168%20161Q162%20149%20157%20152Q156%20152%20156%20152Q151%20152%20145%20152Q139%20151%20130%20158Q130%20159%20129%20160Q124%20164%20118%20175Q112%20186%20111%20205Q112%20225%20121%20242Q130%20258%20133%20262Q133%20262%20134%20262Q134%20263%20135%20264Q140%20273%20165%20300Q189%20327%20228%20346Q254%20357%20268%20360Q283%20362%20295%20360Q304%20358%20316%20351Q328%20344%20332%20334Q339%20312%20336%20307Q334%20304%20328%20302Q326%20301%20325%20301Z%22/%3E%3C/svg%3E"); width: 0.875em; } .lnr-icon-bars::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20895%201024%22%3E%3Cpath%20d=%22M884%20240H12Q7%20240%203.5%20236.5Q0%20233%200%20228V180Q0%20175%203.5%20171.5Q7%20168%2012%20168H884Q889%20168%20892.5%20171.5Q896%20175%20896%20180V228Q896%20233%20892.5%20236.5Q889%20240%20884%20240ZM884%20560H12Q7%20560%203.5%20556.5Q0%20553%200%20548V500Q0%20495%203.5%20491.5Q7%20488%2012%20488H884Q889%20488%20892.5%20491.5Q896%20495%20896%20500V548Q896%20553%20892.5%20556.5Q889%20560%20884%20560ZM884%20880H12Q7%20880%203.5%20876.5Q0%20873%200%20868V820Q0%20815%203.5%20811.5Q7%20808%2012%20808H884Q889%20808%20892.5%20811.5Q896%20815%20896%20820V868Q896%20873%20892.5%20876.5Q889%20880%20884%20880Z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20895%201024%22%3E%3Cpath%20d=%22M884%20240H12Q7%20240%203.5%20236.5Q0%20233%200%20228V180Q0%20175%203.5%20171.5Q7%20168%2012%20168H884Q889%20168%20892.5%20171.5Q896%20175%20896%20180V228Q896%20233%20892.5%20236.5Q889%20240%20884%20240ZM884%20560H12Q7%20560%203.5%20556.5Q0%20553%200%20548V500Q0%20495%203.5%20491.5Q7%20488%2012%20488H884Q889%20488%20892.5%20491.5Q896%20495%20896%20500V548Q896%20553%20892.5%20556.5Q889%20560%20884%20560ZM884%20880H12Q7%20880%203.5%20876.5Q0%20873%200%20868V820Q0%20815%203.5%20811.5Q7%20808%2012%20808H884Q889%20808%20892.5%20811.5Q896%20815%20896%20820V868Q896%20873%20892.5%20876.5Q889%20880%20884%20880Z%22/%3E%3C/svg%3E"); width: 0.874em; } .lnr-icon-envelope1::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201024%201024%22%3E%3Cpath%20d=%22M928%20140H96Q56%20140%2028.0%20168.0Q0%20196%200%20236V812Q0%20852%2028.0%20880.0Q56%20908%2096%20908H928Q968%20908%20996.0%20880.0Q1024%20852%201024%20812V236Q1024%20196%20996.0%20168.0Q968%20140%20928%20140ZM96%20204H928Q941%20204%20950.5%20213.5Q960%20223%20960%20236V319Q927%20347%20866.0%20396.0Q805%20445%20659%20561Q633%20581%20590.0%20617.0Q547%20653%20512%20652Q477%20653%20433.5%20617.5Q390%20582%20365%20561Q219%20445%20158.0%20396.0Q97%20347%2064%20319V236Q64%20223%2073.5%20213.5Q83%20204%2096%20204ZM928%20844H96Q83%20844%2073.5%20834.5Q64%20825%2064%20812V402Q98%20430%20158.0%20478.0Q218%20526%20325%20611Q356%20636%20406.5%20676.0Q457%20716%20512%20716Q567%20716%20617.0%20676.5Q667%20637%20699%20611Q806%20526%20866.0%20478.0Q926%20430%20960%20402V812Q960%20825%20950.5%20834.5Q941%20844%20928%20844Z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201024%201024%22%3E%3Cpath%20d=%22M928%20140H96Q56%20140%2028.0%20168.0Q0%20196%200%20236V812Q0%20852%2028.0%20880.0Q56%20908%2096%20908H928Q968%20908%20996.0%20880.0Q1024%20852%201024%20812V236Q1024%20196%20996.0%20168.0Q968%20140%20928%20140ZM96%20204H928Q941%20204%20950.5%20213.5Q960%20223%20960%20236V319Q927%20347%20866.0%20396.0Q805%20445%20659%20561Q633%20581%20590.0%20617.0Q547%20653%20512%20652Q477%20653%20433.5%20617.5Q390%20582%20365%20561Q219%20445%20158.0%20396.0Q97%20347%2064%20319V236Q64%20223%2073.5%20213.5Q83%20204%2096%20204ZM928%20844H96Q83%20844%2073.5%20834.5Q64%20825%2064%20812V402Q98%20430%20158.0%20478.0Q218%20526%20325%20611Q356%20636%20406.5%20676.0Q457%20716%20512%20716Q567%20716%20617.0%20676.5Q667%20637%20699%20611Q806%20526%20866.0%20478.0Q926%20430%20960%20402V812Q960%20825%20950.5%20834.5Q941%20844%20928%20844Z%22/%3E%3C/svg%3E"); width: 1.0em; } .lnr-icon-phone-handset::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201024%201024%22%3E%3Cpath%20d=%22M820%201036Q752%201036%20680.0%201017.0Q608%20998%20533%20960Q499%20942%20464%20921Q430%20900%20397.0%20875.5Q364%20851%20332%20823Q300%20796%20271%20766Q241%20736%20213%20704Q186%20672%20161.5%20639.0Q137%20606%20116%20572Q95%20538%2077%20503Q39%20428%2020.0%20356.0Q1%20284%201%20216Q1%20172%2031.0%20133.5Q61%2095%2079%2079Q104%2055%20140.0%2033.0Q176%2011%20205%2011Q219%2011%20236.5%2021.0Q254%2031%20276%2051Q292%2066%20310.5%2086.0Q329%20106%20347%20130Q358%20144%20397.0%20201.0Q436%20258%20436%20293Q436%20322%20408.5%20343.5Q381%20365%20347%20386Q333%20394%20320.0%20402.5Q307%20411%20297%20419Q287%20427%20283.5%20432.0Q280%20437%20280%20438Q298%20483%20333%20532Q368%20580%20412.0%20624.0Q456%20668%20505%20703Q553%20738%20599%20756Q599%20756%20604.0%20753.0Q609%20750%20617%20739Q625%20729%20633.5%20716.0Q642%20703%20650%20690Q671%20655%20692.5%20628.0Q714%20601%20743%20601Q778%20601%20835.0%20639.5Q892%20678%20906%20689Q930%20708%20950.0%20726.0Q970%20744%20985%20760Q1006%20782%201015.5%20799.5Q1025%20817%201025%20831Q1025%20860%201003.0%20896.0Q981%20932%20957%20957Q941%20975%20902.5%201005.5Q864%201036%20820%201036ZM205%2062Q194%2063%20169.0%2076.0Q144%2089%20114%20117Q85%20143%2068.5%20169.5Q52%20196%2052%20216Q52%20346%20124%20482Q195%20618%20306.5%20730.0Q418%20842%20555%20913Q691%20985%20820%20985Q840%20985%20866.5%20968.5Q893%20952%20920%20923Q947%20892%20960.5%20867.0Q974%20842%20974%20832Q973%20824%20950.0%20797.0Q927%20770%20871%20727Q824%20691%20788.5%20671.5Q753%20652%20743%20652Q743%20652%20738.5%20655.0Q734%20658%20725%20669Q718%20679%20710.0%20691.5Q702%20704%20694%20717Q672%20752%20650.0%20779.5Q628%20807%20598%20807Q594%20807%20589.0%20806.5Q584%20806%20580%20804Q529%20784%20476%20746Q423%20708%20375.5%20660.5Q328%20613%20291%20560Q253%20507%20232%20456Q228%20444%20230.5%20426.0Q233%20408%20257%20386Q269%20375%20286.0%20364.0Q303%20353%20320%20342Q332%20335%20344.5%20327.0Q357%20319%20367%20311Q378%20302%20381.0%20298.0Q384%20294%20384%20293Q384%20283%20365.0%20247.5Q346%20212%20309%20165Q266%20109%20239.0%2086.5Q212%2064%20205%2062Z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201024%201024%22%3E%3Cpath%20d=%22M820%201036Q752%201036%20680.0%201017.0Q608%20998%20533%20960Q499%20942%20464%20921Q430%20900%20397.0%20875.5Q364%20851%20332%20823Q300%20796%20271%20766Q241%20736%20213%20704Q186%20672%20161.5%20639.0Q137%20606%20116%20572Q95%20538%2077%20503Q39%20428%2020.0%20356.0Q1%20284%201%20216Q1%20172%2031.0%20133.5Q61%2095%2079%2079Q104%2055%20140.0%2033.0Q176%2011%20205%2011Q219%2011%20236.5%2021.0Q254%2031%20276%2051Q292%2066%20310.5%2086.0Q329%20106%20347%20130Q358%20144%20397.0%20201.0Q436%20258%20436%20293Q436%20322%20408.5%20343.5Q381%20365%20347%20386Q333%20394%20320.0%20402.5Q307%20411%20297%20419Q287%20427%20283.5%20432.0Q280%20437%20280%20438Q298%20483%20333%20532Q368%20580%20412.0%20624.0Q456%20668%20505%20703Q553%20738%20599%20756Q599%20756%20604.0%20753.0Q609%20750%20617%20739Q625%20729%20633.5%20716.0Q642%20703%20650%20690Q671%20655%20692.5%20628.0Q714%20601%20743%20601Q778%20601%20835.0%20639.5Q892%20678%20906%20689Q930%20708%20950.0%20726.0Q970%20744%20985%20760Q1006%20782%201015.5%20799.5Q1025%20817%201025%20831Q1025%20860%201003.0%20896.0Q981%20932%20957%20957Q941%20975%20902.5%201005.5Q864%201036%20820%201036ZM205%2062Q194%2063%20169.0%2076.0Q144%2089%20114%20117Q85%20143%2068.5%20169.5Q52%20196%2052%20216Q52%20346%20124%20482Q195%20618%20306.5%20730.0Q418%20842%20555%20913Q691%20985%20820%20985Q840%20985%20866.5%20968.5Q893%20952%20920%20923Q947%20892%20960.5%20867.0Q974%20842%20974%20832Q973%20824%20950.0%20797.0Q927%20770%20871%20727Q824%20691%20788.5%20671.5Q753%20652%20743%20652Q743%20652%20738.5%20655.0Q734%20658%20725%20669Q718%20679%20710.0%20691.5Q702%20704%20694%20717Q672%20752%20650.0%20779.5Q628%20807%20598%20807Q594%20807%20589.0%20806.5Q584%20806%20580%20804Q529%20784%20476%20746Q423%20708%20375.5%20660.5Q328%20613%20291%20560Q253%20507%20232%20456Q228%20444%20230.5%20426.0Q233%20408%20257%20386Q269%20375%20286.0%20364.0Q303%20353%20320%20342Q332%20335%20344.5%20327.0Q357%20319%20367%20311Q378%20302%20381.0%20298.0Q384%20294%20384%20293Q384%20283%20365.0%20247.5Q346%20212%20309%20165Q266%20109%20239.0%2086.5Q212%2064%20205%2062Z%22/%3E%3C/svg%3E"); width: 1.0em; } /* -------------------------------------------- os glifos que o CSS injetava Tres lugares nao tinham `` nenhum: o template escrevia o icone pelo `content` de um pseudo-elemento, com `font-family: "Font Awesome 6 Pro"`. Sem a fonte, sairiam quadradinhos vazios. Recebem a mesma mascara. O `content` continua declarado aqui porque o do template vinha com o codigo do glifo dentro — e o nosso precisa ser uma string vazia. */ .main-menu .navigation > li.dropdown > a:after, .main-menu .navigation > li > ul > li.dropdown > a:after, .page-breadcrumb li:after { content: ""; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } /* a setinha para baixo do item com submenu, no cabecalho */ .main-menu .navigation > li.dropdown > a:after { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20384%20512%22%3E%3Cpath%20d=%22M192%20384Q179%20384%20169%20375L9%20215Q0%20205%200%20192Q0%20179%209%20169Q19%20160%2032%20160Q45%20160%2055%20169L192%20307L329%20169Q339%20160%20352%20160Q365%20160%20375%20169Q384%20179%20384%20192Q384%20205%20375%20215L215%20375Q205%20384%20192%20384Z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20384%20512%22%3E%3Cpath%20d=%22M192%20384Q179%20384%20169%20375L9%20215Q0%20205%200%20192Q0%20179%209%20169Q19%20160%2032%20160Q45%20160%2055%20169L192%20307L329%20169Q339%20160%20352%20160Q365%20160%20375%20169Q384%20179%20384%20192Q384%20205%20375%20215L215%20375Q205%20384%20192%20384Z%22/%3E%3C/svg%3E"); width: 0.75em; height: 1em; } /* a setinha para a direita do submenu e o separador do caminho de paginas */ .main-menu .navigation > li > ul > li.dropdown > a:after, .page-breadcrumb li:after { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20256%20512%22%3E%3Cpath%20d=%22M64%20448Q51%20448%2041%20439Q32%20429%2032%20416Q32%20403%2041%20393L179%20256L41%20119Q32%20109%2032%2096Q32%2083%2041%2073Q51%2064%2064%2064Q77%2064%2087%2073L247%20233Q256%20243%20256%20256Q256%20269%20247%20279L87%20439Q77%20448%2064%20448Z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20256%20512%22%3E%3Cpath%20d=%22M64%20448Q51%20448%2041%20439Q32%20429%2032%20416Q32%20403%2041%20393L179%20256L41%20119Q32%20109%2032%2096Q32%2083%2041%2073Q51%2064%2064%2064Q77%2064%2087%2073L247%20233Q256%20243%20256%20256Q256%20269%20247%20279L87%20439Q77%20448%2064%20448Z%22/%3E%3C/svg%3E"); width: 0.5em; height: 1em; }