body{margin: 0px; background: #f3f3f3; color: #111111; font-size: 22px; font-family: "Roboto", sans-serif; font-weight:200;}
html{scroll-behavior: smooth;}
a, a:link, a:hover, a:visited{text-decoration: none; color: inherit;}
form{margin: 0px}
.fullLink{position: absolute; width: 100%; height: 100%; top: 0px; left: 0px}

.center{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; text-align: center}
.center img{max-width: 100%; max-height: 100%}


.btHome{border: 2px solid #FFFFFF; color: #FFFFFF; font-size: 13px; text-align: center; padding: 5px 25px; border-radius: 2px; font-weight: bold; transition: 0.3s; cursor: pointer;}
.btHome:hover{background: #FFFFFF; color: #6B6A69}
.logoHeader{height: 100px}
.header{height: 120px; padding: 15px; background: #FFFFFF; display: flex; align-items: center; justify-content: center}
h1{text-align: center; font-weight: bold; font-size: 35px; margin: 0px 0px 25px 0px; color: #f58634;}
.flex1000{width: 1250px; margin: 0px auto; display: flex; justify-content: space-between; gap: 40px}

.inicio{background: #FFFFFF; padding: 30px 15px; color: #6B6A69;}
.inicioItem{width: 190px; text-align: center}
.possibilidades{background: #4FAFE1; padding: 30px 15px; color: #FFFFFF;}
.possibilidadesItem{width: 150px; text-align: center}
.funcionalidades{background: #56BAA2; padding: 30px 15px; color: #FFFFFF;}
.funcionalidadesItem{width: 150px; text-align: center}

.sectionImg img{width: 550px}
.sectionText{text-align: justify}
 
.bgLaranja{background: #f58634; padding: 50px 0px}
.bgLaranja h1{color: #000;}

.bgAzul{background: #FFF; padding: 50px 0px}
.bgBranco{background: #EEE; padding: 50px 0px}
.icon{width: 30px; height: 30px; color: #333; margin-right: 10px;}
.contato{margin: 10px; display: flex; align-items: center;}

.mapa{width:1250px; height:600px}

.menu{display: flex; gap: 10px; align-items: center;}
.menu-item{position: relative; font-size: 20px; font-weight: bold; transition: 0.5s; padding: 5px 10px; border-radius: 4px}
.menu-item:hover{background: #f58634; color: #FFFFFF}
.menu-icon{position: relative; padding: 10px; background: #f58634; border-radius: 50%; transition: 0.3s}
.menu-icon:hover{transform: scale(1.2)}
.menu-icon img, .menu-icon svg{width: 20px; fill:#FFFFFF; height: 20px}

/***********************************************/
#initial{color: #FFFFFF; background-image: URL(img/background-initial.jpg); text-align: center; background-attachment: fixed; background-position-y: -1250px; padding: 140px 15px;}
#initial div{background-color: rgb(0 0 0 / 50%); padding: 20px;border-radius: 10px; max-width: calc(100% - 40px);}

.clientes{height: 90px;}
.flexPortifolio{width: 1250px; margin: 0px auto; padding: 50px; display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap}
.imgPortifolio{width: 295px; height: 295px; border-radius: 7px; object-fit: cover;}
.btPortifolio{background: #f58634; color: #FFFFFF; border-radius: 7px; padding: 15px 20px; width: max-content; margin: 0 auto; cursor: point; position: relative; transition: 0.3s; cursor: pointer; font-size: 20px}
.btPortifolio:hover{transform: scale(1.1); background: #000}