*{text-decoration: none;margin: 0;padding: 0;box-sizing: border-box;font-family: "Poppins", system-ui;color:inherit;text-decoration: inherit;}
body{overflow-x:hidden;background:url('../img/bg_aps.webp') top fixed;background-size:cover;}
.container{max-width:1180px;margin:0 auto;padding:0 20px;}
html{scroll-behavior: smooth;overflow-x:hidden;}

:root{
    --1-color:#df4700;
    --2-color:#ee7f00;
    --3-color:#5503b4;
    --4-color:#893ae5;
    --5-color:#ffffff;
    --6-color:#000000;
}

.msg{background-color:rgba(255, 255, 255, 0.8);z-index:1000;position: fixed;top: 0;left:50%;margin:0 auto;transform: translate(-50%,0);background-color: var(--1-color);border-radius:0 0 10px 10px;
padding:10px 20px;text-align: center;color:var(--5-color);}

.hidden_right{opacity:0;transform: translateX(-100%);filter: blur(15px);}
.hidden_left{opacity:0;transform: translateX(100%);filter: blur(15px);}
.hidden_up{opacity:0;transform: translateY(-100%);filter: blur(15px);}
.show{opacity: 1;transition: all 1s;transform: translate(0%);filter:none}

.titulo{width:100%;padding:20px 0;font-size:40px;font-weight:600;line-height:50px;margin:0 auto;}
.titulo-laranja{width:100%;padding:20px 0;font-size:40px;font-weight:600;line-height:50px;margin:0 auto;background-image:linear-gradient(90deg, #ee7f00 , #df4700);background-clip:text; -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.hr-divisao{width:200px;display:block;margin:5px 0;background-image:linear-gradient(90deg, #df4700, #ee7f00);background-color: #df4700;height:10px;border:none;}

/* CSS BOTÕES */
.btn-orcamento{padding:10px 20px;background-image:linear-gradient(90deg, #ee7f00, #df4700);color:var(--5-color);border-radius:30px;display: flex;gap:5px;transition: all 1s;border:none;align-items: center;}
.btn-orcamento:hover{border:none;background-image:linear-gradient(90deg, #df4700,#ee7f00);border-radius:30px;transition: all 1s;}
.btn-orcamento i{width:20px;color:var(--5-color);}

/* DIVISÕES */
.divisao{width:100%;min-height:100vh;height:100%;position: absolute;bottom:0;}

/* CSS CABEÇALHO */
.header{width:100%;padding:40px 15px;position:absolute;z-index:10;top:0px;}
.box-header{display:flex;flex-wrap: wrap;justify-content:space-between;align-items: center;}
.logo img{width:230px;height:auto;}
.menu{max-width:70%;}
.box-menu{display:flex;align-items: center;justify-content: end;list-style: none;gap:50px;color:var(--6-color);}
.box-menu a{color:var(--6-color);}
.box-menu li:hover{border-bottom:3px solid var(--1-color);cursor: pointer;}
.scrolled{background-color:rgb(255, 255, 255, 0.9);top:0;position: fixed;padding:10px;}
.header i{font-size:20px;}
.header .btn-menu{display:none;}

/* CSS SESSÃO PRINCIPAL */
.section-topo{width:100%;min-height:100vh;height:100%;top:0;z-index:1;}
.box-section{display:flex;flex-wrap: wrap;justify-content: center;align-items: center;min-height:100vh;height:100%;position: relative;}
.txt-section{width:50%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;padding-top:50px;}
.txt-section h1{font-size:40px;background-image:linear-gradient(90deg, #ee7f00, #df4700);background-clip:text; -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.txt-section h2{font-size:22px;line-height:22px;}
.txt-section p{margin:20px auto;width:100%;line-height:18px;}
.img-section{width:50%;margin: auto;text-align: center;}
.img-section img{width:100%;}
.img-section-animate{animation:imgSection 2s alternate infinite;}
.box-double{display:flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.box-double div{display:flex;flex-wrap: wrap;justify-content:center;align-items: center;width:50%;text-align:left;}
.box-double img{width:50px;margin-right:0;margin-right:10px;}
.box-double p{font-size: 40px;font-weight:900;color:var(--1-color);width:20%;}
.box-double span{width:60%;font-weight: 500;line-height:12px;font-size:12px;}
@keyframes imgSection {
    0%{transform: translateY(-20px);}
    100%{transform: translateY(20px);}
}
/* CSS SECTION TWO */
.section-two{background-color:var(--6-color);padding:100px 10px;}
.section-two span{background-image:linear-gradient(90deg, #ee7f00, #df4700);background-clip:text;color:var(--2-color);}
.section-two p{font-size:16px;width:100%;font-weight:300;color:var(--6-color);}
.section-two .img-section img{width:100%;}
.section-two ul{display:flex;flex-wrap: wrap;justify-content:start;align-items:start;list-style-type: none;min-height:100vh;height:100%;}
.section-two li{color:var(--5-color);width:50%;text-align: center;padding:10px;}
.section-two p{color:var(--5-color);}
.section-two i{font-size:70px;padding:20px;background-image:linear-gradient(90deg, #ee7f00, #df4700);background-clip:text; -webkit-background-clip: text;-webkit-text-fill-color: transparent;}

/* CSS SESSÃO TREE */
.section-tree{min-height:100vh;height:100%;}
.section-tree span{background-image:linear-gradient(90deg, #ee7f00, #df4700);background-clip:text;color:var(--2-color);}
.section-tree p{font-size:16px;width:100%;font-weight:300;color:var(--6-color);}
.section-tree .img-section img{width:100%;}

/* CSS SESSÃO FOUR */
.section-four{padding:100px 10px;display: flex;flex-direction: column;justify-content: center;background-color:var(--5-color);}
.section-four ul{display:flex;flex-wrap:wrap;justify-content: center;align-items: center;gap:0.5%;list-style:none;height: auto;}
.section-four li{width:33%;padding:10px;margin:20px auto;text-align: center;}
.section-four img{width:100%;}

/* CSS SESSÃO PRÉ LOAD */
.sessao-loader{display: flex;justify-content: center;align-items: center;width:100%;min-height: 100vh;background-color: var(--6-color);animation: animateBG 10s linear infinite;position: fixed;z-index: 10000;} 
.loader{position: relative;width: 120px;height: 120px;}
.loader span{position: absolute;top:0;left: 0;width: 100%;height: 100%;transform: rotate(calc(18deg * var(--i)));}
.loader span::before{content: '';position: absolute;top: 0;left: 0;width: 10px;height: 10px;border-radius:50%;background-color: #ff3c00;box-shadow:0 0 10px #ff3c00,0 0 20px #ff3c00,0 0 40px #ff3c00,0 0 60px #ff3c00,0 0 80px #ff3c00,0 0 100px #ff3c00;animation: loader 1.5s alternate infinite;animation-delay: calc(0.1s * var(--i));}
@keyframes loader {
    0%{transform: scale(1);}
   80%, 100%{transform: scale(0);;}
}

.contato{background-color: #000000;padding:100px 10px;}
.box-contato{min-height:100vh;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.txt-contato{color: var(--5-color);padding:20px;width:50%;}
.box-contato form{padding:20px;background-color:var(--5-color);width:50%;border-radius: 20px;}
.box-contato form p{font-weight:500;font-size:22px;}
.box-contato label{width:100%;display: flex;flex-wrap: nowrap;align-items: center;justify-content: center;margin:10px auto;padding:10px;border:thin solid var(--5-color);}
.box-contato input, .box-contato textarea{width:100%;padding:12px;border: none;outline: none;}
.box-contato label:hover{border:thin solid var(--1-color);border-radius:10px;}
.box-contato form i{color:#df4700;}
.box-contato .btn-envia-email{background-image:linear-gradient(90deg, #ee7f00, #df4700);padding:10px;border-radius:10px;}
.box-contato .btn-envia-email:hover{border:none;}
.btn-envia-email input{background:none;color:var(--5-color);}
.btn-envia-email i{color:var(--5-color);}

footer{background-image:linear-gradient(90deg, #ee7f00, #df4700);color:var(--5-color);
text-align: center;padding:20px;}


@media (max-width:720px){
    .box-header{display:block;text-align: center;position: relative;display:flex;align-items: center;}
    .logo{margin:0 auto;}
    .logo img{width:180px;}
    .menu{background-color:var(--5-color);height:100vh;position: fixed;inset:0;width:100%;transition:all 0.5s ease-in-out;left:-100%;}
    .box-menu{width:100%;display:flex;flex-direction: column;justify-content: center;align-items: center;height:100vh;}
    .header .btn-menu{display:block;position: absolute;left:10px;}
    .show-menu{left:0;transition:all 0.5s ease-in-out;}

    .section-topo{min-height:100vh;margin:10vh auto;}
    .box-section{width:100%;display:block;height:auto;}
    .txt-section{width:100%;display:block;}
    .box-double{display:none;}
    .txt-section h1{text-align: center;margin:0 auto;}
    .img-section{width:100%;margin-top:20px;}

    .section-two{height: auto;margin:20px auto;}
    .section-two ul{display: block;height: auto;margin:20px auto;}
    .section-two li{width:100%;}

    .section-four{height: auto;}
    .section-four li{width:100%;}

    .box-contato{height: auto;display:block;padding:50px 0;}
    .txt-contato{width:100%;}
    .box-contato form{width:100%;}
}