.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-9a21ff9:#1C386D;--e-global-color-457c0fe:#0B8251;color:#000000;font-family:"Poppins", Sans-serif;font-size:13px;font-weight:400;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 h3{color:#0E3999;font-family:"Poppins", Sans-serif;font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ================================
   Cartório Brasil – Layout + Padronização
   - Responsivo
   - Sobrescreve tema
   - Padroniza labels e títulos
   Cores da marca:
   #1C386D (primária), #FAB518 (destaque), #0B8251 (acento)
===================================*/

/* Oculta totalizadores externos indesejados (compat) */
.tm-unit-price,
.tm-options-totals {
  display: none !important;
}

/* ---------- Tokens de espaçamento ---------- */
.cb-plugin-scope {
  --cb-space-xl: 24px;
  --cb-space-lg: 16px;
  --cb-space-md: 12px;
  --cb-space-sm: 8px;
  --cb-form-maxw: 800px;
  --cb-brand: #1C386D;
  --cb-accent: #0B8251;
  --cb-warn: #FAB518;
  --cb-danger: #B91C1C;
}

/* Contêiner principal do formulário */
.cb-plugin-scope .cartorio-brasil-form {
  display: block;
  max-width: var(--cb-form-maxw);
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}

/* ----------------------------------------
   TIPOGRAFIA DE TÍTULOS (Elementor-friendly)
   - H2 e H3 internos do plugin
----------------------------------------- */
.cb-plugin-scope .cb-h2 {
  margin: var(--cb-space-xl) 0 var(--cb-space-lg);
  line-height: 1.25;
}

/* Padrão de títulos de campo (H3) */
.cb-plugin-scope .cb-h3 {
  margin: var(--cb-space-lg) 0 var(--cb-space-sm);
  line-height: 1.3;
  font-weight: 700;
  color: var(--cb-brand);
  letter-spacing: .2px;
}

/* ----------------------------------------
   PADRONIZAÇÃO DE LABELS (sem alterar HTML)
   - Deixa <label for="..."> com visual de .wcpa_field_label
   - NÃO afeta labels-ação dos serviços (que usam .cb-check)
----------------------------------------- */

/* Estilo base do rótulo WCPA (mantido para compat) */
.cb-plugin-scope .wcpa_field_label {
  display: block;
  margin: 8px 0 4px;
  font-size: 1rem; /* ~16px */
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: .2px;
  color: var(--cb-brand);
}

/* Asterisco de obrigatório (WCPA) */
.cb-plugin-scope .wcpa_required_ast {
  margin-left: 4px;
  color: var(--cb-warn);
  font-weight: 700;
}

/* Se quiser que pareça um H3, sem mudar a marcação */
.cb-plugin-scope .wcpa_field_label.is-h3 {
  font-size: 1.125rem; /* ~18px */
  font-weight: 700;
  margin-top: 14px;
}

/* AQUI PADRONIZAMOS labels nativos do formulário
   para o mesmo visual de .wcpa_field_label,
   exceto labels-ação (como os de checkbox radio em .cb-check) */
.cb-plugin-scope label[for]:not(.wcpa_field_label):not(.cb-check) {
  display: block;
  margin: 8px 0 4px;
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: .2px;
  color: var(--cb-brand);
}

/* Estado de foco A11Y – como não dá pra selecionar o label quando o input foca
   (ordem varia), damos feedback no INPUT e no WRAPPER do campo */
.cb-plugin-scope .cb-field:focus-within > .wcpa_field_label,
.cb-plugin-scope .cb-field:focus-within > label[for]:not(.cb-check),
.cb-plugin-scope .cb-field:focus-within > .cb-h3 {
  color: var(--cb-accent);
}

/* Inputs em foco: feedback visual (leve) */
.cb-plugin-scope select:focus-visible,
.cb-plugin-scope input[type="text"]:focus-visible,
.cb-plugin-scope input[type="number"]:focus-visible,
.cb-plugin-scope input[type="email"]:focus-visible,
.cb-plugin-scope input[type="tel"]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--cb-accent) 30%, transparent);
  border-radius: 6px;
}

/* ----------------------------------------
   PADRONIZAÇÃO DE TÍTULO "Serviços Adicionais"
   - Visual igual ao de <h3 class="wcpa_field">Dados Complementares</h3>
----------------------------------------- */

/* Estilo “h3 de seção” usado por WCPA */
.cb-plugin-scope .wcpa_field {
  margin: var(--cb-space-lg) 0 var(--cb-space-sm);
  line-height: 1.3;
  font-size: 1.125rem; /* ~18px */
  font-weight: 700;
  letter-spacing: .2px;
  color: var(--cb-brand);
}

/* Faz o .cb-title herdar o mesmo visual de .wcpa_field */
.cb-plugin-scope .cb-servicos-adicionais .cb-title {
  margin: var(--cb-space-lg) 0 var(--cb-space-sm);
  line-height: 1.3;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: .2px;
  color: var(--cb-brand);
}

/* ----------------------------------------
   DIAGRAMAÇÃO DOS CAMPOS
----------------------------------------- */

/* Bloco de cada campo (wrapper) */
.cb-plugin-scope .cb-field {
  margin-bottom: var(--cb-space-lg);
}

/* Campos de formulário ocupam largura total */
.cb-plugin-scope select,
.cb-plugin-scope input[type="text"],
.cb-plugin-scope input[type="number"],
.cb-plugin-scope input[type="email"],
.cb-plugin-scope input[type="tel"] {
  display: block;
  width: 100%;
  padding: 10px 12px;
  margin: 0;
  box-sizing: border-box;
}

/* Texto auxiliar padrão */
.cb-plugin-scope p {
  margin: var(--cb-space-sm) 0 0;
}

/* Grupo “Não sei o nome do Cartório” */
.cb-plugin-scope .cb-field-nao-sei-cartorio .cb-label-strong {
  display: inline-flex;
  align-items: center;
  gap: var(--cb-space-sm);
  margin: var(--cb-space-sm) 0 0;
}
.cb-plugin-scope .cb-field-nao-sei-cartorio .cb-tip {
  margin: var(--cb-space-sm) 0 0;
}

/* ----------------------------------------
   SERVIÇOS ADICIONAIS (cards leves)
----------------------------------------- */
.cb-plugin-scope .cb-servicos-adicionais {
  margin-top: var(--cb-space-xl);
}
.cb-plugin-scope .cb-servicos-adicionais .cb-servico {
  padding: var(--cb-space-lg);
  margin: 0 0 var(--cb-space-lg);
  border: 1px solid color-mix(in srgb, var(--cb-brand) 8%, transparent);
  border-radius: 10px;
  background: #fff;
}
.cb-plugin-scope .cb-servicos-adicionais .cb-check {
  display: inline-flex;
  align-items: center;
  gap: var(--cb-space-sm);
  margin: 0;
  cursor: pointer;
  font-weight: 600;
}

/* Descrições/prazos */
.cb-plugin-scope .cb-servicos-adicionais .cb-desc {
  margin: var(--cb-space-sm) 0 0;
}
.cb-plugin-scope .cb-servicos-adicionais .cb-prazo {
  margin: var(--cb-space-sm) 0 0;
}

/* Subcampos (apostila/idioma) */
.cb-plugin-scope .cb-subfield {
  margin-top: var(--cb-space-md);
  padding: var(--cb-space-md);
  border-radius: 8px;
  background: color-mix(in srgb, #1C386D 4%, #fff);
}
.cb-plugin-scope .cb-subfield-label {
  display: block;
  margin: 0 0 var(--cb-space-sm);
  font-weight: 600;
  color: var(--cb-brand);
}

/* Inputs em subcampos */
.cb-plugin-scope .cb-subfield select,
.cb-plugin-scope .cb-subfield input {
  width: 100%;
  padding: 9px 12px;
  box-sizing: border-box;
}

/* ----------------------------------------
   RESUMO DO PEDIDO (apenas diagramação leve)
----------------------------------------- */
.cb-plugin-scope #cb-resumo-box {
  margin-top: var(--cb-space-xl);
  padding: var(--cb-space-lg);
  border: 1px solid color-mix(in srgb, var(--cb-brand) 10%, transparent);
  border-radius: 12px;
  background: #fff;
}
.cb-plugin-scope #cb-resumo-box .cb-resumo-title {
  margin: 0 0 var(--cb-space-md);
  color: var(--cb-brand);
  font-weight: 700;
}
.cb-plugin-scope #cb-resumo-box .cb-resumo-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cb-plugin-scope #cb-resumo-box .cb-resumo-list li {
  padding: var(--cb-space-sm) 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
  gap: var(--cb-space-sm);
  border-bottom: 1px solid color-mix(in srgb, var(--cb-brand) 8%, transparent);
}
.cb-plugin-scope #cb-resumo-box .cb-resumo-list li:last-child {
  border-bottom: none;
}
.cb-plugin-scope #cb-resumo-box .cb-resumo-total {
  margin-top: var(--cb-space-md);
  padding-top: var(--cb-space-md);
  border-top: 1px solid color-mix(in srgb, var(--cb-brand) 12%, transparent);
}

/* ----------------------------------------
   RESPONSIVO
----------------------------------------- */
@media (max-width: 640px) {
  .cb-plugin-scope {
    --cb-space-xl: 20px;
    --cb-space-lg: 14px;
    --cb-space-md: 10px;
    --cb-space-sm: 6px;
  }
  .cb-plugin-scope #cb-resumo-box {
    padding: var(--cb-space-md);
  }
  .cb-plugin-scope #cb-resumo-box .cb-resumo-list li {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* ----------------------------------------
   EXTRAS WCPA – exemplos específicos
   (pode manter/expandir conforme necessidade)
----------------------------------------- */

/* Estilo geral para labels WCPA já foi definido acima (.wcpa_field_label).
   Aqui apenas um exemplo de campo específico: */
.cb-plugin-scope label.wcpa_field_label[for="field_number-3491434144"] {
  /* Mesmo visual base; sobrescreva se necessário */
  font-size: 1rem;
  font-weight: 600;
  color: var(--cb-brand);
}

/* Se quiser que esse campo específico pareça H3 */
.cb-plugin-scope label.wcpa_field_label[for="field_number-3491434144"].is-h3 {
  font-size: 1.125rem;
  font-weight: 700;
}

/* Asterisco obrigatório com cor da marca (amarelo) */
.cb-plugin-scope label.wcpa_field_label[for="field_number-3491434144"] .wcpa_required_ast {
  color: var(--cb-warn);
}

/* Destacar o texto "Apostilamento - Válido no Exterior" */
.cb-plugin-scope #apostilamento + .cb-check-text {
  font-weight: 700;      /* negrito */
  font-size: 1.05rem;    /* um pouquinho maior */
  line-height: 1.25;
}

/* ============================
   Cartório Brasil — Tipografia unificada
   (mantém tamanhos e pesos definidos; só padroniza a FONTE)
   ============================ */

/* Fonte base usada dentro do escopo do plugin.
   Se estiver usando Elementor, tenta herdar a global; senão, herda do body. */
.cb-plugin-scope {
  --cb-font: var(--e-global-typography-text-font-family, inherit);
}

/* Títulos de seção (Localização, Serviços, Dados Complementares) */
.cb-plugin-scope h3,
.cb-plugin-scope h3.wcpa_field,
.cb-plugin-scope .cb-title,
.cb-plugin-scope .wcpa_field {
  font-family: var(--cb-font) !important;
}

/* Labels de campos (WCPA + nativos) */
.cb-plugin-scope .wcpa_field_label,
.cb-plugin-scope label {
  font-family: var(--cb-font) !important;
}

/* Texto dos toggles/checkboxes (ex.: "Apostilamento - Válido no Exterior") */
.cb-plugin-scope .cb-check .cb-check-text {
  font-family: var(--cb-font) !important;
}

/* (Opcional) garantir consistência também nos selects/inputs */
.cb-plugin-scope select,
.cb-plugin-scope input,
.cb-plugin-scope textarea {
  font-family: var(--cb-font) !important;
}/* End custom CSS */