/********************************************************* ESTILOS GERAIS DO SITE *********************************************************/

.bgpreto{background: #000;}

/**************************************************************** BUTTONS *****************************************************************/
.btnhoverdefault{background: var(--corpri2); padding: 0px; display: flex; justify-content: center; align-items: center; border-radius: 5px; color: #fff; text-transform: uppercase; transition: background .5s, border .5s; cursor: pointer;}
.btnhoverdefault.transparent{background: transparent}
.btnhoverdefault.whiteborder{border: 2px solid #fff;}
.btnhoverdefault:hover{background: var(--corpri1);}
.btnhoverdefault.whiteborder:hover{border: 2px solid #ffffff00;}
/************************************************************** FIM BUTTONS ***************************************************************/

/***************************************************************** ICONS *****************************************************************/
.imgficheiropdf{background: url(../imgs/pdf.png) no-repeat center center / contain;}
.imgartigo{background: url(../imgs/pdf.png) no-repeat center center / contain;}
.imgweb{background: url(../imgs/website.png) no-repeat center center / contain;}
.imgdownload{background: url(../imgs/bolinhas_azuis_e_verde.png) no-repeat center center / contain;}

.imgweb.bluebackground{background: url(../imgs/folha_verde_preenchida.png) no-repeat center center / contain;}

.logomob, .logo{ position: relative; background: url(../imgs/logotipo_molde.png) no-repeat left center/ contain; float: left; clear: none; z-index: 1000; }
.logomob.collapsed, .logo.collapsed{ position: relative; float: left; clear: none; z-index: 1000; }

/*************************************************************** FIM ICONS ***************************************************************/

.textareadefault, .inputdefault{ width: 100%; height: 40px; text-align: left; font-weight: normal; box-sizing: border-box; border: 0; border-radius: 0px; max-width: 100%; background: transparent;}
.textareadefault{height: 132px; padding: 18px 0px 0px; resize: none;}

.wrapnavlang{opacity: 1;}
.collapsed .wrapnavlang{opacity: 1;}

.inputdefault:-webkit-autofill,
.inputdefault:-webkit-autofill:hover,
.inputdefault:-webkit-autofill:focus,
.inputdefault:-webkit-autofill:active{
    -webkit-background-clip: text;
    /*-webkit-text-fill-color: #ffffff;*/
    transition: background-color 5000s ease-in-out 0s;
}


.input--hoshi{ overflow: hidden; position: relative; float: left; width: 100%; }
.input__field--hoshi{ width:100%; padding-left: 0px; padding-top: 0px;}
.input__field--hoshi::after{ margin-top: 0px; }
.input__label--hoshi{ position:absolute;bottom:0;left:0px;padding:0;padding-left:0px;width:100%;height:100%; text-align:left; pointer-events: none; font-size: 14px; font-weight: 400; }
.input__label-content--hoshi{ position:absolute; top: 50%; padding-left: 0px; margin-top:0px; transform: translateY(-50%); }
.input--filled .input__label--hoshi{ margin-top:0px;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0); }
.textarea .input__label-content--hoshi{ position:absolute; top: 20px; padding-left: 6px; margin-top:0px; }

.input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi, .input--filled .input__label-content--hoshi{ top: 7px; font-size: 12px; }
/* .textarea .input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi, .textarea.input--filled .input__label-content--hoshi{ top:5px; font-size:9px; } */

.customcheckbox{-webkit-appearance:none; -moz-appearance:none; appearance:none; background: rgba(255, 255, 255, 0.4); position:relative; min-width: 18px; width: 18px; min-height: 18px; height: 18px; padding: 0; margin: 0 8px 0 0; float: left; transform-origin: 50%; cursor: pointer; border-radius: 100%; border: 1px solid #B4B4B4;}
.customcheckbox.branco{background: transparent;}
.customcheckbox:checked{ appearance: none; background: rgba(255, 255, 255, 0.4);}
.customcheckbox:checked::after{ content:''; background: #fff; left: 2px; top: 2px; width: calc(100% - 4px); height: calc(100% - 4px); position: absolute; border-radius: 100%;}
.divconfirmocontact .customcheckbox:checked::after{ content:''; background: #4A4A4A; left: 2px; top: 2px; width: calc(100% - 4px); height: calc(100% - 4px); position: absolute; border-radius: 100%;}
.divconfirmocontact2 .customcheckbox:checked::after{ content:''; background: #4A4A4A; left: 2px; top: 2px; width: calc(100% - 4px); height: calc(100% - 4px); position: absolute; border-radius: 100%;}

.customradio{-webkit-appearance:none; -moz-appearance:none; appearance:none; background: transparent; position:relative; min-width: 20px; width: 20px; min-height: 20px; height: 20px; padding: 0; margin: 0 12px 0 0; float: left; transform-origin: 50%; cursor: pointer; border-radius: 100%; border: 2px solid #4A4A4A;}
.customradio:checked{appearance: none; background: transparent;}
.customradio:checked::after{content:''; background: #0AA8E1; left: 2px; top: 2px; width: calc(100% - 4px); height: calc(100% - 4px); position: absolute; border-radius: 100%;}

.customcheckbox2{ -webkit-appearance:none; -moz-appearance:none; appearance:none; background: rgba(255, 255, 255, 0); position:relative; min-width: 18px; width: 18px; min-height: 18px; height: 18px; padding: 0; margin: 0 8px 0 0; float: left; transform-origin: 50%; cursor: pointer; border-radius: 100%; border: 1px solid #B4B4B4;}
.customcheckbox2.branco{background: transparent;}
.customcheckbox2:checked::after{ content:''; background: #fff; left: 2px; top: 2px; width: calc(100% - 4px); height: calc(100% - 4px); position: absolute; border-radius: 100%;}
/******************************************************* FIM ESTILOS GERAIS DO SITE *******************************************************/