html{scroll-snap-type:y mandatory}*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif}body{background-color:#000;background-repeat:no-repeat;height:100vh}.interface{max-width:1280px;margin:0 auto}.flex{display:flex}.btn-contato button{padding:10px 40px;font-size:18px;font-weight:600;background-color:#ffe600;border:0;border-radius:30px;cursor:pointer;transition:.2s}h2.titulo{color:#f0ffff;font-size:38px;text-align:center}h2.titulo span{color:#ffe600}button:hover,form .btn-enviar input:hover{box-shadow:0 0 8px #afac00;transform:scale(1.15)}html{scroll-behavior:smooth}header{padding:40px 4%}header > .interface{display:flex;align-items:center;justify-content:space-between}header a{color:#818181;text-decoration:none;display:inline-block;transition:.2s}header a:hover{color:#f0e004;transform:scale(1.25)}header nav ul{list-style-type:none}header nav ul li{display:inline-block;padding:0 70px}section.topo-do-site{padding:40px 4%}section.topo-do-site .flex{align-items:center;justify-content:center;gap:50px}.topo-do-site h1{color:#f0ffff;font-size:40px;line-height:37px}.topo-do-site .txt-topo-site h1 span{color:#ffe600}.topo-do-site .txt-topo-site p{color:#f0ffff;margin:40px 0}.topo-do-site .img-topo-site img{position:relative;animation:flutuar 2s ease-in-out infinite alternate}@keyframes flutuar{0%{top:0}100%{top:30px}}section.especialidades{padding:40px 4%}section.especialidades .flex{gap:60px}.especialidades .especialidades-box{color:#f0ffff;padding:40px;border:2px solid #cfc100;margin-top:50px;border-radius:20px;transition:.3s}.especialidades .especialidades-box:hover{transform:scale(1.15);box-shadow:0 0 15px rgba(170,159,1,0.719)}.especialidades .especialidades-box i{font-size:85px;color:#fe0}.especialidades .especialidades-box h3{font-size:28px;margin:15px 0}section.sobre{padding:40px 4%}section.sobre .flex{align-items:center;gap:60px}.sobre .txt-sobre{color:#f0ffff}.sobre .txt-sobre h2{font-size:45px;line-height:50px;margin-bottom:30px}.sobre .txt-sobre h2 span{color:#fe0;display:block;margin-left:80px}.sobre .txt-sobre p{margin:20px 0;text-align:justify;font-size:18px}.btn-social button{width:60px;height:60px;border-radius:30px;border:none;background-color:#dddd04;font-size:23px;cursor:pointer;margin:0 5px;transition:.2s}.sobre .txt-sobre .btn-more button{width:30px;height:30px;border-radius:15px;border:none;background-color:rgba(221,221,4,0.582);font-size:23px;cursor:pointer;margin:0 5px;transition:.2s}section.portfolio{padding:80px 4%;box-shadow:0 0 40px 10px rgba(165,165,4,0.247)}section.portfolio .flex{gap:25px;margin-top:60px}.img-port{width:310px;height:460px;background-size:cover;background-position:100% 0;transition:8s;cursor:pointer;border-radius:40px;position:relative;align-items:center}.img-port:hover{background-position:100% 100%}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.61);border-radius:40px;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:600;color:#f0ffff;opacity:0;transition:.5s}.overlay:hover{opacity:1}section.formulario{padding:80px 4%}form{max-width:500px;margin:0 auto;display:flex;justify-content:center;flex-direction:column;gap:10px;margin-top:40px}form input,form textarea{width:100%;background-color:rgba(255,251,0,0.048);border:0;outline:0;padding:20px 15px;border-radius:15px;color:#f0ffff;font-size:18px}form textarea{resize:none;max-height:200px}form .btn-enviar{margin-top:20px;text-align:center}form .btn-enviar input{width:120px;background-color:#ecec06;color:#000;font-weight:700;cursor:pointer;transition:.2s}footer{padding:40px 4%;box-shadow:0 0 40px 10px rgba(165,165,4,0.247)}footer .flex{justify-content:space-between}footer .line-footer{padding:20px 0}.borda{border-top:2px solid #ecec06}footer .line-footer p i{color:#ecec06;font-size:30px;margin-left:40px}footer .line-footer p a{color:#f0ffff;font-size:20px}@media screen and (max-width: 1020px){.flex{flex-direction:column}.topo-do-site .flex{flex-direction:column-reverse}h2.titulo{font-size:28px;line-height:34px}.menu-desktop,.btn-contato{display:none}section.topo-do-site .flex{gap:40px}section.topo-do-site{padding:20px 8%}.topo-do-site h1{font-size:30px}.topo-do-site .img-topo-site img{width:100%}section.especialidades{padding:40px 8%}section.sobre{padding:80px 8%}.sobre .txt-sobre h2{font-size:34px;line-height:35px;text-align:center}.btn-social{text-align:center}.img-sobre img{width:100%}section.portfolio{padding:80px 8%}.img-port{width:100%;max-width:360px;height:460px;background-size:cover;background-position:100%;transition:8s;cursor:pointer;border-radius:40px;position:relative;margin:0 auto}section.portfolio .flex{gap:60px}}