.page.contato{max-width:640px}
.contato .back{align-self:flex-start;color:var(--yellow);font:700 14px var(--body);letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
.contato .back:hover,.contato .back:focus-visible{text-decoration:underline}
.contato h1{margin:0;font:400 clamp(34px,9vw,52px)/1 var(--display);text-transform:uppercase}
.contato .lead{margin:0;font:400 17px/1.5 var(--body)}
.contato .card{background:var(--ink);border:3px solid var(--yellow);border-radius:18px;padding:20px 18px}
.contato form{display:grid;gap:14px}
.contato label{display:grid;gap:6px}
.contato label>span{font:700 13px var(--body);letter-spacing:.06em;text-transform:uppercase}
.contato label em{font-style:normal;font-weight:400;opacity:.8;text-transform:none;letter-spacing:0}
.contato input,.contato textarea{width:100%;padding:13px 12px;background:#fff;color:#1a0000;border:2px solid var(--yellow);border-radius:10px;font:400 17px/1.4 var(--body)}
.contato textarea{resize:vertical;min-height:140px}
.contato input:focus,.contato textarea:focus{outline:3px solid #fff;outline-offset:2px}
.contato input[aria-invalid="true"],.contato textarea[aria-invalid="true"]{border-color:#ff6a6a;background:#fff3f3}
.contato .trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.contato .privacy{margin:0;font:400 14px/1.45 var(--body);opacity:.9}
.contato .send{display:block;width:100%;padding:16px 14px;background:var(--green);color:var(--ink);border:0;border-radius:12px;font:700 18px var(--body);letter-spacing:.05em;text-transform:uppercase;text-align:center;text-decoration:none;cursor:pointer}
.contato .send:hover,.contato .send:focus-visible{background:var(--yellow)}
.contato .send:focus-visible{outline:3px solid #fff;outline-offset:3px}
.contato .send[disabled]{opacity:.6;cursor:wait}
.contato .status{min-height:1.4em;margin:0;font:700 15px/1.4 var(--body)}
.contato .status.err{color:#ff9a9a}
.contato .status.ok{color:var(--green)}
.contato h2{margin:0 0 8px;font:400 clamp(26px,7vw,34px)/1 var(--display);text-transform:uppercase;color:var(--green)}
.contato .card p{margin:0 0 14px;font:400 17px/1.5 var(--body)}
.contato .alt{margin:0;font:400 15px/1.5 var(--body);text-align:center}
.contato .alt a{color:var(--yellow);font-weight:700}
