@charset "UTF-8";
/*configurações*/
html {height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; scroll-behavior: smooth;}
*, *::before, *::after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
div:not(#header)::after, ol::after, form::after, dl::after {content:"."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden;}
h1, h2, h3, h4, h5, h6{line-height:1em; font-weight:600;}
* h1:first-child, * h2:first-child, * h3:first-child, * h4:first-child, * h5:first-child, * h6:first-child{margin-top:0; padding-top:0;}
* h1:last-child, * h2:last-child, * h3:last-child, * h4:last-child, * h5:last-child, * h6:last-child{margin-bottom:0; padding-bottom:0;}
h1{font-size:64px;}
h2{font-size:52px;}
h3{font-size:40px;}
h4{font-size:36px;}
h5{font-size:28px;}
h6{font-size:24px;}
p{font-size:22px; line-height:1.5em;}
* p:first-child{margin-top:0;}
* p:last-child{margin-bottom:0;}
.chamada{font-size:26px; line-height: 1.1em;}
.legenda{font-size:14px;}
a{text-decoration:none; cursor:pointer; border: none;}
a img{border:none; max-width:100%; height:auto; display:block; margin:auto;}
strong{font-weight:500;}

/* identificadores */
#preloader {position:fixed; top:0; right:0; bottom:0; left:0; z-index:10000;}
#preloader::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center top 20%; background-size: 200px auto; background-image: url(../../images/svg/df.svg); background-repeat: no-repeat;}
#preloader .inner {position:absolute; bottom:80px; left:50%; transform:translate(-50%, -50%);}
#preloader .loading{font-size: 0;}
.loading > span {display:inline-block; width:40px; height:40px; margin:0; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:animarBola; animation-timing-function:linear; animation-iteration-count:infinite;}
.loading > span:nth-child(1) {animation-duration:0.75s ; animation-delay:0;}
.loading > span:nth-child(2) {animation-duration:0.75s ;animation-delay:0.12s;}
.loading > span:nth-child(3) {animation-duration:0.75s  ;animation-delay:0.24s;}
@keyframes animarBola {0% {-webkit-transform:scale(1); transform:scale(1); opacity:1;} 16% {-webkit-transform:scale(0.1); transform:scale(0.1); opacity:0.7;} 33% {-webkit-transform:scale(1); transform:scale(1); opacity:1;}} 

#body {font-size:62.5%; margin:0; padding:0; width:100%; height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family: "Jost", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; color:#3E3E3C; min-width:360px;}
#container {margin:0; padding: 0; height:100%; min-height:100%; height:auto!important; position:relative; background:#FFFFFF; overflow-x:hidden; min-width:360px;}

#header {position: absolute; top: 0; right: 0; left: 0; padding: 30px 3.8%; text-align: right; z-index: 100;}
#header .logo{display: block; float: left; width: 273px; height: 90px; background-position: center left; background-size: contain; background-repeat: no-repeat; background-image: url(../../images/svg/difachini-comunicacao-visual.svg);}

#header .alpha.circle{border: solid 1px #FFFFFF; margin:20px 0 0 0; position: relative; z-index: 10px;}
#header .alpha.circle + .alpha.circle{margin-left: 10px;}

#header .button{font-size: 20px; margin:20px 10px 0 0; position: relative; z-index: 10px; -webkit-transition:background-color 1s; -moz-transition:background-color 1s; -ms-transition:background-color 1s; transition:background-color 1s;}
#header .button:hover{background-color: #131A1C;}

#header br{display: none;}

#section-principal{padding: 150px 3.8% 0 3.8%; position: relative;}
#section-principal h4{font-weight: 500;}
#section-principal h4 .pict{vertical-align: middle;}
#section-principal h4 .pict + span{vertical-align: middle;}

#footer{background-image: url(../../images/large/bg-footer.jpg);
  background-image: image-set(
    "../../images/large/bg-footer.webp" type("image/webp"),
    "../../images/large/bg-footer.jpg" type("image/jpeg")
  ); position: absolute; right: 0; bottom: 0; left: 0; padding: 0 3.8%;}
#footer .column-3 p + p{margin-top: 25px;}

#footer  h5{font-weight: 300; background-repeat: no-repeat; background-position: top left; background-size: contain; background-image: url(../../images/svg/difachini-comunicacao-visual.svg); padding:0 0 15% 0; margin-bottom: .5em;}
#footer  h5 span{font-size: 0;}
#footer .button{width: 100%; max-width: 18em; padding-left: 30px; text-align: center;}
#footer .button .label{padding-right: 0; padding-left: 0;}
#footer .button .pict{position: absolute; left: 0;}
#footer .pict.local + span{line-height: 1.2em;}

/*formulários*/
#filtro {visibility:hidden;display:none;position:absolute;}
#formulario{position: relative; z-index: 10;}
#formulario input[type=text], #formulario input[type=password] {font-size:22px; font-weight:400; font-family: "Jost", sans-serif; width:100%; background:none; border-style: solid; border-width: 1px; padding:0 15px; height:42px; line-height:40px; margin:0 auto 25px auto; -khtml-border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
#formulario input[type=text]:disabled{background-color: #EBEEF0;}
#formulario textarea {font-size:22px; font-weight:400;  font-family: "Jost", sans-serif; width:100%; background:none; border-style: solid; border-width: 1px; padding:10px 15px; margin:0 auto 25px auto; line-height:30px; -khtml-border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
#formulario input[type=submit], #formulario input[type=reset], #formulario button {font-size:16px; font-weight:400;  font-family: "Jost", sans-serif; width: 9em; cursor:pointer; appearance:none; -moz-appearance:none; -webkit-appearance:none; margin:auto; display: inline-block; border: solid 1px #FFFFFF; height:42px; -khtml-border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
#formulario button + input[type=submit]{margin-left: 2%;}

#formulario label{font-size:18px; display: inline-block;}
#formulario label.medium{width: 49%;}
#formulario label.medium + label.medium{margin-left: 2%;}
#formulario label input[type=text]{margin-top: .3em;}

#formulario select {font-size:22px; font-weight:400; font-family: "Jost", sans-serif; width:100%; position:relative; padding:0 60px 0 20px; margin:0; height:40px; line-height:40px; border:none; -khtml-border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; appearance:none; -moz-appearance:none; -webkit-appearance:none; cursor:pointer; z-index:10; background-color: #131A1C; color: #FFFFFF; background-image:url(../../images/svg/select.svg); background-position: right; background-repeat: no-repeat; background-size: contain;}

#formulario input[type=file]{width:0; height:0; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); overflow:hidden; position:absolute; z-index:-1;}
#formulario input[type=file] + label {font-size:22px; font-weight:400; font-family: "Jost", sans-serif; padding:0 15px; margin: 0 0 0 2%; line-height:40px; height:42px; display:inline-block; width:49%;  background-color:#FFFFFF; -khtml-border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px; border-radius:20px; cursor:pointer; overflow:hidden; border:solid 1px #131A1C; vertical-align: top;}
#formulario input[type=file]:focus + label, #formulario input[type=file] + label:hover {background-color:#95C11F;}
#formulario input[type=file]:focus + label {outline:1px dotted #627179; outline:-webkit-focus-ring-color auto 5px;}

#formulario div:not(.text-right){padding: 10px; background-color: #EBEEF0; -khtml-border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px; border-radius:30px; margin:0 0 25px 0; display: block;}
#formulario div:not(.text-right) input[type=text]{margin: 0; background-color: #FFFFFF;}
#formulario div.text-right .legenda.float-left{display:inline-block; text-align: left;}

#formulario input[type=text].extra, #formulario select.extra{width: 83%;}
#formulario input[type=text].large, #formulario select.large{width: 66%;}
#formulario input[type=text].medium, #formulario select.medium{width: 49%;}
#formulario input[type=text].small, #formulario select.small{width: 32%;}
#formulario input[type=text].tiny, #formulario select.tiny{width: 15%;}

#formulario input[type=text].large + input[type=text].tiny{margin-left: 2%;}
#formulario input[type=text].medium + input[type=text].medium{margin-left: 2%;}
#formulario input[type=text].medium + input[type=text].tiny{margin-left: 2%;}
#formulario input[type=text].small + input[type=text].medium{margin-left: 2%;}
#formulario input[type=text].small + input[type=text].small{margin-left: 2%;}
#formulario input[type=text].tiny + input[type=text].tiny{margin-left: 2%;}

#formulario.contato input[type=text], #formulario.contato textarea {border-color: #FFFFFF;}
#formulario.cadastro input[type=text], #formulario.cadastro select{margin:0 auto 20px auto;}
#formulario.cadastro input[type=text], #formulario.cadastro textarea {border-color: #131A1C;}
#formulario.orcamento input[type=text], #formulario.orcamento textarea {border-color: #131A1C;}
#formulario.curriculo input[type=text], #formulario.curriculo textarea {border-color: #131A1C;}
#formulario.logar {max-width: 350px; margin: auto;}
#formulario.logar input[type=text], #formulario.logar input[type=password] {border-color: #131A1C;}

#formulario h6{margin-top: .1em; margin-bottom: .5em; padding-left: 20px; font-weight: 400;}
#formulario h6 span{font-size: .8em;}

/*cookie consent*/
#termsfeed-com---nb{display:block; margin:5% auto 0 auto; max-width:800px; border:solid 1px #495961;}
.termsfeed-com---nb .cc-nb-title {color: #495961; font-family: 'Oswald', sans-serif; font-size:32px;}
.termsfeed-com---nb .cc-nb-text{color: #495961;}
.cc-nb-main-container{background-color:#FFFFFF; font-family: 'Roboto', sans-serif; font-size:18px;}
.cc-nb-okagree{background-color:#FFCC00!important; color:#FFFFFF!important;}
.cc-nb-reject{background-color:#E30613!important; color:#FFFFFF!important;}
.cc-nb-changep{background-color:#A1AEB6!important; color:#FFFFFF!important;}

/*estruturais*/
.content {margin:0 auto; padding: 60px 0; width:100%; max-width: 1650px; position:relative; font-size:0;}
.article {width:65.4%; margin:auto; position:relative; display:inline-block; vertical-align:top;}
.column-2 {width:48.1%; margin:0 3.8% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-2:nth-child(2n), .column-2:last-child{margin-right:0;}
.column-3 {width:30.8%; margin:0 3.8% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-3:nth-child(3n), .column-3:last-child{margin-right:0;}
.column-4 {width:22.15%; margin:0 3.8% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-4:nth-child(4n), .column-4:last-child{margin-right:0;}
.column-6 {width:13.5%; margin:0 3.8% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-6:nth-child(6n), .column-6:last-child{margin-right:0;}
.box{padding: 50px; position: relative;}

/*cores*/
.white{color:#FFFFFF;}
.gray{color:#131A1C;}
.gray-l{color:#627179;}
.green{color:#95C11F;}
.orange{color:#F39200;}

/*backgrounds*/
.bg-white{background-color:#FFFFFF;}
.bg-gray{background-color:#131A1C;}
.bg-gray-l{background-color:#627179;}
.bg-green{background-color:#95C11F;}
.bg-orange{background-color:#F39200;}
.bg-image{background-repeat:no-repeat; background-position:center; background-size:cover;}
.bg-linhas{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url(../../images/svg/bg-linhas.svg); background-size:2px 4px; background-repeat: repeat; z-index: 0; mix-blend-mode:multiply;}
.bg-quadriculado{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url(../../images/svg/bg-quadriculado.svg); background-size:4px 4px; background-repeat: repeat; z-index: 0;}
.bg-triangulos{position: absolute; top: 150px; right: 0; bottom: 0; left: 0; background-image: url(../../images/svg/bg-triangulos.svg); background-size:45% auto; background-repeat: no-repeat; z-index: 0; background-position: bottom left; transform: scaleX(-1); transform: rotate(180deg);}

/*transições*/
.alpha *{-webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; transition:opacity 1s;}
.alpha:hover *{opacity:.4; -moz-opacity:.4; filter:alpha(opacity=40);}

/*constantes*/
.float-left{float:left;}
.float-right{float:right;}
.clear{clear:both;}
.clear-right{clear:right;}
.clear-left{clear:left;}
.reset-list{margin:0; padding:0; font-size:0; list-style:none;}
.text-justify{text-align:justify;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}

.circle{display:inline-block; vertical-align:middle; position: relative; -khtml-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}

.button{display:inline-block; vertical-align:middle; position:relative; border-style: solid; border-width: 1px; -khtml-border-radius:2em; -moz-border-radius:2em; -webkit-border-radius:2em; border-radius:2em;}
.button.hover{opacity:0.25; -moz-opacity:0.25; filter:alpha(opacity=25);}

.button .label{display:inline-block; vertical-align:top; text-align:center;}

.button.extra .label{font-size:1.8em; line-height:60px; padding:30px 1.8em;}
.button.large .label{font-size:1.6em; line-height:50px; padding:25px 1.6em;}
.button.medium .label{font-size:1.4em; line-height:40px; padding:20px 1.4em;}
.button.small .label{font-size:1.2em; line-height:30px; padding:15px 1.2em;}
.button.tiny .label{font-size:1em; line-height:20px; padding:10px 1em;}

.button.extra .pict + .label{padding:30px 2em 30px 1em;}
.button.large .pict + .label{padding:25px 1.8em 25px .9em;}
.button.medium .pict + .label{padding:20px 1.6em 20px .8em;}
.button.small .pict + .label{padding:15px 1.4em 15px .7em;}
.button.tiny .pict + .label{padding:10px 1.2em 10px .6em;}

.pict{display:inline-block; vertical-align:top; background-repeat:no-repeat; background-size:1100% auto; background-image:url(../../images/svg/pictogramas.svg);}
.pict.text{background-image:none;}
.pict.hover{opacity:0.25; -moz-opacity:0.25; filter:alpha(opacity=25);}
.pict.circle{position:relative;}

.pict + span{display: inline-block; margin-left: .3em; line-height: 1.3em;}
.pict.local + span{vertical-align: top;}

.pict.extra{width:140px; height:140px; line-height:140px; font-size:2em;}
.pict.large{width:100px; height:100px; line-height:100px; font-size:1.8em;}
.pict.medium{width:80px; height:80px; line-height:80px; font-size:1.6em;}
.pict.small{width:60px; height:60px; line-height:60px; font-size:1.4em;}
.pict.tiny{width:40px; height:40px; line-height:40px; font-size:1.2em;}

.pict.white.whatsapp{background-position:0% 0%;}
.pict.white.fone{background-position:10% 0%;}
.pict.white.email{background-position:20% 0%;}
.pict.white.local{background-position:30% 0%;}
.pict.white.youtube{background-position:40% 0%;}
.pict.white.facebook{background-position:50% 0%;}
.pict.white.instagram{background-position:60% 0%;}
.pict.white.linkedin{background-position:70% 0%;}
.pict.white.home{background-position:80% 0%;}
.pict.white.cadastro{background-position:0% 12.5%;}
.pict.white.upload{background-position:10% 12.5%;}
.pict.white.download{background-position:20% 12.5%;}
.pict.white.suporte{background-position:30% 12.5%;}
.pict.white.orcamento{background-position:40% 12.5%;}
.pict.white.curriculo{background-position:50% 12.5%;}
.pict.white.calendario{background-position:60% 12.5%;}
.pict.white.clientes{background-position:70% 12.5%;}
.pict.white.link{background-position:80% 12.5%;}
.pict.white.curtir{background-position:90% 12.5%;}
.pict.white.mais{background-position:0% 25%;}
.pict.white.menos{background-position:10% 25%;}
.pict.white.fechar{background-position:20% 25%;}
.pict.white.anterior{background-position:30% 25%;}
.pict.white.seguinte{background-position:40% 25%;}
.pict.white.base{background-position:50% 25%;}
.pict.white.topo{background-position:60% 25%;}

.pict.gray.whatsapp{background-position:0% 37.5%;}
.pict.gray.fone{background-position:10% 37.5%;}
.pict.gray.email{background-position:20% 37.5%;}
.pict.gray.local{background-position:30% 37.5%;}
.pict.gray.youtube{background-position:40% 37.5%;}
.pict.gray.facebook{background-position:50% 37.5%;}
.pict.gray.instagram{background-position:60% 37.5%;}
.pict.gray.linkedin{background-position:70% 37.5%;}
.pict.gray.home{background-position:80% 37.5%;}
.pict.gray.cadastro{background-position:0% 50%;}
.pict.gray.upload{background-position:10% 50%;}
.pict.gray.download{background-position:20% 50%;}
.pict.gray.suporte{background-position:30% 50%;}
.pict.gray.orcamento{background-position:40% 50%;}
.pict.gray.curriculo{background-position:50% 50%;}
.pict.gray.calendario{background-position:60% 50%;}
.pict.gray.clientes{background-position:70% 50%;}
.pict.gray.linque{background-position:80% 50%;}
.pict.gray.curtir{background-position:90% 50%;}
.pict.gray.mais{background-position:0% 62.5%;}
.pict.gray.menos{background-position:10% 62.5%;}
.pict.gray.fechar{background-position:20% 62.5%;}
.pict.gray.anterior{background-position:30% 62.5%;}
.pict.gray.seguinte{background-position:40% 62.5%;}
.pict.gray.base{background-position:50% 62.5%;}
.pict.gray.topo{background-position:60% 62.5%;}

.pict.green.whatsapp{background-position:0% 75%;}
.pict.green.fone{background-position:10% 75%;}
.pict.green.email{background-position:20% 75%;}
.pict.green.local{background-position:30% 75%;}
.pict.green.youtube{background-position:40% 75%;}
.pict.green.facebook{background-position:50% 75%;}
.pict.green.instagram{background-position:60% 75%;}
.pict.green.linkedin{background-position:70% 75%;}
.pict.green.home{background-position:80% 75%;}
.pict.green.cadastro{background-position:0% 87.5%;}
.pict.green.upload{background-position:10% 87.5%;}
.pict.green.download{background-position:20% 87.5%;}
.pict.green.suporte{background-position:30% 87.5%;}
.pict.green.orcamento{background-position:40% 87.5%;}
.pict.green.curriculo{background-position:50% 87.5%;}
.pict.green.calendario{background-position:60% 87.5%;}
.pict.green.clientes{background-position:70% 87.5%;}
.pict.gray.linque{background-position:80% 87.5%;}
.pict.green.curtir{background-position:90% 87.5%;}
.pict.green.mais{background-position:0% 100%;}
.pict.green.menos{background-position:10% 100%;}
.pict.green.fechar{background-position:20% 100%;}
.pict.green.anterior{background-position:30% 100%;}
.pict.green.seguinte{background-position:40% 100%;}
.pict.green.base{background-position:50% 100%;}
.pict.green.topo{background-position:60% 100%;}

/*específicas*/
.grifado{position: relative;}
.grifado::before{content: ""; display:block; position: absolute; width: 6em;  height: 1px; left:0; bottom: -10px; background-color: #FFFFFF;}
.grifado::after{content:""; display:block; position:absolute; width:2em; height:9px; left:0; bottom:-14px; background-color: #95C11F;}
.grifado.text-center::before{left:50%; margin-left: -3em;}
.grifado.text-center::after{left:50%; margin-left: -1em;}

.acoes-list li{font-size: 28px; line-height: 1.2em; font-weight: 300; display: inline-block; vertical-align: top; width:22.15%; margin: 0 3.8% 0 0; position: relative; border: solid 1px #131A1C;  -khtml-border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px;}
.acoes-list li:last-child{margin-right: 0;}
.acoes-list li a{display: block; padding: .8em;}
.acoes-list li .pict{margin-bottom: .3em;}
.acoes-list li .grifado{font-weight: 700; font-size: 1.2em; line-height: 1em; margin-bottom: 1em; display: inline-block;}

table.downloads{font-size: 18px; border:#AEB9C0 solid 1px; -khtml-border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px; overflow: hidden;}
table.downloads td{padding: 10px; min-height: 60px; position: relative;}
table.downloads td:first-child{width: 120px;}
table.downloads td:last-child{padding-right: 60px;}
table.downloads .marca{display: inline-block; vertical-align: middle; width: 100px; padding-bottom: 100px; background-position: center; background-repeat: no-repeat; background-size: contain;}
table.downloads .pict{position: absolute; top: 50%; margin-top: -20px; right: 10px;}
@media screen and (max-width:1300px) {
/*configurações*/
h1{font-size:48px;}
h2{font-size:40px;}
h3{font-size:36px;}
h4{font-size:32px;}
h5{font-size:24px;}
h6{font-size:22px;}
p{font-size:18px;}
.chamada{font-size:24px;}
.legenda{font-size:12px;}

/* identificadores */
#preloader::before{background-size: 150px auto;} 

#header .logo{width: 244px; height: 80px;}

#header .button{font-size: 18px;}

#section-principal{padding: 140px 3.8% 0 3.8%;}

#footer{background-image: url(../../images/large/bg-footer.jpg);
  background-image: image-set(
    "../../images/large/bg-footer.webp" type("image/webp"),
    "../../images/large/bg-footer.jpg" type("image/jpeg")
  );}

/*formulários*/
#formulario input[type=text], #formulario input[type=password] {font-size:18px;}
#formulario textarea {font-size:18px; line-height:24px;}
#formulario input[type=submit], #formulario button {font-size:14px;}
#formulario select {font-size:18px; padding:0 50px 0 20px;}
#formulario input[type=file] + label {font-size:18px;} 
#formulario.logar {max-width: 300px;}
#formulario label{font-size:16px;}

/*estruturais*/
.content {padding: 50px 0;}
.box{padding: 40px;}

/*backgrounds*/
.bg-triangulos{top: 140px;}

/*específicas*/
.acoes-list li{font-size: 20px;}

table.downloads{font-size: 16px;}

}
@media screen and (max-width:950px) {
/*configurações*/
h1{font-size:36px;}
h2{font-size:32px;}
h3{font-size:28px;}
h4{font-size:24px;}
h5{font-size:22px;}
h6{font-size:20px;}
p{font-size:16px;}
.chamada{font-size:20px;}
.legenda{font-size:10px;}

/* identificadores */
#preloader::before{background-size: 100px auto;}
#preloader .inner {bottom:60px;}
.loading > span {width:30px; height:30px;}

#section-principal{padding: 140px 3.8% 0 3.8%;}

#header {padding:20px 30px;}
#header .logo{width: 212px; height: 70px;}

#header .button{font-size: 16px; -webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none;}

#section-principal{padding: 110px 30px 0 30px;}

#footer{background-image: url(../../images/large/bg-footer.jpg);
  background-image: image-set(
    "../../images/large/bg-footer.webp" type("image/webp"),
    "../../images/large/bg-footer.jpg" type("image/jpeg")
  );}
#footer .column-3:first-child{display: block; width: 100%; margin: 0;}
#footer .column-3:first-child h5{padding:0 0 60px 0; width: 250px; display: block; margin: auto;}
#footer .column-3:not(:first-child){width:48.1%; margin-top: 30px;}
#footer .column-3:nth-child(2) p:first-child{margin-bottom: 0;}
#footer .column-3:nth-child(2) p + p{margin-top: 13px;}
#footer .column-3 p + p{margin-top: 20px;}

/*formulários*/
#formulario input[type=text], #formulario input[type=password] {font-size:16px; padding:0 10px; height:32px; line-height:30px; margin:0 auto 20px auto; -khtml-border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}
#formulario textarea {font-size:16px;  padding:10px; margin:0 auto 20px auto; line-height:20px; -khtml-border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}
#formulario input[type=submit], #formulario button {font-size:12px; height:30px; -khtml-border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}
#formulario select {font-size:16px; padding:0 50px 0 10px; height:30px; line-height:30px; -khtml-border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}
#formulario input[type=file] + label {font-size:16px; padding:0 10px; line-height:30px; height:32px; -khtml-border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; border-radius:15px;}
#formulario div:not(.text-right){padding: 7px; -khtml-border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px; border-radius:25px; margin:0 0 20px 0; display: block;}  
#formulario.logar {max-width: 250px;}
#formulario label{font-size:14px;}

/*estruturais*/
.content {padding: 40px 0;}
.content {max-width: 700px;}
.article, .column-2, .column-4 {width:100%; margin:auto; display:block;}
.column-2:nth-child(2n), .column-2:last-child{margin-right:auto;}
.box{padding: 30px;}

/*backgrounds*/
.bg-triangulos{top: 110px; background-size:70% auto;}

/*transições*/
.alpha *{-webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none;}

.button.extra .label{font-size:1.6em; line-height:50px; padding:25px 1.8em;}
.button.large .label{font-size:1.4em; line-height:40px; padding:20px 1.6em;}
.button.medium .label{font-size:1.2em; line-height:30px; padding:15px 1.4em;}
.button.small .label{font-size:1em; line-height:20px; padding:10px 1.2em;}
.button.tiny .label{font-size:.8em; line-height:16px; padding:7px 1em;}

.button.extra .pict + .label{padding:25px 2em 25px 1em;}
.button.large .pict + .label{padding:20px 1.8em 20px .9em;}
.button.medium .pict + .label{padding:15px 1.6em 15px .8em;}
.button.small .pict + .label{padding:10px 1.4em 10px .7em;}
.button.tiny .pict + .label{padding:7px 1.2em 7px .6em;}

.pict.extra{width:100px; height:100px; line-height:100px; font-size:1.8em;}
.pict.large{width:80px; height:80px; line-height:80px; font-size:1.6em;}
.pict.medium{width:60px; height:60px; line-height:60px; font-size:1.4em;}
.pict.small{width:40px; height:40px; line-height:40px; font-size:1.2em;}
.pict.tiny{width:30px; height:30px; line-height:30px; font-size:1em;}

/*específicas*/
.acoes-list li{font-size: 20px; width:48.1%; margin: 0 3.8% 3.8% 0;  -khtml-border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px;}
.acoes-list li:nth-child(2n){margin-right: 0;}
.acoes-list li:nth-child(3), .acoes-list li:last-child{margin-bottom: 0;}

table.downloads{font-size: 14px; -khtml-border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
table.downloads td{padding: 7px; min-height: 44px; position: relative;}
table.downloads td:first-child{width: 94px;}
table.downloads td:last-child{padding-right: 44px;}
table.downloads .marca{width: 80px; padding-bottom: 80px;}
table.downloads .pict{margin-top: -15px; right: 7px;}

}
@media screen and (max-width:600px) {
/*configurações*/
h1{font-size:28px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:20px;}
h5{font-size:18px;}
h6{font-size:16px;}
p{font-size:16px;}
.chamada{font-size:18px;}

/* identificadores */
#header {padding:20px;}
#header .button.bg-orange{font-size: 0; background-repeat:no-repeat; background-size:1100% auto; background-image:url(../../images/svg/pictogramas.svg); -khtml-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; width: 35px; height: 35px; background-position: 20% 25%; margin:0 22px 0 0;}
#header .alpha.circle{margin:5px 0 0 0;}
#header .alpha.circle + .alpha.circle{margin-left: 10px;}
#header br{display: inline-block;}

#footer{background-image: url(../../images/large/bg-footer.jpg);
  background-image: image-set(
    "../../images/large/bg-footer.webp" type("image/webp"),
    "../../images/large/bg-footer.jpg" type("image/jpeg")
  );}

#footer .column-3:not(:first-child){width:100%; margin-top:20px; margin-right: 0; text-align: center;}
#footer .column-3 .local{display: block; margin:10px auto 5px auto;}
#footer .button{max-width: 14em; padding-left: 20px;}

#layer .bg-triangulos {background-size:100% auto;}
#layer .reset-list li{width:48.1%; padding-bottom: 48.1%;}
#layer .reset-list li:nth-child(2n), #layer .reset-list li:last-child{margin-right: 0;}
    
/*formulários*/
#formulario input[type=submit] {margin: auto;}
#formulario input[type=file] + label {width:100%; margin: 0 0 20px 0}
#formulario div:not(.text-right) input[type=file] + label {margin:7px 0 0 0;}

#formulario div.text-right{text-align: center;}
#formulario div.text-right .legenda.float-left{display: block; float: none; margin-bottom: 20px; text-align: center;}

#formulario input[type=text].extra, #formulario select.extra{width: 100%;}
#formulario input[type=text].large, #formulario select.large{width: 100%;}
#formulario input[type=text].medium, #formulario select.medium{width: 100%;}
#formulario input[type=text].small, #formulario select.small{width: 100%;}
#formulario input[type=text].tiny, #formulario select.tiny{width: 49%;}

#formulario input[type=text].large + input[type=text].tiny{margin-left: 0;}
#formulario input[type=text].medium + input[type=text].medium{margin-left: 0;}
#formulario input[type=text].medium + input[type=text].tiny{margin-left: 0;}
#formulario input[type=text].small + input[type=text].medium{margin-left: 0;}
#formulario input[type=text].small + input[type=text].small{margin-left: 0;}

#formulario label.medium{width: 100%;}
#formulario label.medium + label.medium{margin-left: 0;}

/*estruturais*/
.content {max-width: 400px;}

/*backgrounds*/
.bg-triangulos{background-size:100% auto;}

/*específicas*/
.grifado::after{height:7px; bottom:-13px;}

.acoes-list li{font-size: 18px; width:100%; margin: 0 0 30px 0; -khtml-border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
.acoes-list li:nth-child(2n){margin-right: 0;}
.acoes-list li:nth-child(3){margin: 0 0 30px 0;}
    
table.downloads{font-size: 12px; -khtml-border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}
table.downloads td{padding: 5px; min-height: 40px;}
table.downloads td:first-child{width: 70px;}
table.downloads td:last-child{padding-right: 40px;}
table.downloads .marca{width: 60px; padding-bottom: 60px;}
table.downloads .pict{right: 5px;}

}