/* ===== FLOAT DE ATENDIMENTO - UX de conversao (revisao 08/09/2026) =====
   Override de CSS sobre o widget do tema (#contact-float / #button-open-contact).
   O DOM e o JS do tema continuam iguais; o JS deste snippet so acrescenta
   cabecalho, rotulos, icones e estados. ==================================== */
/* contraste no branco: --pkf-lb 6,1:1 (rotulos), --pkf-tm 5,0:1 (legenda, "com DDD", privacidade),
   --pkf-ph 3,8:1 (so placeholder, precisa ler como exemplo e nao como valor digitado) */
:root{--pkf-g1:#92643A;--pkf-g2:#795330;--pkf-tx:#2B2B2B;--pkf-lb:#6B6058;--pkf-tm:#7A6E62;--pkf-ph:#857A6F;--pkf-ln:#D9D2C9;--pkf-wa:#14804A;--pkf-wa2:#106B3E;--pkf-err:#B3261E;--pkf-w:360px;--pkf-bar:56px}

/* ---------- barra (toggle) ---------- */
#button-open-contact{font-family:Montserrat,sans-serif!important;font-weight:500!important;letter-spacing:.02em;transition:width .3s ease,box-shadow .3s ease!important;cursor:pointer}
#button-open-contact:hover{transform:none!important;box-shadow:0 10px 24px rgba(0,0,0,.18)!important}
#button-open-contact:focus-visible{outline:2px solid #fff;outline-offset:-4px}
@media(min-width:768px){
  #button-open-contact.email-open,#button-open-contact.whatsapp-open,#contact-float.open+#button-open-contact{width:var(--pkf-w)!important}
}

/* ---------- cartao ---------- */
#contact-float{display:flex!important;flex-direction:column;padding:0!important;background:linear-gradient(90deg,var(--pkf-g1),var(--pkf-g2))!important;box-shadow:0 14px 40px rgba(0,0,0,.24)!important;transition:max-height .32s ease,opacity .25s ease,transform .32s ease!important}
@media(min-width:768px){
  #contact-float{position:absolute!important;right:0;bottom:100%;width:var(--pkf-w)!important}
  #contact-float.open{max-height:min(var(--contact-height,2000px),calc(100vh - 80px))!important}
  #contact-float.email-open{overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.28) transparent}
}

/* linhas do menu */
/* display SEM !important: o snippet 12 (Parcerias) alterna as linhas com style="display:none" */
#contact-float>.contact-button{display:flex;align-items:center;gap:14px;width:100%;padding:12px 18px!important;min-height:66px;max-height:90px;box-sizing:border-box;font-family:Montserrat,sans-serif!important;font-size:14px!important;font-weight:600!important;line-height:1.2;color:#fff!important;text-align:left;border:0!important;border-bottom:1px solid rgba(255,255,255,.16)!important;background:transparent;cursor:pointer;transform:none!important;overflow:hidden;transition:max-height .3s ease,padding .3s ease,opacity .2s ease,background .2s ease!important}
#contact-float>.contact-button:hover{background:rgba(255,255,255,.09)!important;transform:none!important}
#contact-float>.contact-button:focus-visible{outline:2px solid #fff;outline-offset:-3px}
#contact-float>.contact-button img,#contact-float>.contact-button .pk-ico{flex:none;width:20px!important;height:20px!important;margin:0!important;padding:10px;box-sizing:content-box;border-radius:50%;background:rgba(255,255,255,.13);object-fit:contain}
#contact-float>.contact-button .pk-ico{fill:#fff;display:block}
#contact-float>#open-contact-whatsapp .pk-ico{background:#25D366}
#contact-float>.contact-button .pk-lbl{display:flex;flex-direction:column;gap:3px;min-width:0}
#contact-float>.contact-button .pk-sub{font-size:11px;font-weight:400;letter-spacing:.01em;color:rgba(255,255,255,.84);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#contact-float>.contact-button::after{content:'';flex:none;margin-left:auto;width:8px;height:8px;border-right:1.5px solid rgba(255,255,255,.6);border-bottom:1.5px solid rgba(255,255,255,.6);transform:rotate(-45deg)}
#contact-float>.contact-button[target="_blank"]::after{transform:rotate(-135deg) translate(1px,-1px)}
/* Parcerias (snippet 12): as 2 categorias "Sou corretor / Sou cliente" nao podem parecer canais de contato -> bloco claro */
#contact-float>#pk-parc-corretor,#contact-float>#pk-parc-cliente{background:#fff!important;color:var(--pkf-tx)!important;border-bottom:1px solid #EDE7DF!important}
#contact-float>#pk-parc-corretor:hover,#contact-float>#pk-parc-cliente:hover{background:#F8F5F0!important}
#contact-float>#pk-parc-corretor .pk-sub,#contact-float>#pk-parc-cliente .pk-sub{color:var(--pkf-lb)}
#contact-float>#pk-parc-corretor::after,#contact-float>#pk-parc-cliente::after{border-color:var(--pkf-g1)}
#contact-float>#pk-parc-cliente .pk-ico{background:#F4F0EA;fill:var(--pkf-g1)}
#contact-float>#pk-parc-corretor .pk-ico{background:#25D366;fill:#fff}
#contact-float>#pk-parc-corretor:focus-visible,#contact-float>#pk-parc-cliente:focus-visible{outline-color:var(--pkf-g1)}
/* ordem: WhatsApp primeiro (linhas da Parcerias ficam com order 0 = antes) */
#contact-float>#open-contact-whatsapp{order:1}
#contact-float>#contact-float-whatsapp{order:2}
#contact-float>a.contact-chat-sigavi{order:3}
#contact-float>a.contact-button[href^="tel:"]{order:4}
#contact-float>#open-contact-email{order:5}
#contact-float>#contact-float-email{order:6}
/* com um painel aberto, as linhas recolhem */
#contact-float.email-open>.contact-button{max-height:0!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important;opacity:0;border-bottom-width:0!important;pointer-events:none}

/* ---------- paineis (e-mail / whatsapp) ---------- */
/* position:relative e obrigatorio: a legenda .frm_screen_reader e o honeypot do Formidable sao position:absolute
   e, sem isso, usam o proprio #contact-float como referencia -> scrollHeight fantasma e o sheet rola no celular */
#contact-float .contact-float-email,#contact-float .contact-float-whatsapp{position:relative;padding:0!important;background:#fff!important;transition:max-height .32s ease,opacity .25s ease!important}
#contact-float .contact-float-email .back-arrow,#contact-float .contact-float-whatsapp .back-arrow{display:none!important}
#contact-float .form-container{width:auto!important;padding:18px 20px 20px;box-sizing:border-box}
#contact-float .form-container>p{display:none!important}

/* cabecalho */
#contact-float .pk-head{position:relative;display:flex;align-items:center;gap:12px;padding:16px 56px 16px 16px;background:linear-gradient(90deg,var(--pkf-g1),var(--pkf-g2));color:#fff;font-family:Montserrat,sans-serif}
#contact-float .pk-head .pk-eye{display:block;margin:0 0 5px;font:600 9.5px/1 Montserrat,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.88)}
#contact-float .pk-head h3{margin:0;font:600 16px/1.25 Montserrat,sans-serif;letter-spacing:.01em;color:#fff}
#contact-float .pk-head p{margin:3px 0 0;font:400 12px/1.45 Montserrat,sans-serif;color:rgba(255,255,255,.92);display:block!important;text-align:left}
#contact-float .pk-back,#contact-float .pk-close{flex:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;cursor:pointer;padding:0;transition:background .2s}
#contact-float .pk-back:hover,#contact-float .pk-close:hover{background:rgba(255,255,255,.26)}
#contact-float .pk-back:focus-visible,#contact-float .pk-close:focus-visible{outline:2px solid #fff;outline-offset:2px}
#contact-float .pk-back svg,#contact-float .pk-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#contact-float .pk-close{position:absolute;top:50%;right:12px;transform:translateY(-50%);background:transparent}

/* campos */
#contact-float .frm_forms{font-family:Montserrat,sans-serif}
#contact-float .frm_form_field{margin:0 0 14px!important;padding:0!important}
/* rotulos em caixa normal, 13px, escuros: caixa alta pequena com tracking largo lia mal (feedback dele 06/09) */
#contact-float .contact_input label.frm_primary_label{display:block!important;margin:0 0 6px!important;font:600 13px/1.3 Montserrat,sans-serif!important;letter-spacing:0;text-transform:none;color:var(--pkf-tx)!important}
#contact-float .contact_input label.frm_primary_label small{font-size:12px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--pkf-lb);margin-left:5px}
#contact-float .contact_input label .frm_required{display:inline!important;color:var(--pkf-g1)!important;margin-left:2px;font-weight:600;letter-spacing:0}
#contact-float .pk-req{margin:-4px 0 12px;font:400 12px/1.4 Montserrat,sans-serif;color:var(--pkf-lb)}
/* campos no modelo do widget das LPs (caixa 50px, borda 1.5px, raio 3px) */
#contact-float .contact_input input{display:block;width:100%!important;max-width:none!important;height:50px!important;padding-top:0!important;padding-right:14px!important;padding-bottom:0!important;padding-left:14px;margin:0!important;border:1.5px solid var(--pkf-ln)!important;border-radius:3px!important;background:#fff!important;box-shadow:none!important;font:400 16px/1.2 Montserrat,sans-serif!important;color:var(--pkf-tx)!important;-webkit-appearance:none;appearance:none;transition:border-color .2s,box-shadow .2s,background .2s}
#contact-float .contact_input input::placeholder{font:400 16px/1.2 Montserrat,sans-serif!important;color:var(--pkf-ph)!important;opacity:1}
/* a legenda de campos obrigatorios acima dos campos saiu em 06/09/2026 (pedido dele): o asterisco no rotulo ja diz isso */
#contact-float .contact_input input:focus{outline:none!important;border-color:var(--pkf-g1)!important;box-shadow:0 0 0 3px rgba(146,100,58,.18)!important}
#contact-float .frm_blank_field input{border-color:var(--pkf-err)!important;background:#FCF6F5!important}
#contact-float .frm_blank_field input:focus{box-shadow:0 0 0 3px rgba(179,38,30,.15)!important}
#contact-float .contact_input label.frm_primary_label{margin-bottom:6px!important}
#contact-float .frm_error{margin:5px 0 0!important;padding:0!important;font:400 11.5px/1.35 Montserrat,sans-serif!important;color:var(--pkf-err)!important;background:none!important;border:0!important}
#contact-float .frm_error_style{margin:0 0 14px!important;padding:10px 12px!important;font:400 12px/1.4 Montserrat,sans-serif!important;color:var(--pkf-err)!important;background:#FCF3F2!important;border:0!important;border-left:3px solid var(--pkf-err)!important;border-radius:0!important}

/* consentimento (form de e-mail) */
#contact-float .contact_option{margin:2px 0 16px!important}
#contact-float .contact_option .frm_primary_label{margin:0 0 8px!important;font:600 13px/1.35 Montserrat,sans-serif!important;color:var(--pkf-tx)!important;letter-spacing:0;text-transform:none}
#contact-float .contact_option .frm_primary_label .frm_required{display:inline!important;color:var(--pkf-g1)!important;margin-left:2px}
#contact-float .contact_option .frm_opt_container{gap:22px}
#contact-float .contact_option .frm_radio label{margin:0!important;max-width:none!important;font:400 14px/1 Montserrat,sans-serif!important;color:var(--pkf-tx)!important;cursor:pointer}
#contact-float .contact_option .frm_radio input[type="radio"]{-webkit-appearance:none;appearance:none;width:16px!important;height:16px!important;min-width:16px!important;margin:0 7px 0 0!important;border:1.5px solid var(--pkf-ln)!important;border-radius:50%;background:#fff;cursor:pointer;position:relative;transition:border-color .2s}
#contact-float .contact_option .frm_radio input[type="radio"]:checked{border-color:var(--pkf-g1)!important}
#contact-float .contact_option .frm_radio input[type="radio"]::before{content:''!important;display:block!important;position:absolute!important;inset:3px!important;top:3px!important;left:3px!important;right:3px!important;bottom:3px!important;border-radius:50%!important;background:var(--pkf-g1)!important;border:0!important;margin:0!important;width:auto!important;height:auto!important;opacity:1!important;transform:scale(0)!important;transition:transform .15s}
#contact-float .contact_option .frm_radio input[type="radio"]:checked::before{transform:scale(1)!important}
#contact-float .contact_option .frm_radio input[type="radio"]{border-width:1.5px!important}
#contact-float .contact_option .frm_radio input[type="radio"]:focus-visible{outline:2px solid var(--pkf-g1);outline-offset:2px}

/* privacidade */
#contact-float .contact_text{margin:0 0 14px!important}
#contact-float .contact_text p{display:block!important;position:relative;margin:0!important;padding:0 0 0 18px;font:400 12px/1.55 Montserrat,sans-serif!important;color:var(--pkf-lb)!important;text-align:left!important}
#contact-float .contact_text p::before{content:'';position:absolute;left:0;top:2px;width:11px;height:12px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239B8E7E' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><rect x='4' y='11' width='16' height='10' rx='2'/><path d='M8 11V7a4 4 0 018 0v4'/></svg>") no-repeat center/contain}
#contact-float .contact_text strong{font-weight:600!important;color:var(--pkf-tx)}
#contact-float .contact_text a{color:var(--pkf-tx)!important;text-decoration:underline;text-underline-offset:2px}

/* CTA */
#contact-float .contact_button{margin:0!important}
#contact-float .contact_button .frm_submit{margin:0!important}
#contact-float .contact_button button{display:flex!important;align-items:center;justify-content:center;gap:10px;width:100%!important;height:52px!important;margin:0!important;padding:0 12px!important;border:0!important;border-radius:0!important;background:var(--pkf-g1)!important;color:#fff!important;font:600 12px/1 Montserrat,sans-serif!important;letter-spacing:.06em!important;text-transform:uppercase!important;white-space:nowrap;cursor:pointer;box-shadow:none;transition:background .2s,box-shadow .2s!important}
/* honeypot do Formidable (o site ja esconde por script inline; garantia) */
#contact-float input.frm_verify,#contact-float label[for]:has(+input.frm_verify),#contact-float div:has(>input.frm_verify){visibility:hidden!important;position:absolute!important;width:0!important;height:0!important;overflow:hidden!important;margin:0!important}
#contact-float .contact_button button:hover{background:var(--pkf-g2)!important;color:#fff!important}
#contact-float .contact_button button:focus-visible{outline:2px solid var(--pkf-g1);outline-offset:2px}
#contact-float .contact_button button svg{width:18px;height:18px;flex:none;fill:currentColor}
#contact-float-whatsapp .contact_button button{background:var(--pkf-wa)!important;box-shadow:0 8px 20px rgba(20,128,74,.22)}
#contact-float-whatsapp .contact_button button:hover{background:var(--pkf-wa2)!important}
#contact-float .frm_loading_form .contact_button button{color:transparent!important}
#contact-float .frm_loading_form .contact_button button svg{opacity:0}

/* sucesso do e-mail (mensagem do Formidable) */
#contact-float .frm_message{margin:0!important;padding:26px 16px 30px!important;border:0!important;background:transparent!important;text-align:center;font:400 14px/1.55 Montserrat,sans-serif!important;color:var(--pkf-tx)!important}
#contact-float .frm_message::before{content:'';display:block;width:52px;height:52px;margin:0 auto 14px;border-radius:50%;background:rgba(20,128,74,.1) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314804A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12.5l4.5 4.5L19 7.5'/></svg>") no-repeat center/24px}
#contact-float .frm_message p{margin:0!important;font:inherit!important;color:inherit!important;text-align:center!important;display:block!important}
#contact-float .frm_message p+p{margin-top:6px!important}

/* whatsapp: estado "abrindo" */
#contact-float .pk-redir{padding:26px 16px 30px;text-align:center;font-family:Montserrat,sans-serif}
#contact-float .pk-spin{width:30px;height:30px;margin:0 auto 14px;border:2.5px solid rgba(0,0,0,.08);border-top-color:var(--pkf-wa);border-radius:50%;animation:pkfspin .8s linear infinite}
#contact-float .pk-redir h4{margin:0 0 6px;font:600 16px/1.25 Montserrat,sans-serif;color:var(--pkf-tx)}
#contact-float .pk-redir p{margin:0;font:400 13px/1.55 Montserrat,sans-serif;color:var(--pkf-lb);text-align:center;display:block!important}
#contact-float .pk-redir a{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;height:44px;padding:0 18px;border:1.5px solid var(--pkf-wa);color:var(--pkf-wa);font:600 11.5px/1 Montserrat,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:background .2s,color .2s}
#contact-float .pk-redir a:hover{background:var(--pkf-wa);color:#fff}
#contact-float .pk-redir a svg{width:16px;height:16px;fill:currentColor}
@keyframes pkfspin{to{transform:rotate(360deg)}}

/* ---------- form 4 "Seu primeiro passo comeca aqui" (home + fichas) ----------
   As regras de campos/consentimento/privacidade/CTA/sucesso acima sao replicadas pelo
   build-snippet.pl trocando #contact-float por #frm_form_4_container. Aqui so o especifico. */
#frm_form_4_container{font-family:Montserrat,sans-serif}
#frm_form_4_container .pk-req{margin:0 0 12px}
/* "Site/URL" x2: campos-armadilha de spam que o tema deixou visiveis - somem do fluxo, seguem no HTML */
#frm_form_4_container #frm_field_72_container,#frm_form_4_container #frm_field_73_container,#frm_form_4_container .frm_form_field:has(>input[type="url"]){position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;margin:0!important;padding:0!important;opacity:0}
/* CTA preto (pedido dele, 06/09): branco sobre #000 = 21:1 */
/* titulo da secao: o JS troca o texto; ate la fica invisivel por no maximo 1,2 s (se o JS falhar, aparece o original) */
section:has(#frm_form_4_container) h2,section:has(#frm_form_4_container) h2+p{opacity:0;animation:pkfReveal .01s linear 1.2s forwards}
section:has(#frm_form_4_container) h2.pk-ready,section:has(#frm_form_4_container) h2+p.pk-ready{opacity:1;animation:none}
@keyframes pkfReveal{to{opacity:1}}
/* dois ids: precisa vencer a regra dourada derivada, que o build acrescenta depois deste bloco */
#frm_form_4_container #form_contato .contact_button button{height:54px!important;font-size:13px!important;letter-spacing:.16em!important;background:#000!important;color:#fff!important;box-shadow:none!important}
#frm_form_4_container #form_contato .contact_button button:hover{background:#2B2B2B!important}
#frm_form_4_container #form_contato .contact_button button:focus-visible{outline:2px solid #000;outline-offset:3px}
#frm_form_4_container .contact_button button svg{width:18px;height:18px}
#frm_form_4_container .frm_message{padding:30px 8px!important}

/* botao "Conheca o guia de <bairro>" (fichas): o tema poe width:auto inline num display:flex,
   o que vira faixa de 100%. Aqui ele volta a ser um botao centralizado com a largura do texto. */
section a[href*="/bairros/"][target="_blank"].mx-auto{display:flex!important;width:max-content!important;min-width:0!important;max-width:calc(100% - 32px)!important;height:52px!important;margin:56px auto 0!important;padding:0 32px!important;font:600 12.5px/52px Montserrat,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase;text-align:center;white-space:normal;color:#fff!important;background:#2F4A3E!important;border-radius:0;transition:background .2s,transform .2s}
section a[href*="/bairros/"][target="_blank"].mx-auto:hover{background:#24382F!important;transform:translateY(-1px)}
@media(max-width:767px){section a[href*="/bairros/"][target="_blank"].mx-auto{margin-top:40px!important;padding:0 22px!important;font-size:11.5px!important;line-height:1.3!important;height:auto!important;min-height:52px!important;align-items:center}}

/* celular: o bloco "Fale com um corretor" tem que caber numa tela (pedido dele 06/09).
   Dois ids nas regras de campo para vencer as derivadas, que o build poe no fim. */
@media(max-width:767px){
  section:has(#frm_form_4_container){padding-top:32px!important;padding-bottom:32px!important}
  section:has(#frm_form_4_container) .gap-16{gap:32px!important} /* 06/09 noite: era 20px; uma linha entre a frase e o campo Nome (pedido dele) */
  section:has(#frm_form_4_container) h2{font-size:24px!important;line-height:1.25!important;margin:0 0 6px!important}
  section:has(#frm_form_4_container) h2+p{font-size:13px!important;line-height:1.45!important;letter-spacing:.02em!important;margin:0!important}
  #frm_form_4_container #form_contato .frm_fields_container::before{margin-bottom:8px}
  #frm_form_4_container #form_contato .frm_form_field{margin:0 0 10px!important}
  #frm_form_4_container #form_contato .contact_input label.frm_primary_label{margin-bottom:4px!important}
  #frm_form_4_container #form_contato .contact_input input{height:46px!important}
  #frm_form_4_container #form_contato .contact_option{margin:0 0 10px!important}
  #frm_form_4_container #form_contato .contact_option .frm_primary_label{margin-bottom:6px!important}
  #frm_form_4_container #form_contato .contact_text{margin:0 0 10px!important}
  #frm_form_4_container #form_contato .contact_text p{font-size:11.5px!important;line-height:1.45!important}
  #frm_form_4_container #form_contato .contact_button button{height:50px!important}
}

/* ---------- /contato/ (form 5, #form_contact-page): mesmo padrao + select, textarea e radios em grade ---------- */
#frm_form_5_container{font-family:Montserrat,sans-serif}
#frm_form_5_container #form_contact-page .contact_button button{height:54px!important;font-size:13px!important;letter-spacing:.16em!important;background:#000!important;color:#fff!important;box-shadow:none!important}
#frm_form_5_container #form_contact-page .contact_button button:hover{background:#2B2B2B!important}
#frm_form_5_container .contact_input select{display:block;width:100%!important;max-width:none!important;height:50px!important;padding:0 40px 0 14px!important;margin:0!important;border:1.5px solid var(--pkf-ln)!important;border-radius:3px!important;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B6058' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") no-repeat right 14px center/14px!important;font:400 16px/1.2 Montserrat,sans-serif!important;color:var(--pkf-tx)!important;-webkit-appearance:none;appearance:none;box-shadow:none!important;outline:none!important}
#frm_form_5_container .contact_input select:focus{border-color:var(--pkf-g1)!important;box-shadow:0 0 0 3px rgba(146,100,58,.18)!important}
#frm_form_5_container .contact_input select:has(option:first-child:checked){color:var(--pkf-ph)!important}
#frm_form_5_container .contact_textarea{margin:0 0 14px!important;padding:0!important}
#frm_form_5_container .contact_textarea label.frm_primary_label{display:block!important;margin:0 0 6px!important;font:600 13px/1.3 Montserrat,sans-serif!important;letter-spacing:0;text-transform:none;color:var(--pkf-tx)!important}
#frm_form_5_container .contact_textarea label .frm_required{display:inline!important;color:var(--pkf-g1)!important;margin-left:2px;font-weight:600}
#frm_form_5_container .contact_textarea textarea{display:block;width:100%!important;max-width:none!important;min-height:120px;padding:12px 14px!important;margin:0!important;border:1.5px solid var(--pkf-ln)!important;border-radius:3px!important;background:#fff!important;font:400 16px/1.45 Montserrat,sans-serif!important;color:var(--pkf-tx)!important;box-shadow:none!important;resize:vertical;transition:border-color .2s,box-shadow .2s}
#frm_form_5_container .contact_textarea textarea::placeholder{font:400 16px/1.45 Montserrat,sans-serif!important;color:var(--pkf-ph)!important;opacity:1}
#frm_form_5_container .contact_textarea textarea:focus{outline:none!important;border-color:var(--pkf-g1)!important;box-shadow:0 0 0 3px rgba(146,100,58,.18)!important}
#frm_form_5_container .frm_blank_field textarea{border-color:var(--pkf-err)!important;background:#FCF6F5!important}
#frm_form_5_container .contact_option .frm_opt_container{flex-wrap:wrap;gap:10px 22px;align-items:center!important}
#frm_form_5_container .contact_option .frm_radio{margin:0!important}
#frm_form_5_container .contact_option .frm_radio label{white-space:nowrap}
/* Telefone e E-mail lado a lado (frm6): o grid do Formidable ja faz .frm6 = span 6 de 12
   colunas (metade), com gap proprio e empilhando sozinho no mobile. O width:calc(50%-8px)
   antigo (era layout flex/float) virava 50% da PROPRIA celula ja-metade -> ~84px, colapsando
   Telefone e E-mail. Deixar o grid cuidar da largura, do respiro e do empilhar. */
#frm_form_5_container .frm6{width:auto!important;margin:0!important}
#frm_form_5_container .frm6.frm_first{margin:0!important}
@media(max-width:767px){
  #frm_form_5_container #form_contact-page .frm_form_field{margin:0 0 10px!important}
  #frm_form_5_container #form_contact-page .contact_input input,#frm_form_5_container #form_contact-page .contact_input select{height:46px!important}
  #frm_form_5_container #form_contact-page .contact_button button{height:50px!important}
}

/* ---------- banner de video da home no celular: meio-termo de 300px (pedido dele 06/09) ----------
   150px (proporcao do video, snippet 11) era baixo; 472px com cover virou close no rosto. A 300px o
   recorte mostra metade do quadro: a mulher do busto para cima e o skyline. Seletores com `html` e as
   duas classes do video para vencer o snippet 11, que forca contain/static com !important. */
@media(max-width:768px){
  html .video-background-container:has(video.js-banner-video){height:300px!important;position:relative!important;overflow:hidden!important}
  html .video-background-container:has(video.js-banner-video) video.js-banner-video.banner-video-element{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;object-fit:cover!important;object-position:50% 50%!important;transform:none!important;display:block!important}
}

/* ---------- seletor de pais (intl-tel-input) ---------- */
#contact-float .iti{display:block;width:100%;--iti-border-color:var(--pkf-ln);--iti-hover-color:#F4F0EA;--iti-country-selector-bg:#fff;--iti-icon-color:var(--pkf-lb)}
#contact-float .iti__country-container{padding:0 0 0 12px;top:0;bottom:0;left:0}
#contact-float .iti__selected-country{background:transparent!important;border:0;padding:0 8px 0 0;height:100%;font-family:Montserrat,sans-serif}
#contact-float .iti__selected-country-primary{padding:0 6px 0 0}
#contact-float .iti__selected-dial-code{margin-left:6px;font:400 16px/1 Montserrat,sans-serif;color:var(--pkf-tx)}
#contact-float .iti__arrow{border-top-color:var(--pkf-lb)}
.iti--detached-country-selector{z-index:100000!important;font-family:Montserrat,sans-serif}
.iti--detached-country-selector .iti__country-selector{border-radius:0;box-shadow:0 12px 32px rgba(0,0,0,.18)}
.iti--detached-country-selector .iti__country-list{font-size:14px;color:var(--pkf-tx)}
.iti--detached-country-selector .iti__country{padding:9px 12px;font-family:Montserrat,sans-serif}
.iti--detached-country-selector .iti__dial-code{color:var(--pkf-tm)}
.iti--detached-country-selector .iti__search-input{font:400 15px/1.2 Montserrat,sans-serif;color:var(--pkf-tx);padding:10px 12px;border:0;outline:none}
.iti--detached-country-selector .iti__country.iti__highlight{background:#F4F0EA}
.iti--fullscreen-popup.iti--detached-country-selector .iti__country{padding:13px 14px;font-size:16px}

/* ---------- celular: bottom sheet ---------- */
.pk-fbd{display:none}
@media(max-width:767px){
  .pk-fbd{display:block;position:fixed;inset:0;z-index:1;background:rgba(20,14,10,.5);opacity:0;pointer-events:none;transition:opacity .3s ease}
  .pk-open .pk-fbd{opacity:1;pointer-events:auto}
  .pk-open{z-index:60!important}
  #contact-float{bottom:calc(var(--pkf-bar) + env(safe-area-inset-bottom,0px))!important;border-radius:16px 16px 0 0;overflow:hidden!important;-webkit-overflow-scrolling:touch}
  /* so rola com um painel (formulario) aberto; no menu de canais nada pode deslizar */
  #contact-float.email-open{overflow-y:auto!important}
  #contact-float.open{max-height:min(var(--contact-height,2000px),calc(100vh - var(--pkf-bar) - 8px))!important;max-height:min(var(--contact-height,2000px),calc(100dvh - var(--pkf-bar) - 8px))!important}
  #contact-float .pk-head{padding:18px 56px 16px 16px}
  #contact-float .form-container{padding:16px 16px 18px}
  #button-open-contact{min-height:var(--pkf-bar);box-sizing:border-box}
  #button-open-contact.float-open,#button-open-contact.email-open,#button-open-contact.whatsapp-open{height:auto!important;padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px))!important;justify-content:flex-start;box-shadow:none!important}
  #button-open-contact.float-open span,#button-open-contact.email-open span,#button-open-contact.whatsapp-open span,
  #button-open-contact.float-open img.arrow,#button-open-contact.email-open img.arrow,#button-open-contact.whatsapp-open img.arrow{display:block!important}
  #button-open-contact.float-open img.icon,#button-open-contact.email-open img.icon,#button-open-contact.whatsapp-open img.icon{margin-right:12px!important;width:26px;height:26px}
  #button-open-contact.float-open img.arrow,#button-open-contact.email-open img.arrow,#button-open-contact.whatsapp-open img.arrow{margin-left:auto!important}
}
@media(prefers-reduced-motion:reduce){
  #contact-float,#contact-float>.contact-button,#contact-float .contact-float-email,#contact-float .contact-float-whatsapp,#button-open-contact,.pk-fbd{transition:none!important}
  #contact-float .pk-spin{animation:none}
}

/* ---------- forms 4 e 5: regras derivadas do widget (geradas pelo build-snippet.pl) ---------- */
#frm_form_4_container .frm_forms{font-family:Montserrat,sans-serif}
#frm_form_5_container .frm_forms{font-family:Montserrat,sans-serif}
#frm_form_4_container .frm_form_field{margin:0 0 14px!important;padding:0!important}
#frm_form_5_container .frm_form_field{margin:0 0 14px!important;padding:0!important}
#frm_form_4_container .contact_input label.frm_primary_label{display:block!important;margin:0 0 6px!important;font:600 13px/1.3 Montserrat,sans-serif!important;letter-spacing:0;text-transform:none;color:var(--pkf-tx)!important}
#frm_form_5_container .contact_input label.frm_primary_label{display:block!important;margin:0 0 6px!important;font:600 13px/1.3 Montserrat,sans-serif!important;letter-spacing:0;text-transform:none;color:var(--pkf-tx)!important}
#frm_form_4_container .contact_input label.frm_primary_label small{font-size:12px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--pkf-lb);margin-left:5px}
#frm_form_5_container .contact_input label.frm_primary_label small{font-size:12px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--pkf-lb);margin-left:5px}
#frm_form_4_container .contact_input label .frm_required{display:inline!important;color:var(--pkf-g1)!important;margin-left:2px;font-weight:600;letter-spacing:0}
#frm_form_5_container .contact_input label .frm_required{display:inline!important;color:var(--pkf-g1)!important;margin-left:2px;font-weight:600;letter-spacing:0}
#frm_form_4_container .pk-req{margin:-4px 0 12px;font:400 12px/1.4 Montserrat,sans-serif;color:var(--pkf-lb)}
#frm_form_5_container .pk-req{margin:-4px 0 12px;font:400 12px/1.4 Montserrat,sans-serif;color:var(--pkf-lb)}
#frm_form_4_container .contact_input input{display:block;width:100%!important;max-width:none!important;height:50px!important;padding-top:0!important;padding-right:14px!important;padding-bottom:0!important;padding-left:14px;margin:0!important;border:1.5px solid var(--pkf-ln)!important;border-radius:3px!important;background:#fff!important;box-shadow:none!important;font:400 16px/1.2 Montserrat,sans-serif!important;color:var(--pkf-tx)!important;-webkit-appearance:none;appearance:none;transition:border-color .2s,box-shadow .2s,background .2s}
#frm_form_5_container .contact_input input{display:block;width:100%!important;max-width:none!important;height:50px!important;padding-top:0!important;padding-right:14px!important;padding-bottom:0!important;padding-left:14px;margin:0!important;border:1.5px solid var(--pkf-ln)!important;border-radius:3px!important;background:#fff!important;box-shadow:none!important;font:400 16px/1.2 Montserrat,sans-serif!important;color:var(--pkf-tx)!important;-webkit-appearance:none;appearance:none;transition:border-color .2s,box-shadow .2s,background .2s}
#frm_form_4_container .contact_input input::placeholder{font:400 16px/1.2 Montserrat,sans-serif!important;color:var(--pkf-ph)!important;opacity:1}
#frm_form_5_container .contact_input input::placeholder{font:400 16px/1.2 Montserrat,sans-serif!important;color:var(--pkf-ph)!important;opacity:1}
#frm_form_4_container .contact_input input:focus{outline:none!important;border-color:var(--pkf-g1)!important;box-shadow:0 0 0 3px rgba(146,100,58,.18)!important}
#frm_form_5_container .contact_input input:focus{outline:none!important;border-color:var(--pkf-g1)!important;box-shadow:0 0 0 3px rgba(146,100,58,.18)!important}
#frm_form_4_container .frm_blank_field input{border-color:var(--pkf-err)!important;background:#FCF6F5!important}
#frm_form_5_container .frm_blank_field input{border-color:var(--pkf-err)!important;background:#FCF6F5!important}
#frm_form_4_container .frm_blank_field input:focus{box-shadow:0 0 0 3px rgba(179,38,30,.15)!important}
#frm_form_5_container .frm_blank_field input:focus{box-shadow:0 0 0 3px rgba(179,38,30,.15)!important}
#frm_form_4_container .contact_input label.frm_primary_label{margin-bottom:6px!important}
#frm_form_5_container .contact_input label.frm_primary_label{margin-bottom:6px!important}
#frm_form_4_container .frm_error{margin:5px 0 0!important;padding:0!important;font:400 11.5px/1.35 Montserrat,sans-serif!important;color:var(--pkf-err)!important;background:none!important;border:0!important}
#frm_form_5_container .frm_error{margin:5px 0 0!important;padding:0!important;font:400 11.5px/1.35 Montserrat,sans-serif!important;color:var(--pkf-err)!important;background:none!important;border:0!important}
#frm_form_4_container .frm_error_style{margin:0 0 14px!important;padding:10px 12px!important;font:400 12px/1.4 Montserrat,sans-serif!important;color:var(--pkf-err)!important;background:#FCF3F2!important;border:0!important;border-left:3px solid var(--pkf-err)!important;border-radius:0!important}
#frm_form_5_container .frm_error_style{margin:0 0 14px!important;padding:10px 12px!important;font:400 12px/1.4 Montserrat,sans-serif!important;color:var(--pkf-err)!important;background:#FCF3F2!important;border:0!important;border-left:3px solid var(--pkf-err)!important;border-radius:0!important}
#frm_form_4_container .contact_option{margin:2px 0 16px!important}
#frm_form_5_container .contact_option{margin:2px 0 16px!important}
#frm_form_4_container .contact_option .frm_primary_label{margin:0 0 8px!important;font:600 13px/1.35 Montserrat,sans-serif!important;color:var(--pkf-tx)!important;letter-spacing:0;text-transform:none}
#frm_form_5_container .contact_option .frm_primary_label{margin:0 0 8px!important;font:600 13px/1.35 Montserrat,sans-serif!important;color:var(--pkf-tx)!important;letter-spacing:0;text-transform:none}
#frm_form_4_container .contact_option .frm_primary_label .frm_required{display:inline!important;color:var(--pkf-g1)!important;margin-left:2px}
#frm_form_5_container .contact_option .frm_primary_label .frm_required{display:inline!important;color:var(--pkf-g1)!important;margin-left:2px}
#frm_form_4_container .contact_option .frm_opt_container{gap:22px}
#frm_form_5_container .contact_option .frm_opt_container{gap:22px}
#frm_form_4_container .contact_option .frm_radio label{margin:0!important;max-width:none!important;font:400 14px/1 Montserrat,sans-serif!important;color:var(--pkf-tx)!important;cursor:pointer}
#frm_form_5_container .contact_option .frm_radio label{margin:0!important;max-width:none!important;font:400 14px/1 Montserrat,sans-serif!important;color:var(--pkf-tx)!important;cursor:pointer}
#frm_form_4_container .contact_option .frm_radio input[type="radio"]{-webkit-appearance:none;appearance:none;width:16px!important;height:16px!important;min-width:16px!important;margin:0 7px 0 0!important;border:1.5px solid var(--pkf-ln)!important;border-radius:50%;background:#fff;cursor:pointer;position:relative;transition:border-color .2s}
#frm_form_5_container .contact_option .frm_radio input[type="radio"]{-webkit-appearance:none;appearance:none;width:16px!important;height:16px!important;min-width:16px!important;margin:0 7px 0 0!important;border:1.5px solid var(--pkf-ln)!important;border-radius:50%;background:#fff;cursor:pointer;position:relative;transition:border-color .2s}
#frm_form_4_container .contact_option .frm_radio input[type="radio"]:checked{border-color:var(--pkf-g1)!important}
#frm_form_5_container .contact_option .frm_radio input[type="radio"]:checked{border-color:var(--pkf-g1)!important}
#frm_form_4_container .contact_option .frm_radio input[type="radio"]::before{content:''!important;display:block!important;position:absolute!important;inset:3px!important;top:3px!important;left:3px!important;right:3px!important;bottom:3px!important;border-radius:50%!important;background:var(--pkf-g1)!important;border:0!important;margin:0!important;width:auto!important;height:auto!important;opacity:1!important;transform:scale(0)!important;transition:transform .15s}
#frm_form_5_container .contact_option .frm_radio input[type="radio"]::before{content:''!important;display:block!important;position:absolute!important;inset:3px!important;top:3px!important;left:3px!important;right:3px!important;bottom:3px!important;border-radius:50%!important;background:var(--pkf-g1)!important;border:0!important;margin:0!important;width:auto!important;height:auto!important;opacity:1!important;transform:scale(0)!important;transition:transform .15s}
#frm_form_4_container .contact_option .frm_radio input[type="radio"]:checked::before{transform:scale(1)!important}
#frm_form_5_container .contact_option .frm_radio input[type="radio"]:checked::before{transform:scale(1)!important}
#frm_form_4_container .contact_option .frm_radio input[type="radio"]{border-width:1.5px!important}
#frm_form_5_container .contact_option .frm_radio input[type="radio"]{border-width:1.5px!important}
#frm_form_4_container .contact_option .frm_radio input[type="radio"]:focus-visible{outline:2px solid var(--pkf-g1);outline-offset:2px}
#frm_form_5_container .contact_option .frm_radio input[type="radio"]:focus-visible{outline:2px solid var(--pkf-g1);outline-offset:2px}
#frm_form_4_container .contact_text{margin:0 0 14px!important}
#frm_form_5_container .contact_text{margin:0 0 14px!important}
#frm_form_4_container .contact_text p{display:block!important;position:relative;margin:0!important;padding:0 0 0 18px;font:400 12px/1.55 Montserrat,sans-serif!important;color:var(--pkf-lb)!important;text-align:left!important}
#frm_form_5_container .contact_text p{display:block!important;position:relative;margin:0!important;padding:0 0 0 18px;font:400 12px/1.55 Montserrat,sans-serif!important;color:var(--pkf-lb)!important;text-align:left!important}
#frm_form_4_container .contact_text p::before{content:'';position:absolute;left:0;top:2px;width:11px;height:12px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239B8E7E' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><rect x='4' y='11' width='16' height='10' rx='2'/><path d='M8 11V7a4 4 0 018 0v4'/></svg>") no-repeat center/contain}
#frm_form_5_container .contact_text p::before{content:'';position:absolute;left:0;top:2px;width:11px;height:12px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239B8E7E' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><rect x='4' y='11' width='16' height='10' rx='2'/><path d='M8 11V7a4 4 0 018 0v4'/></svg>") no-repeat center/contain}
#frm_form_4_container .contact_text strong{font-weight:600!important;color:var(--pkf-tx)}
#frm_form_5_container .contact_text strong{font-weight:600!important;color:var(--pkf-tx)}
#frm_form_4_container .contact_text a{color:var(--pkf-tx)!important;text-decoration:underline;text-underline-offset:2px}
#frm_form_5_container .contact_text a{color:var(--pkf-tx)!important;text-decoration:underline;text-underline-offset:2px}
#frm_form_4_container .contact_button{margin:0!important}
#frm_form_5_container .contact_button{margin:0!important}
#frm_form_4_container .contact_button .frm_submit{margin:0!important}
#frm_form_5_container .contact_button .frm_submit{margin:0!important}
#frm_form_4_container .contact_button button{display:flex!important;align-items:center;justify-content:center;gap:10px;width:100%!important;height:52px!important;margin:0!important;padding:0 12px!important;border:0!important;border-radius:0!important;background:var(--pkf-g1)!important;color:#fff!important;font:600 12px/1 Montserrat,sans-serif!important;letter-spacing:.06em!important;text-transform:uppercase!important;white-space:nowrap;cursor:pointer;box-shadow:none;transition:background .2s,box-shadow .2s!important}
#frm_form_5_container .contact_button button{display:flex!important;align-items:center;justify-content:center;gap:10px;width:100%!important;height:52px!important;margin:0!important;padding:0 12px!important;border:0!important;border-radius:0!important;background:var(--pkf-g1)!important;color:#fff!important;font:600 12px/1 Montserrat,sans-serif!important;letter-spacing:.06em!important;text-transform:uppercase!important;white-space:nowrap;cursor:pointer;box-shadow:none;transition:background .2s,box-shadow .2s!important}
#frm_form_4_container input.frm_verify,#frm_form_4_container label[for]:has(+input.frm_verify),#frm_form_4_container div:has(>input.frm_verify){visibility:hidden!important;position:absolute!important;width:0!important;height:0!important;overflow:hidden!important;margin:0!important}
#frm_form_5_container input.frm_verify,#frm_form_5_container label[for]:has(+input.frm_verify),#frm_form_5_container div:has(>input.frm_verify){visibility:hidden!important;position:absolute!important;width:0!important;height:0!important;overflow:hidden!important;margin:0!important}
#frm_form_4_container .contact_button button:hover{background:var(--pkf-g2)!important;color:#fff!important}
#frm_form_5_container .contact_button button:hover{background:var(--pkf-g2)!important;color:#fff!important}
#frm_form_4_container .contact_button button:focus-visible{outline:2px solid var(--pkf-g1);outline-offset:2px}
#frm_form_5_container .contact_button button:focus-visible{outline:2px solid var(--pkf-g1);outline-offset:2px}
#frm_form_4_container .contact_button button svg{width:18px;height:18px;flex:none;fill:currentColor}
#frm_form_5_container .contact_button button svg{width:18px;height:18px;flex:none;fill:currentColor}
#frm_form_4_container .frm_loading_form .contact_button button{color:transparent!important}
#frm_form_5_container .frm_loading_form .contact_button button{color:transparent!important}
#frm_form_4_container .frm_loading_form .contact_button button svg{opacity:0}
#frm_form_5_container .frm_loading_form .contact_button button svg{opacity:0}
#frm_form_4_container .frm_message{margin:0!important;padding:26px 16px 30px!important;border:0!important;background:transparent!important;text-align:center;font:400 14px/1.55 Montserrat,sans-serif!important;color:var(--pkf-tx)!important}
#frm_form_5_container .frm_message{margin:0!important;padding:26px 16px 30px!important;border:0!important;background:transparent!important;text-align:center;font:400 14px/1.55 Montserrat,sans-serif!important;color:var(--pkf-tx)!important}
#frm_form_4_container .frm_message::before{content:'';display:block;width:52px;height:52px;margin:0 auto 14px;border-radius:50%;background:rgba(20,128,74,.1) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314804A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12.5l4.5 4.5L19 7.5'/></svg>") no-repeat center/24px}
#frm_form_5_container .frm_message::before{content:'';display:block;width:52px;height:52px;margin:0 auto 14px;border-radius:50%;background:rgba(20,128,74,.1) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314804A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12.5l4.5 4.5L19 7.5'/></svg>") no-repeat center/24px}
#frm_form_4_container .frm_message p{margin:0!important;font:inherit!important;color:inherit!important;text-align:center!important;display:block!important}
#frm_form_5_container .frm_message p{margin:0!important;font:inherit!important;color:inherit!important;text-align:center!important;display:block!important}
#frm_form_4_container .frm_message p+p{margin-top:6px!important}
#frm_form_5_container .frm_message p+p{margin-top:6px!important}
#frm_form_4_container .iti{display:block;width:100%;--iti-border-color:var(--pkf-ln);--iti-hover-color:#F4F0EA;--iti-country-selector-bg:#fff;--iti-icon-color:var(--pkf-lb)}
#frm_form_5_container .iti{display:block;width:100%;--iti-border-color:var(--pkf-ln);--iti-hover-color:#F4F0EA;--iti-country-selector-bg:#fff;--iti-icon-color:var(--pkf-lb)}
#frm_form_4_container .iti__country-container{padding:0 0 0 12px;top:0;bottom:0;left:0}
#frm_form_5_container .iti__country-container{padding:0 0 0 12px;top:0;bottom:0;left:0}
#frm_form_4_container .iti__selected-country{background:transparent!important;border:0;padding:0 8px 0 0;height:100%;font-family:Montserrat,sans-serif}
#frm_form_5_container .iti__selected-country{background:transparent!important;border:0;padding:0 8px 0 0;height:100%;font-family:Montserrat,sans-serif}
#frm_form_4_container .iti__selected-country-primary{padding:0 6px 0 0}
#frm_form_5_container .iti__selected-country-primary{padding:0 6px 0 0}
#frm_form_4_container .iti__selected-dial-code{margin-left:6px;font:400 16px/1 Montserrat,sans-serif;color:var(--pkf-tx)}
#frm_form_5_container .iti__selected-dial-code{margin-left:6px;font:400 16px/1 Montserrat,sans-serif;color:var(--pkf-tx)}
#frm_form_4_container .iti__arrow{border-top-color:var(--pkf-lb)}
#frm_form_5_container .iti__arrow{border-top-color:var(--pkf-lb)}
