@import url(reset.css);
@import url(fonts.css);
@import url(padrao.css);
@import url(responsivo.css);
@import url(swiper.min.css);

#loader { width: 100%; height: 600px; position: absolute; float: left; top: 300px; }

#main section#conteudo { float: left; height: auto; position: relative; width: 100%; }
#inove_links { padding: 68px 0px 0px; float: left; height: 100vh; position: relative; width: 100%; }
.redes { width: 100%; height: auto; position: relative; float: left; margin: 20px 0px 30px; }
.redes svg .a { fill:var(--cor-principal); fill-rule:evenodd; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
.redes a { width: 48px; height: 48px; position: relative; float: left; border: 2px solid var(--cor-principal); background-color: #FFF; padding-top: 13px; border-radius: 8px; text-align: center; margin: 0px 3%; }
.redes a:hover { background-color: var(--cor-principal); transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
.redes a:hover svg .a  { fill:#FFF; }
#foto { border-radius: 50%; margin-bottom: 6px; }
.flex { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; align-content: center; }