@import url(https://fonts.googleapis.com/css2?family=Dosis:wght@300;400;500;600;700;800&family=Rajdhani:wght@300;400;500;600;700&family=Rubik:wght@300;400;500;600;700&display=swap);*{padding:0;margin:0;box-sizing:border-box;font-family:Rubik,sans-serif;text-decoration:none;transition:all .3s ease}::selection{background-color:#ffaa17;color:#fff}html{scroll-behavior:smooth;line-height:1.6}body{background-color:#f0f4f9;color:#1c1e22;visibility:hidden}.loader-container{position:fixed;top:0;left:0;width:100%;height:100%;background:#1c1e22;display:flex;justify-content:center;align-items:center;z-index:9999999}.hidden{display:none}.loader{width:200px;height:10px;background:#004643;border-radius:50px;overflow:hidden}.inner_loader{width:60%;height:100%;background:#f9bc60;border-radius:50px;animation:moveLeftRight 3s ease-in-out infinite}@keyframes moveLeftRight{0%{transform:translateX(calc(-100% + 10px))}50%{transform:translateX(calc(200px - 10px))}100%{transform:translateX(calc(-100% + 10px))}}.container{width:85%;margin:auto}.btn{padding:15px 30px;color:#1c1e22;font-weight:500;background-color:#ffaa17;border-radius:10px;border:1px solid #ffaa17;cursor:pointer;transition:all .3s ease}.btn:hover{color:#ffaa17;background:#fff}header{position:fixed;top:0;left:0;right:0;z-index:1000;backdrop-filter:blur(10px);background:rgba(28,30,34,.85);box-shadow:0 4px 12px rgba(0,0,0,.1);transition:background .4s ease}header.active{background-color:#1c1e22;border-bottom:1px solid rgba(136,136,136,.3)}header nav{display:flex;justify-content:space-between;align-items:center;height:80px}header .logo a{color:#ededed;font-size:30px;font-weight:700;text-shadow:1px 1px 2px #000}header .logo a:hover{color:#ffaa17}header .nav-links a{color:#fff;margin-left:40px;padding:8px 16px;border-radius:8px;position:relative;transition:all .3s ease}header .nav-links a.active,header .nav-links a:hover{background-color:#ffaa17;color:#1c1e22;box-shadow:0 0 10px #ffaa1750}#btn-menu{display:none;font-size:30px;color:#ededed;cursor:pointer;transition:transform .3s ease}#btn-menu.fa-times{transform:rotate(90deg)}.hero{padding-top:80px;background:url(/img/hero-bg.png) no-repeat center/cover;min-height:100vh;display:flex;justify-content:center;align-items:center}.hero .container{display:flex;justify-content:space-between;align-items:center}.hero .content .btn{position:relative;top:-20px}.hero .content h4{color:#ffaa17;font-size:30px;margin-bottom:-5px}.hero .content h1{color:#fff;font-size:65px;margin:5px 0}.hero .content p{color:#e4e4e4;font-size:30px;font-weight:700;margin-bottom:70px;margin-top:-10px}.hero .hero-img img{width:450px;object-fit:cover;transition:transform .6s ease}.hero .hero-img img:hover{transform:scale(1.1)}.sobre{padding:90px 0 50px}.sobre .container{display:flex;justify-content:center}.sobre .sobre-img img{width:450px;border-radius:10px;object-fit:cover}.sobre .content{margin-left:30px}.sobre .content h1{color:#1c1e22;font-size:45px}.sobre .content h1 span{color:#ffaa17}.sobre .content h3{color:#1c1e22;font-size:20px;font-weight:600;margin-bottom:40px}.sobre .content p{color:#444;line-height:1.8;margin-bottom:70px}.servicos{background-color:#f0f4f9;padding:90px 0 50px}.servicos .sec-top{text-align:center;margin-bottom:70px}.servicos .sec-top h1{color:#1c1e22;font-size:40px}.servicos .sec-top h1 span{color:#ffaa17}.servicos .boxs{display:flex;flex-wrap:wrap;justify-content:space-between}.servicos .box{background-color:#fff;padding:40px 20px;border-radius:10px;box-shadow:0 5px 20px 0 rgba(128,112,22,.2);width:calc(33.33% - 20px);margin-bottom:40px;position:relative;top:0;transition:top .3s ease}.servicos .box:hover{top:-25px}.servicos .box i{color:#ffaa17;font-size:50px;margin-bottom:20px}.servicos .box h3{color:#1c1e22;font-size:24px;margin-bottom:20px}.servicos .box p{color:#444;margin-bottom:50px}.projetos{padding:90px 0 50px}.projetos .sec-top{text-align:center;margin-bottom:70px}.projetos .sec-top h1{color:#1c1e22;font-size:40px}.projetos .sec-top h1 span{color:#ffaa17}.projetos .boxs{display:flex;flex-wrap:wrap;justify-content:space-between}.projetos .box{width:calc(33.33% - 20px);margin-bottom:40px;position:relative;overflow:hidden;border-radius:10px}.projetos .box img{width:100%;height:250px;object-fit:cover;border-radius:10px;transition:transform .6s ease;transform-origin:center}.projetos .box:hover img{transform:scale(1.1)}.projetos .box .box-hover{position:absolute;left:0;bottom:0;width:100%;height:100%;background:rgba(17,17,17,.7);z-index:2;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .6s ease}.projetos .box:hover .box-hover{opacity:1}.projetos .box .box-hover span{color:#fff;font-size:25px}.contato{background:#f0f4f9;padding:90px 0 50px}.contato-content{text-align:center;margin-top:20px}.contato-content p{margin-bottom:20px}.contato .sec-top{text-align:center;margin-bottom:70px}.contato .sec-top h1{color:#1c1e22;font-size:40px}.contato .sec-top h1 span{color:#ffaa17}footer{background-color:#f0f4f9;padding:20px 0;text-align:center}.social-icons{display:flex;justify-content:center;gap:20px}.social-icons a{color:#333;font-size:24px;transition:color .3s ease;text-decoration:none}.social-icons a:hover{color:#ffaa17}@media (max-width:1200px){.container{width:90%}.hero .content h1{font-size:50px}.hero .content p{font-size:25px}.hero .hero-img img{width:380px}.sobre .content h3{font-size:20px}.sobre .sobre-img img{width:380px}}@media (max-width:900px){.projetos .box,.servicos .box{width:calc(50% - 20px)}.hero .content h1{font-size:40px}.hero .hero-img img{width:340px}.sobre .container{flex-direction:column;text-align:center}.sobre .sobre-img img{width:340px}.sobre .sobre-img{margin-bottom:40px}.projetos .box{margin-bottom:40px}}@media (max-width:780px){.hero .container{flex-direction:column-reverse}.hero .content{margin-top:20px;text-align:center}#btn-menu{display:block}header .nav-links{position:absolute;top:80px;left:0;width:100%;flex-direction:column;background:rgba(28,30,34,.95);backdrop-filter:blur(10px);box-shadow:0 8px 20px rgba(0,0,0,.2);display:flex;flex-direction:column;text-align:center;transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform .3s ease,opacity .3s ease;z-index:999}header .nav-links.active{transform:translateY(0);opacity:1;pointer-events:auto}header .nav-links a{margin:0;padding:18px 0;font-size:20px;border-bottom:1px solid #333;color:#fff}header .nav-links a.active,header .nav-links a:hover{background-color:#ffaa17;color:#1c1e22}}@media (max-width:670px){.servicos .box{width:100%;padding:30px 20px}.servicos .box i{font-size:40px}.servicos .box h3{font-size:20px}.servicos .box p{font-size:14px}.hero .hero-img img{width:320px}.projetos .box{width:70%}}@media (max-width:500px){.hero .hero-img img{width:280px}.projetos .box{width:100%}.social-icons{flex-direction:row;gap:10px}.social-icons a{font-size:24px}}@media (prefers-color-scheme:dark){body{background-color:#191b1d;color:#e0e0e0}header.active{background-color:#1c1e22;border-bottom:1px solid rgba(255,255,255,.1)}.btn{background-color:#ffaa17;color:#191b1d;border:none}.btn:hover{background-color:#1e1e1e;color:#ffaa17}.hero{background:url(/img/hero-bg.png) no-repeat center/cover;background-color:#1e1e1e}.hero .content h1,.hero .content p{color:#fff}.contato .sec-top h1,.projetos .sec-top h1,.servicos .sec-top h1,.sobre .content h1,.sobre .content h3{color:#fff}.contato-content p,.projetos .box-hover span,.servicos .box p,.sobre .content p{color:#ccc}.contato,.servicos,footer{background-color:#191b1d}.servicos .box{background-color:#131516;box-shadow:0 5px 20px 0 rgba(101,88,13,.02)}.servicos .box h3{color:#fff}.projetos .box .box-hover{background:rgba(0,0,0,.6)}.social-icons a{color:#ccc}.social-icons a:hover{color:#ffaa17}header .nav-links a{color:#ccc}header .nav-links a.active,header .nav-links a:hover{background-color:#ffaa17;color:#1c1e22}.loader-container{background:#191b1d}.loader{background:#303030}.inner_loader{background:#ffaa17}}