/*********************************************************/
/*	STYLE CSS										 	 */
/*	DESENVOLVIDO POR: GLOBALWS							 */
/*	CEO: MICHAEL PICOLO									 */
/*********************************************************/
html, body {width:100%; height:100%; font-family: "Poppins", sans-serif;}
/*********************************************************/
:root {
	--laranja: #C56727;
	--verde: #2DB283;
}

.esquerda {width: 47%; float: left;}
.direita {width: 47%; float: right;}
.centro {width: 65%; margin: auto;}

.aparecer {display: none !important;}

.bgcover {background-repeat: no-repeat; background-size: cover; background-position: center center;}
.bg100  {background-repeat: no-repeat; background-size: 100%; background-position: center center;}

.botao-laranja {background-color: var(--laranja); color: #fff; padding: 10px 20px; border-radius: 50px; text-transform: uppercase; cursor: pointer; font-size: 1.2em; letter-spacing: 2px;}
.botao-laranja:hover {background-color: var(--verde);}
/*********************************************************/
header {width: 100%; display: table; padding: 20px 0; text-align: center;}
header .content {display: flex; align-items: center; justify-content: center; gap: 40px;}
header .logo {width: 300px; height: 120px; }
/*********************************************************/
.banner {width: 100%; display: table; padding: 60px 0; text-align: center; background-attachment: fixed;}
.banner h1 {font-weight: 700; font-size: 4em; color: #fff; padding-bottom: 20px; letter-spacing: 2px; text-transform: uppercase;}
.banner p {color: #fff; font-weight: 500; line-height: 30px;}
.banner .bt1 {width: 40%; height: 90px; background-image: url(../images/bt1.png); margin: auto;}
.banner .bt2 {width: 40%; height: 90px; background-image: url(../images/bt2.png); margin: auto;}
/*********************************************************/
.chamada { width: 100%; overflow: hidden; background-color: var(--laranja); padding: 10px 0; }
.chamada .marquee { display: flex; white-space: nowrap; overflow: hidden; }
.chamada .marquee-content { display: flex; animation: scroll-left 20s linear infinite; }
.chamada p { text-transform: uppercase; letter-spacing: 2px; color: #fff; font-weight: 600; font-size: 1.2em; margin: 0 30px; }
@keyframes scroll-left {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); }
  }
/*********************************************************/
.tela-1 {width: 100%; padding: 60px 0; text-align: center;}
.tela-1 h2 {font-size: 0.9em; font-weight: 400;}
.tela-1 .quadro {width: 80%; margin: 20px auto; padding: 15px; border-radius: 10px;  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); min-height: 240px;}
.tela-1 .quadro:hover {background-color: #f9f9f9;}
.tela-1 .icon {width: 50%; height: 120px; background-position: center center; margin: 0 auto 15px auto;}

.tela-1 .ic1 {background-image: url(../images/ic1.png);}
.tela-1 .ic2 {background-image: url(../images/ic2.png);}
.tela-1 .ic3 {background-image: url(../images/ic3.png);}
.tela-1 .ic4 {background-image: url(../images/ic4.png);}
/*********************************************************/
.tela-2 {width: 100%; display: table;}
.tela-2 p {line-height: 30px;}
/*********************************************************/
.tela-3 {width: 100%; padding: 60px 0; text-align: center;}
.tela-3 h1 {text-transform: uppercase; letter-spacing: 2px; font-weight: 700; padding-bottom: 40px;}
.tela-3 .quadro {width: 90%; margin: 20px auto; min-height: 300px; background-position: center center;}
/*********************************************************/
.tela-4 {width: 100%; display: table; padding: 40px 0; background-color: #F0F0F0; text-align: center;}
.tela-4 h1 {text-transform: uppercase; letter-spacing: 2px; font-weight: 700; padding-bottom: 40px;}
.tela-4 .foto {width: 30%; float: left; margin: 1.5%; border-radius: 10px; min-height: 220px;  transition: box-shadow 0.3s ease, transform 0.3s ease;}
.tela-4 .foto:hover { box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); transform: scale(1.02); }
.tela-4 .bt3 {width: 40%; height: 90px; background-image: url(../images/bt3.png); margin: auto;}
/*********************************************************/
.tela-5 {width: 100%; display: table; padding: 60px 0;}
.tela-5 h1 {text-transform: uppercase; letter-spacing: 2px; font-weight: 700; padding: 40px 0;}
.tela-5 p {line-height: 30px;}
/*********************************************************/
footer {width: 100%; display: table; padding-top: 30px; text-align: center; background-color: #000; color: #fff;}
footer h2 {text-transform: uppercase; letter-spacing: 2px; font-weight: 700; padding-bottom: 20px;}
footer li {display: inline-block; padding: 0 20px; font-size: 1.6em; font-weight: 900;}
footer li i {padding-right: 10px; font-size: 1.4em;}
footer p {font-size: 1.2em; letter-spacing: 2px;}
footer a {color: #fff;}
footer a:hover {color: var(--laranja); text-decoration: none;}

footer .social li {color: #fff; display: inline-block; font-size: 1.6em; padding: 0 15px;}
footer .social li:hover {color: var(--laranja);}

.fim {width: 100%; display: table; padding-bottom: 10px;}
.fim p {font-size: 0.8em; letter-spacing: 0; font-weight: 300;}
/*********************************************************/