/* CONTACT */
.contact{display:flex;flex-direction:column;align-items:center}
.contact>.hand{font-size:15px}
.contact .pl-l{left:6vw;top:22%;width:220px}
.contact .pl-r{right:6vw;top:32%;width:200px}
.contact-box{position:relative;border:2px solid var(--blue);padding:6px 24px;margin-top:4px;background:rgba(255,255,255,.4)}
.contact-box .hd{border-color:var(--blue)}
.contact .pix-title{font-size:clamp(60px,7vw,100px)}
.note-form{width:min(380px,90vw);background:#f7e3a0;padding:20px;margin-top:-6px;box-shadow:0 12px 24px rgba(0,0,0,.12)}
.note-form .q{font-weight:700;font-size:10px;line-height:1.6}
.steps{position:relative;min-height:120px;margin-top:14px}
.step{display:none;flex-direction:column;gap:6px;animation:fadeUp .4s var(--ease)}
.step.on{display:flex}
.step .hand{font-size:18px}
.step input,.step textarea{background:transparent;border:0;border-bottom:1.5px dashed var(--ink);padding:8px 2px;font:inherit;font-size:14px;outline:none;resize:none}
.step input:focus,.step textarea:focus{border-bottom-style:solid}
.step.shake{animation:shake .35s}
@keyframes shake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.next{background:var(--ink);color:#fff;border:0;padding:8px 14px;font-weight:700;box-shadow:3px 3px 0 var(--blue);transition:transform .15s,box-shadow .15s}
.next:active{transform:translate(3px,3px);box-shadow:none}
.open2{margin-top:18px;font-size:16px}
.socials{display:flex;gap:26px;margin-top:14px}
.socials a{display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .3s var(--ease)}
.socials span{width:30px;height:30px;border:1.5px solid var(--ink);display:grid;place-items:center;font-size:12px;font-weight:700;background:#fff}
.socials a:hover{transform:translateY(-4px)}
.socials a:hover span{background:var(--yellow)}
.foot{margin-top:50px;color:var(--muted)}