/* =============== OVERLAY + CONTAINER =============== */
.usc-backdrop{position:fixed;inset:0;background:rgba(17,24,39,.55);backdrop-filter:saturate(120%) blur(2px);z-index:9998;}
.usc-modal{position:fixed;inset:0;display:grid;place-items:center;z-index:9999;padding:24px;}
.usc-backdrop[hidden],.usc-modal[hidden]{display:none!important;}

.usc-formwrap{
  width:100%;max-width:640px;background:var(--us-white,#fff);
  border-radius:20px;box-shadow:0 18px 50px rgba(0,0,0,.14);
  padding:28px 28px 24px;position:relative;
}
.usc-close{
  position:absolute;top:14px;right:16px;font-size:26px;line-height:1;
  border:0;background:transparent;cursor:pointer;color:#6B7280;
}
.usc-close:hover{color:#111827;}

.usc-title{
  margin:0 0 6px;font:800 24px/1.2 Nunito,system-ui;color:var(--us-neutral,#111827);
}
.usc-sub{
  margin:0 0 18px;font:400 14px/1.4 Nunito,system-ui;color:#4B5563;
}

/* =============== CF7 (estrutura do seu form) =============== */
/* O wrapper do seu markup CF7 deve ter a classe .cf-us */
.usc-formwrap .cf-us{ --bd:#E5E7EB; --focus:#0E5BD6; --text:#111827; --muted:#6B7280; }

/* Linhas e grid */
.usc-formwrap .cf-us .cf-row{margin-bottom:16px;}
.usc-formwrap .cf-us .cf-row.two{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
@media (max-width:620px){ .usc-formwrap .cf-us .cf-row.two{grid-template-columns:1fr;} }

/* Título/legenda do form (seu PDF) */
.usc-formwrap .cf-us .cf-legend{
  margin:0 0 10px;font:700 16px/1.3 Nunito,system-ui;color:#1F2937;
}

/* Labels e campos */
.usc-formwrap .cf-us label{display:block;font:600 13px/1.3 Nunito,system-ui;color:#374151;margin-bottom:6px;}
.usc-formwrap .cf-us .cf-input{
  min-width:100px !important;border:1px solid var(--bd);border-radius:12px;
  padding:12px 14px;font:400 15px/1.4 Nunito,system-ui;color:var(--text);
  background:#fff;outline:0;transition:border-color .15s, box-shadow .15s;
}
.usc-formwrap .cf-us .cf-input::placeholder{color:#9CA3AF;}
.usc-formwrap .cf-us .cf-input:focus{border-color:var(--focus);box-shadow:0 0 0 3px rgba(14,91,214,.16);}

/* Select com aparência igual */
.usc-formwrap .cf-us select.cf-input{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#9CA3AF 50%),linear-gradient(135deg,#9CA3AF 50%,transparent 50%),linear-gradient(to right,transparent,transparent);
  background-position:calc(100% - 18px) calc(1em + 2px),calc(100% - 13px) calc(1em + 2px),calc(100% - 2.5em) .5em;
  background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat;
}

/* Consentimentos / checkboxes */
.usc-formwrap .cf-us .cf-optin,
.usc-formwrap .cf-us .cf-consent{font:400 13px/1.5 Nunito,system-ui;color:#374151;}
.usc-formwrap .cf-us .cf-check{display:flex;gap:8px;align-items:flex-start;}
.usc-formwrap .cf-us .cf-check input{margin-top:2px;}

/* Botão enviar (primário azul arredondado, fiel ao PDF) */
.usc-formwrap .cf-us .cf-submit{
  display:block;width:100%;border:0;border-radius:14px;padding:13px 16px;cursor:pointer;
  background:var(--us-primary,#0E5BD6);color:#fff;font:800 16px/1 Nunito,system-ui;
  transition:transform .06s ease, background-color .15s ease;
}
.usc-formwrap .cf-us .cf-submit:hover{background:var(--us-primary-dark,#0B3EA8);}
.usc-formwrap .cf-us .cf-submit:active{transform:translateY(1px);}
.usc-formwrap .cf-us .cf-submit[disabled]{opacity:.65;cursor:not-allowed}

/* Mensagens CF7 pós-envio (caso você não redirecione) */
.usc-formwrap .wpcf7 form .wpcf7-response-output{margin:12px 0 0;padding:12px;border-radius:12px;font:600 14px/1.2 Nunito,system-ui;}
.usc-formwrap .wpcf7 form.sent .wpcf7-response-output{color:#065f46;border:1px solid #10b981;background:#ecfdf5;}
.usc-formwrap .wpcf7 form.invalid .wpcf7-response-output,
.usc-formwrap .wpcf7 form.failed .wpcf7-response-output{color:#b91c1c;border:1px solid #ef4444;background:#fef2f2;}
/* ---------- Cabeçalho do card ---------- */
.usc-formwrap .cf-title{
  margin:0 0 6px; font:800 24px/1.2 Nunito,system-ui;
  color:var(--us-primary,#0E5BD6);
}
.usc-formwrap .cf-sub{
  margin:0 0 18px; font:400 14px/1.5 Nunito,system-ui; color:#4B5563;
}

/* ---------- Grid / linhas ---------- */
.usc-formwrap .cf-us .cf-row{ margin-bottom:16px; }

/* ---------- Campos ---------- */
.usc-formwrap .cf-us label{
  display:block; font:600 13px/1.3 Nunito,system-ui; color:#374151; margin-bottom:6px;
}
.usc-formwrap .cf-us .cf-input{
  width:100%; height:44px; /* mesma altura visual do print */
  border:1px solid #E5E7EB; border-radius:12px;
  padding:10px 12px; font:400 15px/1.4 Nunito,system-ui; color:#111827;
  background:#fff; outline:0; transition:border-color .15s, box-shadow .15s;
}
.usc-formwrap .cf-us textarea.cf-input{ height:auto; min-height:96px; resize:vertical; }
.usc-formwrap .cf-us .cf-input::placeholder{ color:#9CA3AF; }
.usc-formwrap .cf-us .cf-input:focus{ border-color:#0E5BD6; box-shadow:0 0 0 3px rgba(14,91,214,.16); }

/* Select com “caret” sutil */
.usc-formwrap .cf-us select.cf-input{
  appearance:none;
  background-image:
    linear-gradient(45deg,transparent 50%,#9CA3AF 50%),
    linear-gradient(135deg,#9CA3AF 50%,transparent 50%),
    linear-gradient(to right,transparent,transparent);
  background-position: calc(100% - 22px) 50%, calc(100% - 16px) 50%, calc(100% - 2.4em) .5em;
  background-size: 6px 6px, 6px 6px, 1px 1.6em;
  background-repeat:no-repeat;
}

/* ---------- Checkboxes + hints ---------- */
.usc-formwrap .cf-us .cf-check input[type="checkbox"]{ accent-color:#111827; }
.usc-formwrap .cf-us .cf-check{
  display:flex; gap:8px; align-items:flex-start; font:400 13px/1.5 Nunito,system-ui; color:#374151;
}
.usc-formwrap .cf-us .cf-hint{ display:block; margin-top:4px; color:#9CA3AF; font:400 12px/1.4 Nunito,system-ui; }

/* links dentro dos textos de consentimento */
.usc-formwrap .cf-us .cf-consent a{ color:var(--us-primary,#0E5BD6); text-decoration:underline; }

/* ---------- Rodapé: captcha + ações ---------- */
.usc-formwrap .cf-us .cf-footer{
  display:flex; gap:16px; align-items:center; flex-wrap:wrap; justify-content:flex-start;
}
.usc-formwrap .cf-us .cf-captcha{
  min-width:170px; height:46px; border-radius:12px; background:#E5E7EB; /* placeholder visual igual ao print */
}

/* Botões */
.usc-formwrap .cf-us .btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  border:0; border-radius:12px; padding:12px 16px; cursor:pointer;
  font:800 15px/1 Nunito,system-ui; text-decoration:none;
  transition:transform .06s ease, background-color .15s ease, border-color .15s ease;
}
.usc-formwrap .cf-us .btn:active{ transform:translateY(1px); }

.usc-formwrap .cf-us .btn-secondary{
  background:var(--us-secondary,#F5A524); color:#111827; border:1px solid var(--us-secondary,#F5A524);
}
.usc-formwrap .cf-us .btn-secondary:hover{ filter:brightness(0.95); }

.usc-formwrap .cf-us .btn-primary{
  background:var(--us-primary,#0E5BD6); color:#fff; border:1px solid var(--us-primary,#0E5BD6);
}
.usc-formwrap .cf-us .btn-primary:hover{ background:var(--us-primary-dark,#0B3EA8); border-color:var(--us-primary-dark,#0B3EA8); }

/* Mensagens CF7 (caso não redirecione) */
.usc-formwrap .wpcf7 form .wpcf7-response-output{
  margin:12px 0 0; padding:12px; border-radius:12px; font:600 14px/1.2 Nunito,system-ui;
}
.usc-formwrap .wpcf7 form.sent .wpcf7-response-output{ color:#065f46; border:1px solid #10b981; background:#ecfdf5; }
.usc-formwrap .wpcf7 form.invalid .wpcf7-response-output,
.usc-formwrap .wpcf7 form.failed .wpcf7-response-output{ color:#b91c1c; border:1px solid #ef4444; background:#fef2f2; }
/* Card do modal */
.usc-formwrap{
  width:100%;
  max-width:640px;
  background:#fff;
  border-radius:20px;
  box-shadow:0 18px 50px rgba(0,0,0,.14);
  padding:24px;              /* ← padding exato de 24px */
  position:relative;
}

/* Mobile: vira bottom-sheet fixado embaixo */
@media (max-width: 720px){
  .usc-modal{
    display:flex;            /* substitui o grid */
    align-items:flex-end;    /* encosta embaixo */
    justify-content:center;
    padding:0;               /* sem respiro externo */
  }
  .usc-formwrap{
    max-width:none;
    width:100vw;
    border-radius:16px 16px 0 0;          /* cantos de cima arredondados */
    padding:24px;                          /* padding interno 24px */
    margin:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}
@media (max-width: 720px){
  .usc-formwrap{ animation: usc-slide-up .18s ease-out; }
  @keyframes usc-slide-up{
    from{ transform: translateY(12px); opacity:.96; }
    to{ transform: translateY(0); opacity:1; }
  }
}
.usc-formwrap .cf-us,
.usc-formwrap .cf-us * { box-sizing: border-box; }
.usc-formwrap .cf-us input.cf-input,
.usc-formwrap .cf-us textarea.cf-input,
.usc-formwrap .cf-us select.cf-input {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;          /* permite encolher em grid/flex */
  margin: 0;
}

.usc-formwrap .cf-us .cf-row.two {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);  /* <- minmax(0,1fr) é chave */
  gap: 12px;
}
.usc-formwrap .cf-us .cf-row.two > * { min-width: 0; } /* garante encolhimento */
.usc-formwrap .wpcf7,
.usc-formwrap .wpcf7 form,
.usc-formwrap .wpcf7-form,
.usc-formwrap .cf-us { margin: 0; }
.usc-formwrap { overflow-x: hidden; }
.usc-formwrap .cf-us .cf-input { height: 44px; line-height: 1.2; }
.usc-formwrap .cf-us textarea.cf-input { height: auto; min-height: 96px; }

/* Botões "Voltar" e "Enviar" centralizados em linha */
.usc-formwrap .cf-us .cf-actions{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;        /* espaço entre os botões */
  flex-wrap: nowrap;/* mantém em 1 linha */
  width: 100%;
}
.usc-formwrap .cf-us .cf-actions > *{
  flex: 0 0 auto;   /* não esticar */
}
/* ===== Overlay + Container ===== */
[data-usc-backdrop]{position:fixed;inset:0;background:rgba(17,24,39,.55);
  backdrop-filter:saturate(120%) blur(2px);z-index:100000;}
[data-usc-modal]{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;
  z-index:100001;padding:24px;}
[data-usc-modal][hidden],[data-usc-backdrop][hidden]{display:none !important;}

/* ===== Card ===== */
.usc-formwrap{
  width:100%;max-width:640px;background:#fff;border-radius:20px;
  box-shadow:0 18px 50px rgba(0,0,0,.14);
  padding:24px;               /* padding interno = 24px */
  position:relative;max-height:min(90vh,720px);overflow:auto;
}
.usc-close{position:absolute;top:14px;right:16px;font-size:26px;line-height:1;border:0;background:transparent;cursor:pointer;color:#6B7280;}
.usc-close:hover{color:#111827;}
.usc-title{margin:0 0 6px;font:800 24px/1.2 Nunito,system-ui;color:#0E5BD6;}
.usc-sub{margin:0 0 18px;font:400 14px/1.5 Nunito,system-ui;color:#4B5563;}

/* ===== Views (Form / Sucesso) ===== */
.usc-views{position:relative;}
.usc-view{display:block;}
.usc-view.is-hidden{display:none !important;}
.usc-view.is-active{display:block;}

/* ===== CF7 – Campos (como já estava) ===== */
.usc-formwrap .cf-us, .usc-formwrap .cf-us *{box-sizing:border-box;}
.usc-formwrap .cf-us .cf-row{margin-bottom:16px;}
.usc-formwrap .cf-us label{display:block;font:600 13px/1.3 Nunito,system-ui;color:#374151;margin-bottom:6px;}
.usc-formwrap .cf-us .cf-input{
  width:100%;max-width:100%;min-width:0;height:44px;margin:0;
  border:1px solid #E5E7EB;border-radius:12px;padding:10px 12px;
  font:400 15px/1.4 Nunito,system-ui;color:#111827;background:#fff;outline:0;
  transition:border-color .15s, box-shadow .15s;
}
.usc-formwrap .cf-us textarea.cf-input{height:auto;min-height:96px;resize:vertical;}
.usc-formwrap .cf-us .cf-input:focus{border-color:#0E5BD6;box-shadow:0 0 0 3px rgba(14,91,214,.16);}
.usc-formwrap .cf-us .cf-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:nowrap;width:100%;}
.usc-formwrap .cf-us .cf-actions > *{flex:0 0 auto;}
.usc-formwrap .wpcf7, .usc-formwrap .wpcf7 form, .usc-formwrap .wpcf7-form, .usc-formwrap .cf-us{margin:0;}
.usc-formwrap .cf-us .cf-row.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;}
.usc-formwrap .cf-us .cf-row.two > *{min-width:0;}
.usc-formwrap .wpcf7 form .wpcf7-response-output{margin:12px 0 0;padding:12px;border-radius:12px;font:600 14px/1.2 Nunito,system-ui;}
.usc-formwrap .wpcf7 form.sent .wpcf7-response-output{color:#065f46;border:1px solid #10b981;background:#ecfdf5;}
.usc-formwrap .wpcf7 form.invalid .wpcf7-response-output,
.usc-formwrap .wpcf7 form.failed .wpcf7-response-output{color:#b91c1c;border:1px solid #ef4444;background:#fef2f2;}

/* Botões padrão */
.usc-formwrap .cf-us .btn,
.usc-success .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border:0;border-radius:12px;padding:12px 16px;cursor:pointer;
  font:800 15px/1 Nunito,system-ui;text-decoration:none;
  transition:transform .06s ease, background-color .15s ease, border-color .15s ease;
}
.usc-formwrap .cf-us .btn:active,.usc-success .btn:active{transform:translateY(1px);}
.btn-primary{background:#0E5BD6;color:#fff;border:1px solid #0E5BD6;}
.btn-primary:hover{background:#0B3EA8;border-color:#0B3EA8;}
.btn-outline{background:#fff;color:#111827;border:1px solid #E5E7EB;}
.btn-outline:hover{border-color:#CBD5E1;background:#F8FAFC;}

/* ===== Sucesso (igual ao PDF “Fim”, dentro do modal) ===== */
.usc-success{text-align:center;padding-top:4px;}
.usc-success-title{margin:0 0 8px;font:900 clamp(22px,3.2vw,28px)/1.15 Nunito,system-ui;color:#111827;}
.usc-success-sub{margin:0 0 22px;font:400 14px/1.5 Nunito,system-ui;color:#4B5563;}
.usc-success-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}

/* ===== Mobile: bottom-sheet ===== */
@media (max-width: 720px){
  [data-usc-modal]{align-items:flex-end;justify-content:center;padding:0;}
  .usc-formwrap{
    width:100vw;max-width:none;border-radius:16px 16px 0 0;
    max-height:85vh;padding:24px;animation:usc-slide-up .18s ease-out;
    margin:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
  @keyframes usc-slide-up{from{transform:translateY(12px);opacity:.96;}to{transform:translateY(0);opacity:1;}}
}
[data-usc-view="form"].is-hidden .wpcf7-response-output{ display:none !important; }

.check{
	width: 120px;
	height: 120px;
	border-radius: 100%;
	border-r
	background: #34C759;
}

/* Check de sucesso — igual ao Figma */
.usc-success .check{
  width:120px;
  height:120px;
  border-radius:50%;
  background:#34C759;                 /* verde do Figma */
  display:grid;
  place-items:center;
  margin:0 auto 12px;                 /* centralizado + espaço abaixo */
  box-shadow:0 10px 24px rgba(52,199,89,.25); /* sombra suave */
  position:relative;
}

/* Tique branco, traço grosso */
.usc-success .check::before{
  content:"";
  width:48px;                         /* comprimento do tique */
  height:26px;                        /* altura do tique */
  border:8px solid #fff;              /* espessura do traço */
  border-top:0;
  border-right:0;
  transform:rotate(-45deg);           /* vira um “✓” */
  position:absolute;
}