/*Geral
************************/

ol, ul { margin: 15px 0; }
li	{ margin: 5px 0; }
.mobile { display: none; }
.tablet { display: none; }
.desk { display: inline-block; }
.overflow { overflow: hidden; }
.align-center { text-align: center !important; }
.align-left { text-align: left !important; }
.align-right { text-align: right !important; }
.max-width { max-width: 100% !important }
.overflow-x { overflow-x: hidden !important; }

@media only screen and (max-width: 768px) {
		.desk { display: none; }
		.tablet { display: inline-block; }
}
@media only screen and (max-width: 480px) {
		.tablet { display: none; }
		.mobile { display: inline-block; }
}
.hide { display: none !important; }
.show { display: inline-block !important; }
.frostedglass { backdrop-filter:blur(5px); }
.gradient-texts {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background-clip: text !important;
  color: transparent;
}
.gradient-blue { background: linear-gradient(90deg, #00aeff, #006be4); }
.gradient-gray-left-right { background: linear-gradient(90deg, #ffffff, #f2f2f2); }
.gradient-gray-right-left { background: linear-gradient(90deg, #f2f2f2, #ffffff); }

/*Scroll bar
************************/

/* width */
::-webkit-scrollbar { width: 5px; }

/* Track */
::-webkit-scrollbar-track { background: #f1f1f1; }
 
/* Handle */
::-webkit-scrollbar-thumb { background: #ccc; border-radius: 5px; }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover { background: #888; }

	
/* REMOVE SELO GOOGLE RECAPTCHA
NA HOME E EM SINGLE PAGES
************************/

.hiderecaptcha-badge .grecaptcha-badge, .grecaptcha-badge { display: none !important; }

/*Header
************************/
	#menu-auto {transition: top 0.3s; /* Transition effect on menu when sliding down (and up) */}

/*Home
************************/
.primeira-dobra {
    background-image: url(/wp-content/uploads/2025/06/left-back_blue.webp), url(/wp-content/uploads/2025/06/right-back_blue.webp);
    background-repeat: no-repeat, no-repeat;
    background-position: 0px center, 100% center;
}
@media only screen and (max-width: 480px) {
    .primeira-dobra .descricao {
        background-color: #FFFFFFD1;
    }
}
/*Solucoes****************************/


/*Fim Solucoes ****************************/

/*Página  ****************************/


/*Fim da pág. ****************************/
	
/*Single Posts
************************/

figcaption {
    font-size: 14px;
    color: #777777;
}

/* Hover Animation for links
************************/

.underline {
  display: block;
	overflow: hidden;
}
.underline:after {
  display:block;
  content: '';
  border-bottom: solid 2px #0279FF;  
  transform: translate3d(-102%, 0, 0);  
  transition: transform 250ms ease-in-out;
}
.underline:hover:after { transform: translate3d(0, 0, 0); }

/* Fluent Forms
************************/

.fluentform .ff-el-help-message {
    color: #aba9a9;
	background-color: #f8f8f8;
	padding: 5px 10px;
}
.fluentform .ff-el-input--label.ff-el-is-required.asterisk-left label:before {
	margin-right: 0 !important;
}
.ff-el-form-check-label {
	line-height: 1.4em;		
}
.ff-message-success {
    border: 1px solid #c2efc3;
    box-shadow: 0 1px 5px rgba(0,0,0,.1);
    padding: 10px;
    background-color: #e8fbe8;
    color: green;
    text-align: center;
}
.ff-message-success p {
    margin-bottom: 0px !important;
}
.fluentform .text-danger {
    background: #fff1f1;
    padding: 10px;
    border: 1px solid #ffcece;
}

.iti--allow-dropdown input, .iti--allow-dropdown input[type=tel], .iti--allow-dropdown input[type=text], .iti--separate-dial-code input, .iti--separate-dial-code input[type=tel], .iti--separate-dial-code input[type=text] {
    padding-left: 52px !important; 
}
.selection-form .ff-el-input--label label, .radio-form .ff-el-input--label label {
    font-weight: 600 !important;
    line-height: 2em;
}
.selection-form .ff-el-input--content span, .radio-form .ff-el-input--content span {
    font-size: 14px;
}
textarea.form-message {
    padding: 20px 15px !important;
}
.fluentform .ff-el-form-check label.ff-el-form-check-label {
    cursor: pointer;
    margin-bottom: 0px !important;
}
@media only screen and (max-width: 480px) {
    .fluentform .ff-el-form-check label.ff-el-form-check-label {
        margin-bottom: 8px !important;
    }
}

/*Footer
************************/
	
a.braim img { opacity: 0.5;}
a.braim img:hover { opacity: 1; filter: invert(62%) sepia(20%) saturate(25522%) hue-rotate(338deg) brightness(74%) contrast(150%); }