/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 02 2026 | 00:01:08 */
/* Marconi Pacheco - Designer e visual front-end | https://www.linkedin.com/in/marconipacheco */

@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');

:root {
	--primaria: #004875;/*azul*/
	--secundaria: #D91018;/*vermelha*/
	--terciaria: #FF4502;/*laranjado*/
	--complementar: #009DFF/*azul claro*/
}

html {
	scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6 {
  	font-family: "Play", sans-serif;
  	font-weight: 700;
  	font-style: normal;
	margin-bottom: 10px;
}
h2 {
	color: var(--complementar);
}
h3 {
	color: var(--primaria);
}
h5 {
	color: var(--secundaria);
}

p a,
.entry-content a:not([class]) {
	text-decoration: none;
	color: var(--secundaria);
}
p a:hover {
	text-decoration: underline!important;
	color: var(--terciaria)!important;
}
main p {
	margin-bottom: 15px!important;
}

.mais-historia {
	display: none!important;
}
.mais-historia.aparecer {
	display: flex!important;
}

:where(.wp-block-columns) {
    margin-bottom: 0px;
}
 
.servicos-grupo {
	border: 1px solid transparent;
}
.servicos-grupo:hover {
	border: 1px solid #999;
}
.servicos-grupo figure {
	overflow: hidden;
	border-top-left-radius: 11px;
    border-top-right-radius: 11px;
}
.servicos-grupo img {
	transition: transform 2s, filter 1.5s ease-in-out;
    transform-origin: center center
}
.servicos-grupo:hover img {
	transform: scale(1.3);
    transform-origin: center center
}

details {
	text-align: center;
}
details:hover {
	color: var(--terciaria);
}
details p {
	color: #424242;
}
details:not([open]) {
	cursor: pointer;
}

footer .hfg-grid-bottom .component-wrap {
	justify-content: center;
}
footer a:hover {
	color: var(--complementar);
}

/*/////////////////// RESPONSIVO //////////////////////////////////*/
@media (min-width:1200px) {
}
@media (max-width:767px) {
	.wp-block-buttons {
		justify-content: center;
	}
	.wp-block-column {
		padding-left: 20px;
    	padding-right: 20px;
	}
	.secao-sobre > div,
	.secao-clientes > div {
		background-size: 60%!important;
	}
	.secao-servicos {
		background-size: auto;
   		background-repeat: repeat;
	}
	.mapa {
		max-width: 360px;
		margin: 0 auto!important;
	}
	footer p { 
		text-align: center!important;
	}
}
/* RESPONSIVO FIM*/

/*FORMULARIO*/
.wpcf7 textarea {
	max-height: 150px;    
}
.wpcf7 label,
.wpcf7 input[type="text"], 
.wpcf7 input[type="email"], 
.wpcf7 input[type="url"], 
.wpcf7 input[type="tel"], 
.wpcf7 input[type="number"], 
.wpcf7 select, 
.wpcf7 textarea {
	width: 100%;
}
.wpcf7 input {
	height: 50px;
}
.wpcf7 p {
	margin-bottom: 15px;
}
.wpcf7-form-control-wrap {
    float: left;
    width: 100%;
}
.wpcf7 form .wpcf7-response-output {
	font-size: 1.125rem;
	font-weight: 400;
	border-radius: 10px;
}
.wpcf7-not-valid-tip {
	font-size: 0.9rem;
}
/* FORM lado a lado*/
@media (min-width: 992px) {
	.wpcf7 p {
		width: 100%;
	}
	.wpcf7 p:nth-child(3),
	.wpcf7 p:nth-child(4) {
		width: 49%;
		float: left;
	}
	.wpcf7 p:nth-child(4) {
		margin-left: 2%;
	}
}
/*FORMULARIO FIM*/

/*Whatsapp*/
.whatsapp {
  position: fixed;
  right: 15px;
  bottom: 80px;
  z-index: 11;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;  
}

.whatsapp span {
  font-size: 1.1rem;
  font-weight: 400;
  color: #0a7105;
  overflow: hidden;
  border: 1px solid #ccc;
  border-radius: 50px;
  margin-right: -38px;
  background-color: #fff;
  z-index: -1;
  transition: .30s;
  width: 0px;
  height: 48px;
  line-height: 48px;
  padding: 0px 50px 0px 12px;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
  opacity: 0;
}

.whatsapp .btn-whatsapp {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 100%;
}

.whatsapp .btn-whatsapp img {
  filter: drop-shadow(0px 4px 2px rgba(0, 0, 0, .3));
}

.whatsapp .btn-whatsapp:hover+span {
  width: 160px;
  opacity: 1;
}

.whatsapp .btn-whatsapp i {
  font-size: 1.7rem;
  color: #fff;
  margin-left: 2px
}
/****ANIMATION****/
.whatsapp img {
	-webkit-animation-name: horizontal-shaking;
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease;
	-webkit-animation-delay: 0s;
}

@keyframes horizontal-shaking {
  0% { }
  5%,25% { transform: translateX(5px) }
  15%,35% { transform: translateX(-5px) }
  40% { transform: translateX(0) }
}

/*Whatsapp FIM*/