.contacto-page{padding-top:calc(var(--nav-h) + 56px);padding-bottom:96px}.contacto-wrap{grid-template-columns:1.2fr 1fr;align-items:start;gap:48px;max-width:960px;margin:0 auto;padding:0 24px;display:grid}@media (max-width:800px){.contacto-wrap{grid-template-columns:1fr;gap:32px}}.contacto-hero{margin-bottom:32px}.contacto-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);flex-direction:column;gap:16px;padding:28px;display:flex}.contacto-field{flex-direction:column;gap:6px;display:flex}.contacto-field label{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:10px}.contacto-field input,.contacto-field select,.contacto-field textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);color:var(--text);width:100%;padding:12px 14px;font-family:Barlow,sans-serif;font-size:14px;transition:border-color .2s}.contacto-field textarea{resize:vertical;min-height:120px;font-family:inherit;line-height:1.6}.contacto-field input:focus,.contacto-field select:focus,.contacto-field textarea:focus{border-color:var(--accent);outline:none}.contacto-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:560px){.contacto-row{grid-template-columns:1fr}}.contacto-honeypot{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}.contacto-submit{justify-content:center;width:100%;margin-top:4px}.contacto-msg{border-radius:var(--r);padding:12px 14px;font-size:13px;line-height:1.5}.contacto-msg.ok{color:#065f46;background:#10b9811a;border:1px solid #10b981}.contacto-msg.err{color:#991b1b;background:#ef44441a;border:1px solid #ef4444}.contacto-aside h3{letter-spacing:.04em;margin-bottom:14px;font-family:Bebas Neue,sans-serif;font-size:20px}.contacto-aside p,.contacto-aside a{color:var(--muted);font-size:14px;line-height:1.7}.contacto-aside a{color:var(--accent);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.contacto-aside a:hover{text-decoration:underline}.contacto-aside-item{border-bottom:1px solid var(--border);padding:16px 0}.contacto-aside-item:last-child{border-bottom:none}.contacto-aside-label{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-family:IBM Plex Mono,monospace;font-size:10px}.contacto-drop{background:var(--bg);border:2px dashed var(--border);border-radius:var(--r);color:var(--muted);cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:22px 16px;transition:border-color .2s,background .2s;display:flex}.contacto-drop:hover{border-color:var(--accent);color:var(--text)}.contacto-drop.dropping{border-color:var(--accent);background:var(--surface-2);color:var(--text)}.contacto-drop svg{color:var(--accent)}.contacto-drop-text{flex-direction:column;gap:2px;display:flex}.contacto-drop-text strong{color:var(--text);font-size:13px;font-weight:600}.contacto-drop-text span{color:var(--muted);letter-spacing:.04em;font-family:IBM Plex Mono,monospace;font-size:11px}.contacto-attachments{flex-direction:column;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.contacto-att{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);grid-template-columns:1fr auto auto auto;align-items:center;gap:10px;padding:8px 12px;font-size:12px;display:grid}.contacto-att-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-weight:500;overflow:hidden}.contacto-att-size,.contacto-att-status{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:11px}.contacto-att--done .contacto-att-status{color:#10b981}.contacto-att--error .contacto-att-status{color:#ef4444}.contacto-att--uploading .contacto-att-status{color:var(--accent)}.contacto-att-remove{background:var(--surface-2);color:var(--muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;line-height:1;display:flex}.contacto-att-remove:hover{color:#fff;background:#ef4444}