/* WhatsApp pre-form — shares the theme's design tokens (common.css :root)
   and reuses the .ct-form/.ct-field/.btn styling from the Contato page's
   CF7 form (also common.css) for the form itself. */
.wapf-back{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(8,10,22,.44);opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease;z-index:130}
.wapf-back.open{opacity:1;visibility:visible}
.wapf{position:fixed;right:24px;bottom:24px;width:360px;max-width:calc(100vw - 32px);background:var(--ink-2);color:var(--text);border:1px solid var(--line);border-radius:var(--r);box-shadow:6px 6px 0 var(--line-2),0 22px 60px rgba(8,10,22,.28);z-index:140;overflow:hidden;transform-origin:bottom right;opacity:0;visibility:hidden;transform:translateY(10px) scale(.96);transition:opacity .2s ease,transform .2s cubic-bezier(.2,.8,.3,1),visibility .2s ease}
.wapf.open{opacity:1;visibility:visible;transform:none}
.wapf-hd{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--wa);color:#fff}
.wapf-hd svg{width:20px;height:20px;flex:none}
.wapf-hd b{font-family:"IBM Plex Mono",monospace;font-size:14px;font-weight:600;letter-spacing:-.01em}
.wapf-x{margin-left:auto;background:transparent;border:0;color:#fff;font-size:20px;line-height:1;cursor:pointer;padding:2px 4px;opacity:.9}
.wapf-x:hover{opacity:1}
.wapf-bd{padding:15px 16px 17px}
.wapf-lead{margin:0 0 13px;font-size:13.5px;line-height:1.5;color:var(--muted)}
.wapf-note{margin:10px 0 0;font-size:11.5px;line-height:1.45;color:var(--muted-2);text-align:center}
@media (max-width:520px){.wapf{right:12px;left:12px;bottom:12px;width:auto;transform-origin:bottom center}}
@media (prefers-reduced-motion:reduce){.wapf,.wapf-back{transition:none}}

/* .ct-form/.ct-field come from common.css (shared with the Contato page);
   just tighten the gap for this narrower card. The submit button breaks
   from .btn-primary's blue to WhatsApp green and goes full width. */
.wapf-form{gap:12px}
.wapf-form .wapf-submit{width:100%;justify-content:center;background:var(--wa);border-color:var(--wa);color:#fff;box-shadow:3px 3px 0 rgba(20,120,60,.32)}
.wapf-form .wapf-submit:hover{background:#1fbd5b;border-color:#1fbd5b;transform:translate(-1px,-1px);box-shadow:4px 4px 0 rgba(20,120,60,.42)}
.wapf-form .wapf-submit svg{width:17px;height:17px;flex:none}