doar.amigosdobem.org
Open in
urlscan Pro
2606:4700:10::ac43:14f7
Public Scan
Submitted URL: http://doar.amigosdobem.org/
Effective URL: https://doar.amigosdobem.org/
Submission: On June 12 via api from US — Scanned from DE
Effective URL: https://doar.amigosdobem.org/
Submission: On June 12 via api from US — Scanned from DE
Form analysis 1 forms found in the DOM
<form data-v-74a26fa1="" novalidate="">
<div data-v-74a26fa1="" id="campaign-message" class="bg-white py-10">
<div class="container"><!---->
<div class="font-light text-base md:text-lg">
<p>Ainda hoje, milhões de pessoas vivem em povoados isolados no sertão nordestino, a região com o maior foco de miséria do país, enfrentando diariamente a fome, sem ter para quem pedir ajuda.</p>
<p>Para que possamos continuar transformando milhares de vidas com alimentos, água e acesso à saúde, educação e geração de renda, precisamos muito de sua ajuda.</p>
<p>Um pouco de você é muito para quem não tem nada! Você faz a diferença, </p>
<p>Doe Agora.</p>
</div>
</div>
</div>
<div data-v-0d73c2ef="" data-v-74a26fa1="" id="donation-plans" class="py-10">
<div data-v-0d73c2ef="" class="container">
<h2 data-v-0d73c2ef="" class="uppercase text-1.5xl xl:text-2.5xl pb-8 sm:text-center">Plano de doação</h2>
<div data-v-0d73c2ef="" id="frequency-selector" class="flex py-2 mb-2 sm:mb-8 mx-auto sm:max-w-[440px]"><button
class="group flex items-center py-2 px-4 uppercase font-medium shadow-md focus:outline-none ring-4 ring-offset-2 ring-offset-transparent ring-transparent focus:ring-offset-white border border-primary md:text-lg disabled:bg-slate-50 disabled:text-gray-400 disabled:border-slate-200 disabled:shadow-none bg-primary text-white hover:bg-primary-hover hover:text-white hover:border-primary-hover focus:ring-primary-focus flex-1 rounded-s flex-1 rounded-s"
type="button"><!----><span class="text-left flex-1">Mensal</span><span class="pl-2 group-disabled:text-slate-400"><svg class="w-6 h-6 h-6 w-6" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="m2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75-9.75-4.365-9.75-9.75zm15.6-3.2287c1.0012-1.3341-1.0501-2.8003-1.9883-1.4211l-5.2738 7.3826-2.6467-2.6467c-1.151-1.0725-2.8 0.57652-1.7275 1.7275l3.6669 3.6669c0.5338 0.5334 1.4187 0.46044 1.8579-0.15319z"
clip-rule="evenodd" fill-rule="evenodd"></path>
</svg></span></button><button
class="group flex items-center py-2 px-4 uppercase font-medium shadow-md focus:outline-none ring-4 ring-offset-2 ring-offset-transparent ring-transparent focus:ring-offset-white border border-primary md:text-lg disabled:bg-slate-50 disabled:text-gray-400 disabled:border-slate-200 disabled:shadow-none bg-white text-primary hover:bg-primary-hover hover:text-white hover:border-primary-hover focus:ring-primary-focus flex-1 rounded-r flex-1 rounded-r"
type="button"><!----><span class="text-left flex-1">Única</span><span class="pl-2 group-disabled:text-slate-400"></span></button></div>
</div><!---->
<div data-v-0d73c2ef="" id="donation-plans" class="container w-full mx-auto p-0 rounded">
<div data-v-0d73c2ef="" class="donation-plan-item show" data-scroll-fade="visible">
<div data-v-0d73c2ef="" class="p-4 mx-auto" cycle="12" name="donation_plan_id">
<div class="flex flex-col sm:flex-row"><img class="object-cover object-center w-full aspect-[16/9] sm:aspect-[16/11] sm:max-w-[260px] flex-1 sm:flex-auto rounded-sm"
src="https://assets.amigosdobem.org/prod/uwxLuwWduaRiYEYyvMYS7TfF2xGUDyMhHGeDQpEX.jpg" alt="">
<div class="flex-1 sm:pl-6">
<h3 class="pt-2 sm:pt-0 text-lg md:text-xl uppercase">Água</h3>
<div class="pt-1 pb-4 sm:py-2 md:pb-4 font-light md:text-lg">
<p>A sua doação nos ajuda a levar água para milhares de pessoas. Recurso essencial à vida.</p>
</div>
<div class="flex sm:flex-col-reverse sm:items-start justify-between items-center md:flex-row md:items-center"><button
class="group flex items-center py-2 px-4 uppercase font-medium shadow-md focus:outline-none ring-4 ring-offset-2 ring-offset-transparent ring-transparent focus:ring-offset-white border border-primary md:text-lg disabled:bg-slate-50 disabled:text-gray-400 disabled:border-slate-200 disabled:shadow-none bg-white text-primary hover:bg-primary-hover hover:text-white hover:border-primary-hover focus:ring-primary-focus justify-center rounded px-7 md:px-8 rounded px-7 md:px-8"
type="button"><!----><span class="text-center">Escolher</span><!----></button><span class="text-xl lg:text-[1.35rem] px-3 sm:px-0 sm:pb-4 md:px-6">R$ 30 /<span class="text-lg">mês</span></span></div>
</div>
</div>
</div>
</div>
<div data-v-0d73c2ef="" class="donation-plan-item">
<div data-v-0d73c2ef="" class="p-4 mx-auto" cycle="12" name="donation_plan_id">
<div class="flex flex-col sm:flex-row"><img class="object-cover object-center w-full aspect-[16/9] sm:aspect-[16/11] sm:max-w-[260px] flex-1 sm:flex-auto rounded-sm"
src="https://assets.amigosdobem.org/prod/NbLJluuP8JXyEgTe4nFOFIzc0Tf5PEFph32ANO8l.jpg" alt="">
<div class="flex-1 sm:pl-6">
<h3 class="pt-2 sm:pt-0 text-lg md:text-xl uppercase">Alimento</h3>
<div class="pt-1 pb-4 sm:py-2 md:pb-4 font-light md:text-lg">
<p>A sua doação nos ajuda a levar alimentos para quem, neste instante, passa fome.</p>
</div>
<div class="flex sm:flex-col-reverse sm:items-start justify-between items-center md:flex-row md:items-center"><button
class="group flex items-center py-2 px-4 uppercase font-medium shadow-md focus:outline-none ring-4 ring-offset-2 ring-offset-transparent ring-transparent focus:ring-offset-white border border-primary md:text-lg disabled:bg-slate-50 disabled:text-gray-400 disabled:border-slate-200 disabled:shadow-none bg-white text-primary hover:bg-primary-hover hover:text-white hover:border-primary-hover focus:ring-primary-focus justify-center rounded px-7 md:px-8 rounded px-7 md:px-8"
type="button"><!----><span class="text-center">Escolher</span><!----></button><span class="text-xl lg:text-[1.35rem] px-3 sm:px-0 sm:pb-4 md:px-6">R$ 50 /<span class="text-lg">mês</span></span></div>
</div>
</div>
</div>
</div>
<div data-v-0d73c2ef="" class="donation-plan-item">
<div data-v-0d73c2ef="" class="p-4 mx-auto" cycle="12" name="donation_plan_id">
<div class="flex flex-col sm:flex-row"><img class="object-cover object-center w-full aspect-[16/9] sm:aspect-[16/11] sm:max-w-[260px] flex-1 sm:flex-auto rounded-sm"
src="https://assets.amigosdobem.org/prod/iIeZmkemXTHqZocEvnZ3aSe60Rc4kDL6FinRml5f.jpg" alt="">
<div class="flex-1 sm:pl-6">
<h3 class="pt-2 sm:pt-0 text-lg md:text-xl uppercase">Educação</h3>
<div class="pt-1 pb-4 sm:py-2 md:pb-4 font-light md:text-lg">
<p>A sua doação ajuda nos a levar educação para milhares e jovens que ainda vivem em casas de barro.</p>
</div>
<div class="flex sm:flex-col-reverse sm:items-start justify-between items-center md:flex-row md:items-center"><button
class="group flex items-center py-2 px-4 uppercase font-medium shadow-md focus:outline-none ring-4 ring-offset-2 ring-offset-transparent ring-transparent focus:ring-offset-white border border-primary md:text-lg disabled:bg-slate-50 disabled:text-gray-400 disabled:border-slate-200 disabled:shadow-none bg-white text-primary hover:bg-primary-hover hover:text-white hover:border-primary-hover focus:ring-primary-focus justify-center rounded px-7 md:px-8 rounded px-7 md:px-8"
type="button"><!----><span class="text-center">Escolher</span><!----></button><span class="text-xl lg:text-[1.35rem] px-3 sm:px-0 sm:pb-4 md:px-6">R$ 100 /<span class="text-lg">mês</span></span></div>
</div>
</div>
</div>
</div>
<div data-v-0d73c2ef="" class="donation-plan-item">
<div data-v-0d73c2ef="" class="p-4 mx-auto" cycle="12" name="donation_plan_id">
<div class="flex flex-col sm:flex-row"><img class="object-cover object-center w-full aspect-[16/9] sm:aspect-[16/11] sm:max-w-[260px] flex-1 sm:flex-auto rounded-sm"
src="https://assets.amigosdobem.org/prod/uXyCWQoBwcpWuieixP2Ewn5V5BE0eKhqVur6YLrC.jpg" alt="">
<div class="flex-1 sm:pl-6">
<h3 class="pt-2 sm:pt-0 text-lg md:text-xl uppercase">Outros</h3>
<div class="pt-1 pb-4 sm:py-2 md:pb-4 font-light md:text-lg">
<p>A sua doação nos ajuda a manter os diversos projetos de transformação no sertão.</p>
</div>
<div class="flex sm:flex-col-reverse sm:items-start justify-between flex-col-reverse items-start"><button
class="group flex items-center py-2 px-4 uppercase font-medium shadow-md focus:outline-none ring-4 ring-offset-2 ring-offset-transparent ring-transparent focus:ring-offset-white border border-primary md:text-lg disabled:bg-slate-50 disabled:text-gray-400 disabled:border-slate-200 disabled:shadow-none bg-white text-primary hover:bg-primary-hover hover:text-white hover:border-primary-hover focus:ring-primary-focus justify-center rounded px-7 md:px-8 rounded px-7 md:px-8"
type="button"><!----><span class="text-center">Escolher</span><!----></button>
<div class="flex items-center justify-center mb-4">
<div class="relative max-w-[185px] mt-2 mb-1">
<div class="relative">
<div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none text-slate-500 z-10">R$</div><input data-maska="['###', '#.###', '##.###', '###.###', '#.###.###', '##.###.###']"
class="bg-white block px-2.5 pb-2.5 w-full text-md text-gray-900 bg-transparent rounded border appearance-none focus:outline-none focus:ring-0 peer caret-primary-hover placeholder-slate-400 shadow-sm disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none read-only:bg-[#f8f8f8] hover:read-only:border-white read-only:cursor-default read-only:shadow-none pt-3 pl-11 border-gray-300 focus:border-primary hover:border-gray-400 read-only:border-gray-200 read-only:focus:border-gray-200 read-only:hover:border-gray-200 pr-14 text-center"
name="donation_amount" id="donation_amount_4284" inputmode="decimal" maxlength="10"><label for="donation_amount_4284"
class="absolute bg-gradient-to-t from-white from-[54%] to-[46%] text-gray-500 transform -translate-y-5 scale-90 top-2 z-10 origin-[0] px-2 top-2 scale-90 -translate-y-4 left-1 peer-disabled:from-slate-50 peer-disabled:text-gray-500 peer-read-only:from-[#f5f5f5] peer-hover:text-gray-600 peer-focus:text-primary-hover peer-read-only:peer-focus:text-gray-600">Digite
o valor</label>
<div class="absolute right-9 inset-y-0 flex items-center z-10"><span class="text-slate-500 text-sm pt-2">,00</span></div><!---->
</div><!----><!---->
</div>
<div class="pl-4"> /<span class="text-lg">mês</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div data-v-74a26fa1="" class="sm:bg-white">
<div data-v-74a26fa1="" class="container flex flex-col md:flex-row px-0 md:px-4 md:pt-14 md:pb-20 justify-center">
<div data-v-74a26fa1="" class="flex-1 px-4 py-8 md:py-0 md:pl-0 md:pr-6 bg-white md:bg-transparent lg:max-w-[500px]">
<div data-v-74a26fa1="" id="customer-form">
<h2 class="uppercase text-1.5xl xl:text-2.5xl pb-10">Dados pessoais</h2>
<div class="relative">
<div class="relative"><!----><input data-maska="['###.###.###-##','##.###.###/####-##']"
class="bg-white block px-2.5 pb-2.5 w-full text-md text-gray-900 bg-transparent rounded border appearance-none focus:outline-none focus:ring-0 peer caret-primary-hover placeholder-slate-400 shadow-sm disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none read-only:bg-[#f8f8f8] hover:read-only:border-white read-only:cursor-default read-only:shadow-none pt-3 border-gray-300 focus:border-primary hover:border-gray-400 read-only:border-gray-200 read-only:focus:border-gray-200 read-only:hover:border-gray-200"
name="customer_cpf_cnpj" inputmode="numeric" placeholder="000.000.000-00" maxlength="18" id="customer_cpf_cnpj"><label for="customer_cpf_cnpj"
class="absolute bg-gradient-to-t from-white from-[54%] to-[46%] text-gray-500 transform -translate-y-5 scale-90 top-2 z-10 origin-[0] px-2 top-2 scale-90 -translate-y-4 left-1 peer-disabled:from-slate-50 peer-disabled:text-gray-500 peer-read-only:from-[#f5f5f5] peer-hover:text-gray-600 peer-focus:text-primary-hover peer-read-only:peer-focus:text-gray-600">CPF/CNPJ</label><!----><!---->
</div><!----><!---->
</div>
<div class="relative mt-8">
<div class="relative"><!----><input
class="bg-white block px-2.5 pb-2.5 w-full text-md text-gray-900 bg-transparent rounded border appearance-none focus:outline-none focus:ring-0 peer caret-primary-hover placeholder-slate-400 shadow-sm disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none read-only:bg-[#f8f8f8] hover:read-only:border-white read-only:cursor-default read-only:shadow-none pt-3 border-gray-300 focus:border-primary hover:border-gray-400 read-only:border-gray-200 read-only:focus:border-gray-200 read-only:hover:border-gray-200"
name="customer_name" id="customer_name" maxlength="50"><label for="customer_name"
class="absolute bg-gradient-to-t from-white from-[54%] to-[46%] text-gray-500 transform -translate-y-5 scale-90 top-2 z-10 origin-[0] px-2 top-2 scale-90 -translate-y-4 left-1 peer-disabled:from-slate-50 peer-disabled:text-gray-500 peer-read-only:from-[#f5f5f5] peer-hover:text-gray-600 peer-focus:text-primary-hover peer-read-only:peer-focus:text-gray-600">Nome</label><!----><!---->
</div><!----><!---->
</div>
<div class="relative mt-8">
<div class="relative">
<div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none text-slate-500 z-10"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"
data-slot="icon" class="pt-1 h-6 w-6">
<path stroke-linecap="round" stroke-linejoin="round"
d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75">
</path>
</svg></div><input
class="bg-white block px-2.5 pb-2.5 w-full text-md text-gray-900 bg-transparent rounded border appearance-none focus:outline-none focus:ring-0 peer caret-primary-hover placeholder-slate-400 shadow-sm disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none read-only:bg-[#f8f8f8] hover:read-only:border-white read-only:cursor-default read-only:shadow-none pt-3 pl-11 border-gray-300 focus:border-primary hover:border-gray-400 read-only:border-gray-200 read-only:focus:border-gray-200 read-only:hover:border-gray-200"
name="customer_email" id="customer_email" modelmodifiers="[object Object]" inputmode="email" maxlength="50" autocomplete="email"><label for="customer_email"
class="absolute bg-gradient-to-t from-white from-[54%] to-[46%] text-gray-500 transform -translate-y-5 scale-90 top-2 z-10 origin-[0] px-2 top-2 scale-90 -translate-y-4 left-1 peer-disabled:from-slate-50 peer-disabled:text-gray-500 peer-read-only:from-[#f5f5f5] peer-hover:text-gray-600 peer-focus:text-primary-hover peer-read-only:peer-focus:text-gray-600">E-mail</label><!----><!---->
</div><!----><!---->
</div>
<div class="relative mt-8">
<div class="relative">
<div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none text-slate-500 z-10"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"
data-slot="icon" class="pt-1 h-6 w-6">
<path stroke-linecap="round" stroke-linejoin="round"
d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z">
</path>
</svg></div><input data-maska="['(##) ####-####', '(##) #####-####']"
class="bg-white block px-2.5 pb-2.5 w-full text-md text-gray-900 bg-transparent rounded border appearance-none focus:outline-none focus:ring-0 peer caret-primary-hover placeholder-slate-400 shadow-sm disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none read-only:bg-[#f8f8f8] hover:read-only:border-white read-only:cursor-default read-only:shadow-none pt-3 pl-11 border-gray-300 focus:border-primary hover:border-gray-400 read-only:border-gray-200 read-only:focus:border-gray-200 read-only:hover:border-gray-200"
name="phone_number" inputmode="tel" placeholder="(00) 00000-0000" maxlength="15" autocomplete="tel-national" id="phone_number"><label for="phone_number"
class="absolute bg-gradient-to-t from-white from-[54%] to-[46%] text-gray-500 transform -translate-y-5 scale-90 top-2 z-10 origin-[0] px-2 top-2 scale-90 -translate-y-4 left-1 peer-disabled:from-slate-50 peer-disabled:text-gray-500 peer-read-only:from-[#f5f5f5] peer-hover:text-gray-600 peer-focus:text-primary-hover peer-read-only:peer-focus:text-gray-600">Telefone</label><!----><!---->
</div><!----><!---->
</div><input type="hidden" id="phone_locale" value="pt-br">
</div><!---->
<div data-v-74a26fa1="" id="payment-method-selector" class="pt-12">
<h2 class="uppercase text-1.5xl xl:text-2.5xl pb-8">Forma de Pagamento</h2><button
class="group flex items-center py-2 px-4 uppercase font-medium shadow-md focus:outline-none ring-4 ring-offset-2 ring-offset-transparent ring-transparent focus:ring-offset-white border border-primary md:text-lg disabled:bg-slate-50 disabled:text-gray-400 disabled:border-slate-200 disabled:shadow-none bg-white text-primary hover:bg-primary-hover hover:text-white hover:border-primary-hover focus:ring-primary-focus w-full rounded mb-2 w-full rounded mb-2"
type="button"><span class="pr-2 group-disabled:text-slate-400"><!----><!----><!----><svg fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 mr-1">
<path d="m15 9h3.75m-3.75 3h3.75m-3.75 3h3.75m-14.25 4.5h15c1.2426 0 2.25-1.0074 2.25-2.25v-10.5c0-1.2426-1.0074-2.25-2.25-2.25h-15c-1.2426 0-2.25 1.0074-2.25 2.25v10.5c0 1.2426 1.0074 2.25 2.25 2.25z" stroke-linecap="round"
stroke-linejoin="round"></path>
<path
d="m8.4228 7.0087v9.832m-2.458-2.3089 0.72019 0.53994c0.95944 0.72019 2.5154 0.72019 3.4756 0 0.96026-0.72019 0.96026-1.8869 0-2.6071-0.47931-0.36051-1.1086-0.53994-1.7378-0.53994-0.59402 0-1.188-0.18025-1.6411-0.53994-0.90618-0.72019-0.90618-1.8869 0-2.6071 0.90618-0.72019 2.3761-0.72019 3.2822 0l0.34002 0.27038"
stroke-linecap="round" stroke-linejoin="round" stroke-width="1.229"></path>
</svg></span><span class="text-left flex-1">Débito Automático</span><span class="pl-2 group-disabled:text-slate-400"><svg fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6">
<path d="m21 12c0 4.9706-4.0294 9-9 9-4.9706 0-9-4.0294-9-9 0-4.9706 4.0294-9 9-9 4.9706 0 9 4.0294 9 9z" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></span></button><button
class="group flex items-center py-2 px-4 uppercase font-medium shadow-md focus:outline-none ring-4 ring-offset-2 ring-offset-transparent ring-transparent focus:ring-offset-white border border-primary md:text-lg disabled:bg-slate-50 disabled:text-gray-400 disabled:border-slate-200 disabled:shadow-none bg-slate-50 text-slate-400 border-slate-200 hover:bg-slate-400 hover:text-slate-50 hover:border-slate-400 shadow-none focus:ring-slate-200 w-full rounded mb-2 w-full rounded mb-2"
type="button"><span class="pr-2 group-disabled:text-slate-400"><!----><!----><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"
class="h-6 w-6 mr-1">
<path stroke-linecap="round" stroke-linejoin="round"
d="M3.75 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 0 1 3.75 9.375v-4.5ZM3.75 14.625c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5a1.125 1.125 0 0 1-1.125-1.125v-4.5ZM13.5 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 0 1 13.5 9.375v-4.5Z">
</path>
<path stroke-linecap="round" stroke-linejoin="round"
d="M6.75 6.75h.75v.75h-.75v-.75ZM6.75 16.5h.75v.75h-.75v-.75ZM16.5 6.75h.75v.75h-.75v-.75ZM13.5 13.5h.75v.75h-.75v-.75ZM13.5 19.5h.75v.75h-.75v-.75ZM19.5 13.5h.75v.75h-.75v-.75ZM19.5 19.5h.75v.75h-.75v-.75ZM16.5 16.5h.75v.75h-.75v-.75Z">
</path>
</svg><!----></span><span class="text-left flex-1">PIX</span><span class="pl-2 group-disabled:text-slate-400"><svg fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6">
<path d="m21 12c0 4.9706-4.0294 9-9 9-4.9706 0-9-4.0294-9-9 0-4.9706 4.0294-9 9-9 4.9706 0 9 4.0294 9 9z" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></span></button><button
class="group flex items-center py-2 px-4 uppercase font-medium shadow-md focus:outline-none ring-4 ring-offset-2 ring-offset-transparent ring-transparent focus:ring-offset-white border border-primary md:text-lg disabled:bg-slate-50 disabled:text-gray-400 disabled:border-slate-200 disabled:shadow-none bg-white text-primary hover:bg-primary-hover hover:text-white hover:border-primary-hover focus:ring-primary-focus w-full rounded mb-2 w-full rounded mb-2"
type="button"><span class="pr-2 group-disabled:text-slate-400"><!----><svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 83.266 83.266" class="h-6 w-6 mr-1">
<g>
<rect x="0" y="11.434" width="6.09" height="60.398"></rect>
<rect x="11.8" y="11.434" width="4.54" height="47.709"></rect>
<rect x="22.825" y="11.434" width="4.54" height="47.709"></rect>
<rect x="33.851" y="11.434" width="4.539" height="47.709"></rect>
<rect x="44.875" y="11.434" width="4.54" height="47.709"></rect>
<rect x="55.9" y="11.434" width="4.54" height="47.709"></rect>
<rect x="66.926" y="11.434" width="4.539" height="47.709"></rect>
<rect x="77.175" y="11.434" width="6.091" height="60.398"></rect>
<polygon points="10.705,64.403 10.705,65.379 12.203,65.002 12.203,71.327 13.696,71.327 13.696,63.519
12.215,63.519"></polygon>
<path d="M25.542,65.829c0-1.312-0.7-2.416-2.312-2.416c-1.378,0-2.271,0.104-3.242,0.271V64.8h2.768
c0.916,0,1.287,0.329,1.287,1.037c0,1.236-2.978,3.507-3.976,4.179v1.312h5.474v-1.376h-2.945
C23.307,69.387,25.542,67.579,25.542,65.829z"></path>
<path d="M34.958,63.498c-1.248-0.021-2.512-0.031-3.45,0.299v1.077h2.848c0.555,0,1.051,0.125,1.051,0.736
v0.384c0,0.563-0.315,0.73-1.051,0.763l-2.123,0.106v1.205l2.123,0.075c0.635,0.027,1.029,0.163,1.029,0.808v0.336
c0,0.679-0.382,0.729-1.094,0.729h-2.709l-0.011,1.088c0.938,0.33,2.096,0.298,3.311,0.298c1.302,0,2.005-0.676,2.005-1.909v-0.453
c0-0.81-0.243-1.352-0.81-1.595c0.55-0.205,0.81-0.73,0.81-1.509v-0.56C36.888,64.236,36.131,63.519,34.958,63.498z"></path>
<polygon points="48.481,65.61 47.324,65.61 46.988,66.427 46.988,68.207 45.056,68.207 47.388,63.519
45.746,63.519 42.967,68.938 43.33,69.626 46.988,69.626 46.988,71.305 48.481,71.305 48.481,69.626 49.266,69.364 49.266,68.207
48.481,68.207"></polygon>
<path d="M58.867,66.394c-0.225-0.006-0.754-0.046-1.165,0c-0.23,0.024-0.518,0.086-0.737,0.261l0.081-1.76
h3.307v-1.376h-4.741l-0.234,4.815h1.407c0-0.44,0.277-0.624,0.652-0.624h0.997c0.65,0,0.714,0.41,0.714,0.763v0.71
c0,0.328-0.084,0.757-0.778,0.757h-3.008v1.174c1.429,0.245,1.979,0.256,3.301,0.256c0.873,0,1.979-0.47,1.979-1.931v-1.099
C60.641,67.253,60.114,66.453,58.867,66.394z"></path>
<path d="M70.607,66.586c-0.848,0-1.534,0.064-2.159,0.225c0.01-0.832,0.096-1.979,1.066-1.979h2.672v-1.133
c-1.002-0.18-2.326-0.308-3.397-0.214c-0.92,0.082-1.834,0.92-1.834,3.746c0,3.359,0.831,4.102,2.069,4.106h1.524
c1.132,0,1.894-0.465,1.894-1.766V68.41C72.442,67.396,72.117,66.586,70.607,66.586z M70.954,69.303
c0,0.558-0.236,0.658-0.675,0.658h-0.814c-0.909,0-1.017-0.985-1.017-2.059h1.86c0.438,0,0.646,0.138,0.646,0.683V69.303z"></path>
</g>
</svg><!----><!----></span><span class="text-left flex-1">Boleto Bancário</span><span class="pl-2 group-disabled:text-slate-400"><svg fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg" class="h-6 w-6">
<path d="m21 12c0 4.9706-4.0294 9-9 9-4.9706 0-9-4.0294-9-9 0-4.9706 4.0294-9 9-9 4.9706 0 9 4.0294 9 9z" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></span></button><button
class="group flex items-center py-2 px-4 uppercase font-medium shadow-md focus:outline-none ring-4 ring-offset-2 ring-offset-transparent ring-transparent focus:ring-offset-white border border-primary md:text-lg disabled:bg-slate-50 disabled:text-gray-400 disabled:border-slate-200 disabled:shadow-none bg-white text-primary hover:bg-primary-hover hover:text-white hover:border-primary-hover focus:ring-primary-focus w-full rounded mb-2 w-full rounded mb-2"
type="button"><span class="pr-2 group-disabled:text-slate-400"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 mr-1">
<path stroke-linecap="round" stroke-linejoin="round"
d="M2.25 8.25h19.5M2.25 9h19.5m-16.5 5.25h6m-6 2.25h3m-3.75 3h15a2.25 2.25 0 0 0 2.25-2.25V6.75A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25v10.5A2.25 2.25 0 0 0 4.5 19.5Z"></path>
</svg><!----><!----><!----></span><span class="text-left flex-1">Cartão de Crédito</span><span class="pl-2 group-disabled:text-slate-400"><svg fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg" class="h-6 w-6">
<path d="m21 12c0 4.9706-4.0294 9-9 9-4.9706 0-9-4.0294-9-9 0-4.9706 4.0294-9 9-9 4.9706 0 9 4.0294 9 9z" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></span></button><!---->
</div>
</div>
<div data-v-74a26fa1="" class="flex-1 px-4 py-8 md:py-0 md:pr-0 md:pl-6" style="display: none;">
<div data-v-74a26fa1="" id="credit-card-form" style="display: none;">
<h2 class="uppercase text-1.5xl xl:text-2.5xl pb-10">Cartão de Crédito</h2>
<ul class="mb-12 sm:mx-2 md:mx-3 text-gray-500">
<li class="flex mt-1 text-[.9rem] py-1"><span class="pr-3"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="pt-1 h-7 w-7">
<path stroke-linecap="round" stroke-linejoin="round"
d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z">
</path>
</svg></span><span>A doação mensal por cartão de crédito é debitada mensalmente e não utiliza o seu limite de crédito.</span></li>
<li class="flex mt-1 text-[.9rem] py-1"><span class="pr-3"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="pt-1 h-7 w-7">
<path stroke-linecap="round" stroke-linejoin="round"
d="M9 12.75 11.25 15 15 9.75m-3-7.036A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285Z"></path>
</svg></span><span>Não armazenamos os dados do seu cartão em nossos sistemas</span></li>
<li class="flex mt-1 text-[.9rem] py-1"><span class="pr-3"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="pt-1 h-7 w-7">
<path stroke-linecap="round" stroke-linejoin="round"
d="M9 12.75 11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 0 1-1.043 3.296 3.745 3.745 0 0 1-3.296 1.043A3.745 3.745 0 0 1 12 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 0 1-3.296-1.043 3.745 3.745 0 0 1-1.043-3.296A3.745 3.745 0 0 1 3 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 0 1 1.043-3.296 3.746 3.746 0 0 1 3.296-1.043A3.746 3.746 0 0 1 12 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 0 1 3.296 1.043 3.746 3.746 0 0 1 1.043 3.296A3.745 3.745 0 0 1 21 12Z">
</path>
</svg></span><span>Nosso fornecedor de pagamentos é certificado em proteção e segurança de dados (PCI DSS 3.2)</span></li>
</ul>
<div class="relative">
<div class="relative">
<div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none text-slate-500 z-10"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"
data-slot="icon" class="pt-1 h-6 w-6">
<path stroke-linecap="round" stroke-linejoin="round"
d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg></div><input data-maska="#### #### #### ####"
class="bg-white block px-2.5 pb-2.5 w-full text-md text-gray-900 bg-transparent rounded border appearance-none focus:outline-none focus:ring-0 peer caret-primary-hover placeholder-slate-400 shadow-sm disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none read-only:bg-[#f8f8f8] hover:read-only:border-white read-only:cursor-default read-only:shadow-none pt-3 pl-11 border-gray-300 focus:border-primary hover:border-gray-400 read-only:border-gray-200 read-only:focus:border-gray-200 read-only:hover:border-gray-200"
name="credit_card_number" autocomplete="cc-number" inputmode="numeric" maxlength="19" id="credit_card_number"><label for="credit_card_number"
class="absolute bg-gradient-to-t from-white from-[54%] to-[46%] text-gray-500 transform -translate-y-5 scale-90 top-2 z-10 origin-[0] px-2 top-2 scale-90 -translate-y-4 left-1 peer-disabled:from-slate-50 peer-disabled:text-gray-500 peer-read-only:from-[#f5f5f5] peer-hover:text-gray-600 peer-focus:text-primary-hover peer-read-only:peer-focus:text-gray-600">Número</label><!----><!---->
</div><!----><!---->
</div>
<div data-v-e169770f="" class="relative mt-8">
<div data-v-e169770f="" class="relative">
<div data-v-e169770f="" class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none text-slate-500 w-[3.4rem]"></div><input data-v-e169770f=""
class="selection:text-gray-800 selection:bg-transparent bg-white block px-2.5 pb-2.5 w-full text-md text-gray-900 bg-transparent rounded border appearance-none focus:outline-none focus:ring-0 peer caret-primary-hover placeholder:text-slate-400 cursor-pointer shadow-sm disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none disabled:cursor-default pt-3 border-gray-300 focus:border-primary hover:border-gray-400"
name="credit_card_brand" placeholder="" id="credit_card_brand" readonly=""><label data-v-e169770f="" for="credit_card_brand"
class="absolute bg-gradient-to-t from-white from-50% text-gray-500 transform -translate-y-5 scale-90 top-2 z-10 origin-[0] px-2 top-2 scale-90 -translate-y-4 left-1 peer-disabled:from-slate-50 peer-disabled:text-gray-500 peer-hover:text-gray-600 peer-focus:text-primary-hover">Bandeira</label>
<div data-v-e169770f="" class="absolute right-2 inset-y-0 flex items-center pointer-events-none"><!----><svg data-v-e169770f="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-slate-500">
<path fill-rule="evenodd"
d="M10 3a.75.75 0 01.55.24l3.25 3.5a.75.75 0 11-1.1 1.02L10 4.852 7.3 7.76a.75.75 0 01-1.1-1.02l3.25-3.5A.75.75 0 0110 3zm-3.76 9.2a.75.75 0 011.06.04l2.7 2.908 2.7-2.908a.75.75 0 111.1 1.02l-3.25 3.5a.75.75 0 01-1.1 0l-3.25-3.5a.75.75 0 01.04-1.06z"
clip-rule="evenodd"></path>
</svg></div>
</div>
<div data-v-e169770f="" class="absolute overflow-y-auto py-1 mt-1 w-full bg-white rounded shadow-md border border-gray-200 placeholder:text-slate-400 z-20" style="display: none;">
<ul data-v-e169770f="" class="dropdownItems" tabindex="-1">
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-0.5" tabindex="-1">
<div data-v-e169770f="" class="relative w-10 h-auto"><img data-v-e169770f="" class="object-contain object-center w-full aspect-[16/9]" src="/assets/american_express-f38c3ba3.svg" alt=""></div><span data-v-e169770f=""
class="flex-1 pl-3">American Express</span><!---->
</li>
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-0.5" tabindex="-1">
<div data-v-e169770f="" class="relative w-10 h-auto"><img data-v-e169770f="" class="object-contain object-center w-full aspect-[16/9]" src="/assets/diners_club-93cec577.svg" alt=""></div><span data-v-e169770f=""
class="flex-1 pl-3">Diners Club</span><!---->
</li>
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-0.5" tabindex="-1">
<div data-v-e169770f="" class="relative w-10 h-auto"><img data-v-e169770f="" class="object-contain object-center w-full aspect-[16/9]" src="/assets/elo-63569f00.svg" alt=""></div><span data-v-e169770f=""
class="flex-1 pl-3">Elo</span><!---->
</li>
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-0.5" tabindex="-1">
<div data-v-e169770f="" class="relative w-10 h-auto"><img data-v-e169770f="" class="object-contain object-center w-full aspect-[16/9]" src="/assets/mastercard-e331b926.svg" alt=""></div><span data-v-e169770f=""
class="flex-1 pl-3">MasterCard</span><!---->
</li>
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-0.5" tabindex="-1">
<div data-v-e169770f="" class="relative w-10 h-auto"><img data-v-e169770f="" class="object-contain object-center w-full aspect-[16/9]" src="/assets/visa-dd32f096.svg" alt=""></div><span data-v-e169770f=""
class="flex-1 pl-3">Visa</span><!---->
</li>
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-0.5" tabindex="-1">
<div data-v-e169770f="" class="relative w-10 h-auto"><img data-v-e169770f="" class="object-contain object-center w-full aspect-[16/9]" src="/assets/hipercard-1560a490.svg" alt=""></div><span data-v-e169770f=""
class="flex-1 pl-3">Hipercard</span><!---->
</li>
</ul>
</div><!----><!---->
</div>
<div class="relative mt-8">
<div class="relative"><!----><input
class="bg-white block px-2.5 pb-2.5 w-full text-md text-gray-900 bg-transparent rounded border appearance-none focus:outline-none focus:ring-0 peer caret-primary-hover placeholder-slate-400 shadow-sm disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none read-only:bg-[#f8f8f8] hover:read-only:border-white read-only:cursor-default read-only:shadow-none pt-3 border-gray-300 focus:border-primary hover:border-gray-400 read-only:border-gray-200 read-only:focus:border-gray-200 read-only:hover:border-gray-200"
name="credit_card_holder" id="credit_card_holder" autocomplete="cc-name" maxlength="50"><label for="credit_card_holder"
class="absolute bg-gradient-to-t from-white from-[54%] to-[46%] text-gray-500 transform -translate-y-5 scale-90 top-2 z-10 origin-[0] px-2 top-2 scale-90 -translate-y-4 left-1 peer-disabled:from-slate-50 peer-disabled:text-gray-500 peer-read-only:from-[#f5f5f5] peer-hover:text-gray-600 peer-focus:text-primary-hover peer-read-only:peer-focus:text-gray-600">Nome
do portador</label><!----><!----></div><!---->
<p class="mt-1 text-[.9rem] text-gray-500">Deve ser exato ao nome impresso em seu cartão</p>
</div>
<div class="relative mt-8">
<div class="relative"><!----><input data-maska="##/##"
class="bg-white block px-2.5 pb-2.5 w-full text-md text-gray-900 bg-transparent rounded border appearance-none focus:outline-none focus:ring-0 peer caret-primary-hover placeholder-slate-400 shadow-sm disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none read-only:bg-[#f8f8f8] hover:read-only:border-white read-only:cursor-default read-only:shadow-none pt-3 border-gray-300 focus:border-primary hover:border-gray-400 read-only:border-gray-200 read-only:focus:border-gray-200 read-only:hover:border-gray-200"
name="credit_card_expiration" id="credit_card_expiration" placeholder="MM / AA" inputmode="numeric" autocomplete="cc-exp" maxlength="5"><label for="credit_card_expiration"
class="absolute bg-gradient-to-t from-white from-[54%] to-[46%] text-gray-500 transform -translate-y-5 scale-90 top-2 z-10 origin-[0] px-2 top-2 scale-90 -translate-y-4 left-1 peer-disabled:from-slate-50 peer-disabled:text-gray-500 peer-read-only:from-[#f5f5f5] peer-hover:text-gray-600 peer-focus:text-primary-hover peer-read-only:peer-focus:text-gray-600">Validade</label><!----><!---->
</div><!----><!---->
</div>
<div class="relative mt-8">
<div class="relative"><!----><input
class="bg-white block px-2.5 pb-2.5 w-full text-md text-gray-900 bg-transparent rounded border appearance-none focus:outline-none focus:ring-0 peer caret-primary-hover placeholder-slate-400 shadow-sm disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none read-only:bg-[#f8f8f8] hover:read-only:border-white read-only:cursor-default read-only:shadow-none pt-3 border-gray-300 focus:border-primary hover:border-gray-400 read-only:border-gray-200 read-only:focus:border-gray-200 read-only:hover:border-gray-200"
name="credit_card_cvv" id="credit_card_cvv" modelmodifiers="[object Object]" inputmode="numeric" autocomplete="cc-csc" maxlength="4"><label for="credit_card_cvv"
class="absolute bg-gradient-to-t from-white from-[54%] to-[46%] text-gray-500 transform -translate-y-5 scale-90 top-2 z-10 origin-[0] px-2 top-2 scale-90 -translate-y-4 left-1 peer-disabled:from-slate-50 peer-disabled:text-gray-500 peer-read-only:from-[#f5f5f5] peer-hover:text-gray-600 peer-focus:text-primary-hover peer-read-only:peer-focus:text-gray-600">Código
de Segurança</label><!----><!----></div><!---->
<p class="mt-1 text-[.9rem] text-gray-500">Para Visa e Mastercard, os últimos 3 dígitos da parte de trás do cartão. Para American Express, os 4 dígitos localizados na parte de cima do cartão.</p>
</div>
</div>
<div data-v-74a26fa1="" id="boleto-form" style="display: none;">
<h2 class="uppercase text-1.5xl xl:text-2.5xl pb-10">Boleto Bancário</h2>
<div data-v-e169770f="" class="relative">
<div data-v-e169770f="" class="relative">
<div data-v-e169770f="" class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none text-slate-500 w-[3.4rem]"></div><input data-v-e169770f=""
class="selection:text-gray-800 selection:bg-transparent bg-white block px-2.5 pb-2.5 w-full text-md text-gray-900 bg-transparent rounded border appearance-none focus:outline-none focus:ring-0 peer caret-primary-hover placeholder:text-slate-400 cursor-pointer shadow-sm disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none disabled:cursor-default pt-3 border-gray-300 focus:border-primary hover:border-gray-400"
name="boleto_charge_day" placeholder="" id="boleto_charge_day" readonly=""><label data-v-e169770f="" for="boleto_charge_day"
class="absolute bg-gradient-to-t from-white from-50% text-gray-500 transform -translate-y-5 scale-90 top-2 z-10 origin-[0] px-2 top-2 scale-90 -translate-y-4 left-1 peer-disabled:from-slate-50 peer-disabled:text-gray-500 peer-hover:text-gray-600 peer-focus:text-primary-hover">Dia
do Vencimento</label>
<div data-v-e169770f="" class="absolute right-2 inset-y-0 flex items-center pointer-events-none"><svg data-v-e169770f="" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-blue-600">
<path
d="m18.602 4.7282c-0.47582 0.00547-0.95692 0.22944-1.3184 0.76073l-7.226 10.112-3.6268-3.6256c-1.577-1.469-3.835 0.78837-2.3656 2.3648l5.0236 5.0242c0.73135 0.73058 1.944 0.63068 2.5457-0.20978l8.3727-11.72c0.98594-1.3133-0.18936-2.72-1.4054-2.706z">
</path>
</svg><svg data-v-e169770f="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-slate-500">
<path fill-rule="evenodd"
d="M10 3a.75.75 0 01.55.24l3.25 3.5a.75.75 0 11-1.1 1.02L10 4.852 7.3 7.76a.75.75 0 01-1.1-1.02l3.25-3.5A.75.75 0 0110 3zm-3.76 9.2a.75.75 0 011.06.04l2.7 2.908 2.7-2.908a.75.75 0 111.1 1.02l-3.25 3.5a.75.75 0 01-1.1 0l-3.25-3.5a.75.75 0 01.04-1.06z"
clip-rule="evenodd"></path>
</svg></div>
</div>
<div data-v-e169770f="" class="absolute overflow-y-auto py-1 mt-1 w-full bg-white rounded shadow-md border border-gray-200 placeholder:text-slate-400 z-20" style="display: none;">
<ul data-v-e169770f="" class="dropdownItems" tabindex="-1">
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-1.5" tabindex="-1"><!----><span data-v-e169770f=""
class="flex-1">Dia 5</span><!----></li>
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-1.5" tabindex="-1"><!----><span data-v-e169770f=""
class="flex-1">Dia 10</span><!----></li>
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-1.5" tabindex="-1"><!----><span data-v-e169770f=""
class="flex-1">Dia 15</span><svg data-v-e169770f="" class="w-6 h-6 w-7 h-auto text-primary group-focus:text-white" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="m2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75-9.75-4.365-9.75-9.75zm15.6-3.2287c1.0012-1.3341-1.0501-2.8003-1.9883-1.4211l-5.2738 7.3826-2.6467-2.6467c-1.151-1.0725-2.8 0.57652-1.7275 1.7275l3.6669 3.6669c0.5338 0.5334 1.4187 0.46044 1.8579-0.15319z"
clip-rule="evenodd" fill-rule="evenodd"></path>
</svg></li>
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-1.5" tabindex="-1"><!----><span data-v-e169770f=""
class="flex-1">Dia 20</span><!----></li>
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-1.5" tabindex="-1"><!----><span data-v-e169770f=""
class="flex-1">Dia 25</span><!----></li>
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-1.5" tabindex="-1"><!----><span data-v-e169770f=""
class="flex-1">Dia 30</span><!----></li>
</ul>
</div><!----><!---->
</div>
<div class="relative mt-8">
<div class="flex items-center p-3 sm:p-3 cursor-pointer group bg-white border border-gray-300 hover:border-gray-400 rounded"><input
class="bg-white border-1 border-gray-300 text-primary rounded w-6 h-6 focus:ring-primary-focus focus:ring-offset-2 focus:ring-4 group-hover:ring-primary-focus group-hover:ring-4 group-hover:ring-offset-2 group-hover:border-gray-400 checked:border-0 cursor-pointer"
type="checkbox" name="boleto_mail" id="boleto_mail"><label for="boleto_mail" class="ml-3 mr-2 md:mx-4 text-sm md:text-[.95rem] cursor-pointer group-hover:text-gray-600 text-gray-500">Desejo receber os boletos pelos Correios</label>
</div><!---->
<p class="mt-1 text-[.9rem] text-gray-500">Os Boletos digitais economizam custos de manuseio e emissão</p>
</div>
</div>
<div data-v-74a26fa1="" id="pix-form" style="display: none;">
<h2 class="uppercase text-1.5xl xl:text-2.5xl pb-10">PIX</h2>
<div class="m-auto"><svg width="237.77mm" height="84.263mm" viewBox="0 0 237.77 84.263" xmlns="http://www.w3.org/2000/svg" class="m-auto max-w-[220px] h-auto">
<g transform="translate(-535.59 -20.809)">
<path d="m633.42 99.489v-48.324c0-8.8918 7.208-16.1 16.099-16.1l14.268 0.0215c8.8657 0.0176 16.044 7.2097 16.044 16.076v10.286c0 8.8918-7.2083 16.1-16.1 16.1h-20.162" fill="none" stroke="#939598" stroke-linecap="round"
stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.9764"></path>
<path d="m683.82 35.059h6.1891c3.6491 0 6.6068 2.958 6.6068 6.6072v36.098" fill="none" stroke="#939598" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.9764"></path>
<path
d="m695.29 29.466-2.8067-2.8071c-0.69674-0.69638-0.69674-1.8256 0-2.522l2.8049-2.8053c0.69779-0.69744 1.8284-0.69744 2.5255 0l2.8049 2.8053c0.69673 0.69638 0.69673 1.8256 0 2.522l-2.8067 2.8071c-0.69638 0.69638-1.8253 0.69638-2.522 0"
fill="#32bcad"></path>
<path d="m708.49 35.027h6.138c3.1577 0 6.186 1.2545 8.4183 3.4869l14.357 14.357c1.8595 1.8598 4.8747 1.8598 6.7345 0l14.304-14.304c2.2327-2.2324 5.2606-3.4869 8.4183-3.4869h4.9904" fill="none" stroke="#939598" stroke-linecap="round"
stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.9764"></path>
<path d="m708.49 77.448h6.138c3.1577 0 6.186-1.2545 8.4183-3.4869l14.357-14.357c1.8595-1.8598 4.8747-1.8598 6.7345 0l14.304 14.304c2.2327 2.2324 5.2606 3.4869 8.4183 3.4869h4.9904" fill="none" stroke="#939598" stroke-linecap="round"
stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.9764"></path>
<g fill="#32bcad">
<path
d="m596.83 86.62c-3.0804 0-5.9778-1.1994-8.1562-3.3768l-11.777-11.777c-0.82691-0.82903-2.268-0.82656-3.0946 0l-11.82 11.82c-2.1784 2.1773-5.0758 3.3768-8.1562 3.3768h-2.3209l14.916 14.915c4.6581 4.6581 12.211 4.6581 16.869 0l14.958-14.958z">
</path>
<path
d="m553.82 44.963c3.0805 0 5.9778 1.1994 8.1562 3.3768l11.82 11.822c0.85125 0.85161 2.2412 0.85479 3.0946-1e-3l11.777-11.778c2.1784-2.1774 5.0758-3.3768 8.1562-3.3768h1.4185l-14.958-14.958c-4.6588-4.6584-12.211-4.6584-16.869 0l-14.915 14.915z">
</path>
<path
d="m610.62 57.379-9.0392-9.0392c-0.19897 0.0797-0.41452 0.12946-0.64206 0.12946h-4.1099c-2.1248 0-4.2048 0.86184-5.7062 2.3643l-11.776 11.777c-1.1021 1.1021-2.5502 1.6535-3.997 1.6535-1.4482 0-2.8952-0.55139-3.997-1.6524l-11.821-11.821c-1.5014-1.5028-3.5814-2.3643-5.7062-2.3643h-5.0535c-0.21555 0-0.41698-0.0508-0.60713-0.12242l-9.0752 9.0752c-4.6584 4.6584-4.6584 12.211 0 16.869l9.0749 9.0748c0.1905-0.0716 0.39193-0.12241 0.60748-0.12241h5.0535c2.1248 0 4.2048-0.86148 5.7062-2.364l11.82-11.82c2.1364-2.1347 5.8607-2.1354 7.995 1e-3l11.776 11.776c1.5014 1.5025 3.5814 2.3643 5.7062 2.3643h4.1099c0.22754 0 0.44309 0.0497 0.64206 0.12947l9.0392-9.0392c4.6581-4.6584 4.6581-12.211 0-16.869">
</path>
</g>
<g fill="#939598">
<path
d="m645.69 95.381c-0.6671 0-1.4436 0.16051-2.2116 0.33761v2.9446c0.53199 0.19438 1.1395 0.28787 1.7219 0.28787 1.4767 0 2.177-0.49812 2.177-1.7988 0-1.2227-0.57362-1.7713-1.6873-1.7713m-2.7097 5.4688v-5.8237h0.40534l0.0423 0.25364c0.68333-0.16051 1.6284-0.37147 2.3036-0.37147 0.54927 0 1.0721 0.0836 1.5106 0.4385 0.50694 0.41416 0.66711 1.0802 0.66711 1.8055 0 0.76094-0.25365 1.4778-0.94545 1.874-0.48084 0.27023-1.1306 0.37994-1.7131 0.37994-0.59937 0-1.173-0.0931-1.7724-0.26987v1.7134z">
</path>
<path
d="m651.62 95.364c-1.4771 0-2.1354 0.46461-2.1354 1.7642 0 1.2573 0.64982 1.8232 2.1354 1.8232 1.4683 0 2.1265-0.45614 2.1265-1.7558 0-1.2573-0.64946-1.8316-2.1265-1.8316m1.8986 3.5874c-0.48966 0.35383-1.1476 0.45543-1.8986 0.45543-0.768 0-1.4266-0.10971-1.9075-0.45543-0.5401-0.37959-0.75989-1.0047-0.75989-1.7889 0-0.77717 0.21979-1.4094 0.75989-1.7985 0.48083-0.34537 1.1395-0.45544 1.9075-0.45544 0.75918 0 1.409 0.11007 1.8986 0.45544 0.54892 0.38911 0.75953 1.0213 0.75953 1.7889 0 0.78563-0.21943 1.4189-0.75953 1.7985">
</path>
<path d="m660.51 99.289-1.6457-3.5355h-0.0342l-1.62 3.5355h-0.44732l-1.7554-4.2623h0.54857l1.4602 3.5782h0.0339l1.5861-3.5782h0.45579l1.6291 3.5782h0.0339l1.4263-3.5782h0.53129l-1.7551 4.2623z"></path>
<path
d="m665.89 95.356c-1.367 0-1.8313 0.60748-1.9159 1.4859h3.8319c-0.042-0.97049-0.54045-1.4859-1.9159-1.4859m-0.0166 4.051c-0.81915 0-1.3504-0.11783-1.7724-0.47273-0.49812-0.43038-0.6671-1.0544-0.6671-1.7716 0-0.68368 0.22824-1.4093 0.79375-1.8232 0.47237-0.32879 1.0548-0.43039 1.6623-0.43039 0.54892 0 1.1818 0.0589 1.7046 0.41381 0.6163 0.4131 0.73483 1.1395 0.73483 1.966h-4.372c0.0166 0.87736 0.30374 1.6545 1.9576 1.6545 0.78529 0 1.5194-0.127 2.2031-0.24518v0.44697c-0.70908 0.12735-1.494 0.26176-2.2447 0.26176">
</path>
<path d="m669.76 99.289v-4.2623h0.40499l0.0427 0.25365c0.90276-0.22755 1.3247-0.37148 2.1181-0.37148h0.0593v0.47272h-0.11854c-0.66639 0-1.0714 0.0924-2.008 0.33761v3.5698z"></path>
<path
d="m675.28 95.356c-1.367 0-1.8313 0.60748-1.9159 1.4859h3.8319c-0.042-0.97049-0.54046-1.4859-1.9159-1.4859m-0.0166 4.051c-0.81915 0-1.3504-0.11783-1.7724-0.47273-0.49848-0.43038-0.66711-1.0544-0.66711-1.7716 0-0.68368 0.22825-1.4093 0.79375-1.8232 0.47237-0.32879 1.0548-0.43039 1.6623-0.43039 0.54892 0 1.1818 0.0589 1.7046 0.41381 0.61631 0.4131 0.73484 1.1395 0.73484 1.966h-4.372c0.0166 0.87736 0.30374 1.6545 1.9576 1.6545 0.78493 0 1.5191-0.127 2.2031-0.24518v0.44697c-0.70909 0.12735-1.494 0.26176-2.2447 0.26176">
</path>
<path
d="m683.17 95.652c-0.53164-0.19438-1.1391-0.28751-1.7216-0.28751-1.4767 0-2.1777 0.49882-2.1777 1.7981 0 1.2316 0.57397 1.7716 1.6877 1.7716 0.6671 0 1.4436-0.16051 2.2116-0.32914zm0.0931 3.6371-0.0423-0.25365c-0.68369 0.16052-1.6291 0.37183-2.3044 0.37183-0.54786 0-1.0717-0.0759-1.5106-0.43886-0.50624-0.4138-0.66675-1.0806-0.66675-1.8059 0-0.75953 0.25329-1.4774 0.94509-1.8655 0.48119-0.27835 1.131-0.38806 1.7219-0.38806 0.5909 0 1.1649 0.1016 1.7639 0.27023v-1.9494h0.49812v6.0593z">
</path>
<path
d="m690.97 95.381c-0.6671 0-1.4436 0.16051-2.2116 0.33761v2.9365c0.54046 0.20249 1.1395 0.29598 1.7219 0.29598 1.4767 0 2.177-0.49812 2.177-1.7988 0-1.2227-0.57362-1.7713-1.6873-1.7713m1.2742 3.6452c-0.48119 0.27023-1.131 0.37994-1.7134 0.37994-0.63289 0-1.2658-0.10971-1.9071-0.32067l-0.0254 0.20285h-0.33796v-6.0597h0.49812v2.0334c0.68368-0.15098 1.6034-0.35383 2.2532-0.35383 0.54928 0 1.0721 0.0836 1.5106 0.4385 0.50694 0.41416 0.6671 1.0802 0.6671 1.8055 0 0.76094-0.25365 1.4778-0.94509 1.874">
</path>
<path
d="m693.85 100.93v-0.46355c0.24447 0.0247 0.47307 0.0423 0.63323 0.0423 0.61631 0 0.98707-0.1778 1.3332-0.87841l0.16051-0.33726-2.2278-4.2623h0.57397l1.9075 3.6795h0.0335l1.8143-3.6795h0.5655l-2.3968 4.7858c-0.43886 0.86925-0.91158 1.1557-1.7808 1.1557-0.19439 0-0.40499-0.0166-0.61631-0.0423">
</path>
<path
d="m705.51 96.858h-1.6538v1.4944h1.6619c1.1395 0 1.5702-0.12736 1.5702-0.75142 0-0.66746-0.59055-0.74295-1.5783-0.74295m-0.30339-2.4222h-1.3504v1.5187h1.3586c1.1225 0 1.5695-0.13441 1.5695-0.76765 0-0.67451-0.56515-0.75106-1.5776-0.75106m2.5654 4.4482c-0.60819 0.38806-1.3423 0.40464-2.6839 0.40464h-2.5234v-5.781h2.4645c1.156 0 1.8648 0.0166 2.4557 0.37147 0.42228 0.2533 0.59055 0.64135 0.59055 1.1476 0 0.60713-0.25259 1.0128-0.91158 1.283v0.0332c0.74331 0.16969 1.2241 0.54928 1.2241 1.3677 0 0.55669-0.20249 0.9197-0.61595 1.1733">
</path>
<path
d="m713.44 97.5c-0.49847-0.0427-1.0044-0.0674-1.536-0.0674-0.86925 0-1.1737 0.17709-1.1737 0.57326 0 0.37148 0.25364 0.57433 0.92004 0.57433 0.55704 0 1.2238-0.1263 1.7896-0.25365zm0.25294 1.7889-0.0339-0.2533c-0.72601 0.1778-1.5695 0.37148-2.3124 0.37148-0.45615 0-0.9451-0.0593-1.2915-0.31256-0.31997-0.22755-0.47237-0.59902-0.47237-1.0294 0-0.48154 0.21131-0.92851 0.71719-1.156 0.44733-0.21096 1.0467-0.22754 1.5956-0.22754 0.44697 0 1.046 0.0247 1.5445 0.0589v-0.0765c0-0.6664-0.43921-0.88583-1.6376-0.88583-0.46426 0-1.0298 0.0247-1.5699 0.0755v-0.86082c0.59902-0.0497 1.2746-0.084 1.8316-0.084 0.74224 0 1.5109 0.0593 1.9833 0.39652 0.48895 0.34643 0.58244 0.82762 0.58244 1.4598v2.5238z">
</path>
<path
d="m720.19 99.289v-2.3551c0-0.77576-0.39617-1.0545-1.1056-1.0545-0.52281 0-1.1811 0.13476-1.7385 0.27023v3.1394h-1.1899v-4.2623h0.97049l0.0423 0.27023c0.75071-0.19368 1.5868-0.38806 2.2789-0.38806 0.52282 0 1.0548 0.0755 1.4598 0.43886 0.33725 0.30409 0.46425 0.72531 0.46425 1.3335v2.6077z">
</path>
<path
d="m724.73 99.407c-0.54857 0-1.1483-0.0755-1.5868-0.44697-0.52317-0.42227-0.67522-1.0887-0.67522-1.8069 0-0.67451 0.21943-1.409 0.86924-1.8221 0.53199-0.34643 1.1899-0.42193 1.8736-0.42193 0.48965 0 0.97084 0.0339 1.5021 0.0836v0.91158c-0.43075-0.0413-0.94545-0.0755-1.3586-0.0755-1.1314 0-1.6626 0.35489-1.6626 1.3338 0 0.92004 0.39652 1.3162 1.3247 1.3162 0.5401 0 1.1737-0.10125 1.7896-0.21943v0.87736c-0.6671 0.13582-1.3928 0.27023-2.0761 0.27023">
</path>
<path
d="m730.32 95.803c-1.131 0-1.6291 0.35489-1.6291 1.3254 0 0.97084 0.48965 1.3846 1.6291 1.3846 1.1222 0 1.6115-0.34678 1.6115-1.3173 0-0.9705-0.48048-1.3928-1.6115-1.3928m2.0422 3.157c-0.52317 0.35383-1.2069 0.44697-2.0422 0.44697-0.85267 0-1.536-0.10125-2.0507-0.44697-0.5909-0.38806-0.80222-1.0294-0.80222-1.7974 0-0.76871 0.21132-1.4185 0.80222-1.8066 0.5147-0.34572 1.198-0.44697 2.0507-0.44697 0.84419 0 1.5191 0.10125 2.0422 0.44697 0.5909 0.38806 0.79339 1.0379 0.79339 1.7974 0 0.76871-0.21096 1.4185-0.79339 1.8066">
</path>
<path
d="m740.03 99.407c-0.71684 0-1.4933-0.11783-2.0761-0.59902-0.6918-0.57432-0.90276-1.4601-0.90276-2.4144 0-0.8516 0.26987-1.8644 1.173-2.455 0.70026-0.45543 1.5695-0.54857 2.4472-0.54857 0.64206 0 1.3 0.0423 2.0175 0.10125v1.0379c-0.6163-0.0508-1.3755-0.0931-1.9664-0.0931-1.6461 0-2.3463 0.62512-2.3463 1.9576 0 1.36 0.64947 1.9674 1.8651 1.9674 0.79304 0 1.6792-0.16051 2.5739-0.34678v1.0294c-0.89464 0.17815-1.8316 0.36336-2.7852 0.36336">
</path>
<path
d="m746.31 95.668c-0.98778 0-1.3677 0.35489-1.4436 1.0047h2.8698c-0.0342-0.69215-0.43921-1.0047-1.4263-1.0047m-0.1778 3.7387c-0.70026 0-1.3332-0.084-1.8059-0.47308-0.50624-0.42121-0.68368-1.0544-0.68368-1.7808 0-0.64982 0.21131-1.3751 0.80221-1.7974 0.52282-0.37112 1.1899-0.44697 1.8651-0.44697 0.60748 0 1.325 0.0674 1.8478 0.43039 0.68404 0.48119 0.74295 1.2241 0.75106 2.1015h-4.0506c0.025 0.65016 0.37112 1.0721 1.5695 1.0721 0.7426 0 1.5695-0.10972 2.2705-0.21943v0.83538c-0.8188 0.13546-1.7134 0.27834-2.5661 0.27834">
</path>
<path
d="m754.21 99.289v-2.3551c0-0.77576-0.39617-1.0545-1.1056-1.0545-0.52317 0-1.1811 0.13476-1.7385 0.27023v3.1394h-1.1899v-4.2623h0.97049l0.0423 0.27023c0.75071-0.19368 1.5868-0.38806 2.279-0.38806 0.52281 0 1.0548 0.0755 1.4598 0.43886 0.33726 0.30409 0.46426 0.72531 0.46426 1.3335v2.6077z">
</path>
<path
d="m758.78 99.407c-0.57362 0-1.0971-0.16051-1.384-0.60748-0.21096-0.3041-0.31256-0.71685-0.31256-1.2912v-1.5956h-0.86078v-0.88583h0.86078l0.127-1.2915h1.0548v1.2915h1.6792v0.88583h-1.6792v1.3677c0 0.32914 0.025 0.60748 0.11782 0.81033 0.12665 0.2868 0.40499 0.39617 0.77647 0.39617 0.27834 0 0.6163-0.0423 0.85231-0.0836v0.8516c-0.38806 0.0766-0.83573 0.15205-1.2319 0.15205">
</path>
<path d="m761.1 99.289v-4.2623h0.97084l0.0423 0.27023c0.78493-0.21943 1.367-0.38806 2.11-0.38806 0.0335 0 0.0843 0 0.15134 8e-3v1.0132c-0.13512-8e-3 -0.29528-8e-3 -0.41346-8e-3 -0.58243 0-1.0209 0.067-1.6711 0.21943v3.1475z"></path>
<path
d="m768.7 97.5c-0.49812-0.0427-1.0044-0.0674-1.536-0.0674-0.86925 0-1.1737 0.17709-1.1737 0.57326 0 0.37148 0.25364 0.57433 0.92004 0.57433 0.55739 0 1.2238-0.1263 1.7896-0.25365zm0.25295 1.7889-0.0335-0.2533c-0.72602 0.1778-1.5699 0.37148-2.3128 0.37148-0.45578 0-0.94509-0.0593-1.2915-0.31256-0.31996-0.22755-0.47236-0.59902-0.47236-1.0294 0-0.48154 0.21131-0.92851 0.71755-1.156 0.44732-0.21096 1.0463-0.22754 1.5953-0.22754 0.44732 0 1.0463 0.0247 1.5445 0.0589v-0.0765c0-0.6664-0.43921-0.88583-1.6376-0.88583-0.4639 0-1.0298 0.0247-1.5699 0.0755v-0.86082c0.59902-0.0497 1.2746-0.084 1.832-0.084 0.74224 0 1.5106 0.0593 1.983 0.39652 0.4893 0.34643 0.58244 0.82762 0.58244 1.4598v2.5238z">
</path>
<path d="m771.42 93.229h1.1899v6.0593h-1.1899z"></path>
</g>
</g>
</svg></div>
<div class="max-w-[360px] m-auto mt-12 mb-16">
<ul class="text-[.95rem] text-gray-600">
<li class="flex"><span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 mr-4">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path>
</svg></span><span>O PIX possui prazo de pagamento de 72 horas</span></li>
<li class="flex mt-4"><span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 mr-4">
<path stroke-linecap="round" stroke-linejoin="round"
d="M3.75 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 0 1 3.75 9.375v-4.5ZM3.75 14.625c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5a1.125 1.125 0 0 1-1.125-1.125v-4.5ZM13.5 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 0 1 13.5 9.375v-4.5Z">
</path>
<path stroke-linecap="round" stroke-linejoin="round"
d="M6.75 6.75h.75v.75h-.75v-.75ZM6.75 16.5h.75v.75h-.75v-.75ZM16.5 6.75h.75v.75h-.75v-.75ZM13.5 13.5h.75v.75h-.75v-.75ZM13.5 19.5h.75v.75h-.75v-.75ZM19.5 13.5h.75v.75h-.75v-.75ZM19.5 19.5h.75v.75h-.75v-.75ZM16.5 16.5h.75v.75h-.75v-.75Z">
</path>
</svg></span><span>Para obter o seu código PIX, por favor, confirme a doação no botão abaixo</span></li>
</ul>
</div>
</div>
<div data-v-74a26fa1="" id="bank-debit-form" style="display: none;">
<h2 class="uppercase text-1.5xl xl:text-2.5xl pb-10">Débito Automático</h2>
<div data-v-e169770f="" class="relative">
<div data-v-e169770f="" class="relative">
<div data-v-e169770f="" class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none text-slate-500 w-[3.4rem]"><img data-v-e169770f="" class="object-contain object-center w-full aspect-[16/9] mt-1"
src="/assets/itau_logo-0ac43d3e.svg" alt=""></div><input data-v-e169770f=""
class="selection:text-gray-800 selection:bg-transparent bg-white block px-2.5 pb-2.5 w-full text-md text-gray-900 bg-transparent rounded border appearance-none focus:outline-none focus:ring-0 peer caret-primary-hover placeholder:text-slate-400 cursor-pointer shadow-sm disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none disabled:cursor-default pt-3 pl-16 border-gray-300 focus:border-primary hover:border-gray-400"
name="bank_debit_bank_code" placeholder="" id="bank_debit_bank_code" readonly=""><label data-v-e169770f="" for="bank_debit_bank_code"
class="absolute bg-gradient-to-t from-white from-50% text-gray-500 transform -translate-y-5 scale-90 top-2 z-10 origin-[0] px-2 top-2 scale-90 -translate-y-4 left-1 peer-disabled:from-slate-50 peer-disabled:text-gray-500 peer-hover:text-gray-600 peer-focus:text-primary-hover">Banco</label>
<div data-v-e169770f="" class="absolute right-2 inset-y-0 flex items-center pointer-events-none"><svg data-v-e169770f="" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-blue-600">
<path
d="m18.602 4.7282c-0.47582 0.00547-0.95692 0.22944-1.3184 0.76073l-7.226 10.112-3.6268-3.6256c-1.577-1.469-3.835 0.78837-2.3656 2.3648l5.0236 5.0242c0.73135 0.73058 1.944 0.63068 2.5457-0.20978l8.3727-11.72c0.98594-1.3133-0.18936-2.72-1.4054-2.706z">
</path>
</svg><svg data-v-e169770f="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-slate-500">
<path fill-rule="evenodd"
d="M10 3a.75.75 0 01.55.24l3.25 3.5a.75.75 0 11-1.1 1.02L10 4.852 7.3 7.76a.75.75 0 01-1.1-1.02l3.25-3.5A.75.75 0 0110 3zm-3.76 9.2a.75.75 0 011.06.04l2.7 2.908 2.7-2.908a.75.75 0 111.1 1.02l-3.25 3.5a.75.75 0 01-1.1 0l-3.25-3.5a.75.75 0 01.04-1.06z"
clip-rule="evenodd"></path>
</svg></div>
</div>
<div data-v-e169770f="" class="absolute overflow-y-auto py-1 mt-1 w-full bg-white rounded shadow-md border border-gray-200 placeholder:text-slate-400 z-20" style="display: none;">
<ul data-v-e169770f="" class="dropdownItems" tabindex="-1">
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-0.5" tabindex="-1">
<div data-v-e169770f="" class="relative w-10 h-auto"><img data-v-e169770f="" class="object-contain object-center w-full aspect-[16/9]" src="/assets/itau_logo-0ac43d3e.svg" alt=""></div><span data-v-e169770f=""
class="flex-1 pl-3">Itaú</span><svg data-v-e169770f="" class="w-6 h-6 w-7 h-auto text-primary group-focus:text-white" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="m2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75-9.75-4.365-9.75-9.75zm15.6-3.2287c1.0012-1.3341-1.0501-2.8003-1.9883-1.4211l-5.2738 7.3826-2.6467-2.6467c-1.151-1.0725-2.8 0.57652-1.7275 1.7275l3.6669 3.6669c0.5338 0.5334 1.4187 0.46044 1.8579-0.15319z"
clip-rule="evenodd" fill-rule="evenodd"></path>
</svg>
</li>
</ul>
</div><!---->
<p data-v-e169770f="" class="mt-1 text-[.9rem] text-gray-500">Atualmente, disponível apenas para correntistas Itaú</p>
</div>
<div class="relative mt-8">
<div class="relative"><!----><input data-maska="['####']"
class="bg-white block px-2.5 pb-2.5 w-full text-md text-gray-900 bg-transparent rounded border appearance-none focus:outline-none focus:ring-0 peer caret-primary-hover placeholder-slate-400 shadow-sm disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none read-only:bg-[#f8f8f8] hover:read-only:border-white read-only:cursor-default read-only:shadow-none pt-3 border-gray-300 focus:border-primary hover:border-gray-400 read-only:border-gray-200 read-only:focus:border-gray-200 read-only:hover:border-gray-200"
name="bank_debit_bank_branch" id="bank_debit_bank_branch" maxlength="5" inputmode="numeric"><label for="bank_debit_bank_branch"
class="absolute bg-gradient-to-t from-white from-[54%] to-[46%] text-gray-500 transform -translate-y-5 scale-90 top-2 z-10 origin-[0] px-2 top-2 scale-90 -translate-y-4 left-1 peer-disabled:from-slate-50 peer-disabled:text-gray-500 peer-read-only:from-[#f5f5f5] peer-hover:text-gray-600 peer-focus:text-primary-hover peer-read-only:peer-focus:text-gray-600">Agência</label><!----><!---->
</div><!---->
<p class="mt-1 text-[.9rem] text-gray-500">Sem o dígito verificador</p>
</div>
<div class="relative mt-8">
<div class="relative"><!----><input data-maska="['###-#', '####-#', '#####-#', '######-#']"
class="bg-white block px-2.5 pb-2.5 w-full text-md text-gray-900 bg-transparent rounded border appearance-none focus:outline-none focus:ring-0 peer caret-primary-hover placeholder-slate-400 shadow-sm disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none read-only:bg-[#f8f8f8] hover:read-only:border-white read-only:cursor-default read-only:shadow-none pt-3 border-gray-300 focus:border-primary hover:border-gray-400 read-only:border-gray-200 read-only:focus:border-gray-200 read-only:hover:border-gray-200"
name="bank_debit_bank_account" id="bank_debit_bank_account" maxlength="8" inputmode="numeric"><label for="bank_debit_bank_account"
class="absolute bg-gradient-to-t from-white from-[54%] to-[46%] text-gray-500 transform -translate-y-5 scale-90 top-2 z-10 origin-[0] px-2 top-2 scale-90 -translate-y-4 left-1 peer-disabled:from-slate-50 peer-disabled:text-gray-500 peer-read-only:from-[#f5f5f5] peer-hover:text-gray-600 peer-focus:text-primary-hover peer-read-only:peer-focus:text-gray-600">Conta
Corrente</label><!----><!----></div><!---->
<p class="mt-1 text-[.9rem] text-gray-500">Com o dígito verificador</p>
</div>
<div class="relative mt-8">
<div class="relative"><!----><input data-maska="['###.###.###-##','##.###.###/####-##']"
class="bg-white block px-2.5 pb-2.5 w-full text-md text-gray-900 bg-transparent rounded border appearance-none focus:outline-none focus:ring-0 peer caret-primary-hover placeholder-slate-400 shadow-sm disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none read-only:bg-[#f8f8f8] hover:read-only:border-white read-only:cursor-default read-only:shadow-none pt-3 border-gray-300 focus:border-primary hover:border-gray-400 read-only:border-gray-200 read-only:focus:border-gray-200 read-only:hover:border-gray-200"
name="bank_debit_cpf_cnpj" id="bank_debit_cpf_cnpj" maxlength="18" inputmode="numeric" placeholder="000.000.000-00"><label for="bank_debit_cpf_cnpj"
class="absolute bg-gradient-to-t from-white from-[54%] to-[46%] text-gray-500 transform -translate-y-5 scale-90 top-2 z-10 origin-[0] px-2 top-2 scale-90 -translate-y-4 left-1 peer-disabled:from-slate-50 peer-disabled:text-gray-500 peer-read-only:from-[#f5f5f5] peer-hover:text-gray-600 peer-focus:text-primary-hover peer-read-only:peer-focus:text-gray-600">CPF/CNPJ</label><!----><!---->
</div><!---->
<p class="mt-1 text-[.9rem] text-gray-500">Confirme o CPF/CNPJ do titular da conta-corrente</p>
</div>
<div class="relative mt-8">
<div class="relative"><!----><input
class="bg-white block px-2.5 pb-2.5 w-full text-md text-gray-900 bg-transparent rounded border appearance-none focus:outline-none focus:ring-0 peer caret-primary-hover placeholder-slate-400 shadow-sm disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none read-only:bg-[#f8f8f8] hover:read-only:border-white read-only:cursor-default read-only:shadow-none pt-3 border-gray-300 focus:border-primary hover:border-gray-400 read-only:border-gray-200 read-only:focus:border-gray-200 read-only:hover:border-gray-200"
name="bank_debit_holder" id="bank_debit_holder" autocomplete="cc-name" maxlength="50"><label for="bank_debit_holder"
class="absolute bg-gradient-to-t from-white from-[54%] to-[46%] text-gray-500 transform -translate-y-5 scale-90 top-2 z-10 origin-[0] px-2 top-2 scale-90 -translate-y-4 left-1 peer-disabled:from-slate-50 peer-disabled:text-gray-500 peer-read-only:from-[#f5f5f5] peer-hover:text-gray-600 peer-focus:text-primary-hover peer-read-only:peer-focus:text-gray-600">Nome
do Portador</label><!----><!----></div><!---->
<p class="mt-1 text-[.9rem] text-gray-500">Confirme o nome do titular da conta-corrente</p>
</div>
</div>
<div data-v-74a26fa1="" id="address-form" class="mt-12" style="display: none;">
<h2 class="uppercase text-1.5xl xl:text-2.5xl pb-10">Endereço</h2>
<div class="relative">
<div class="relative">
<div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none text-slate-500 z-10"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"
data-slot="icon" class="pt-1 h-6 w-6">
<path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"></path>
</svg></div><input data-maska="#####-###"
class="bg-white block px-2.5 pb-2.5 w-full text-md text-gray-900 bg-transparent rounded border appearance-none focus:outline-none focus:ring-0 peer caret-primary-hover placeholder-slate-400 shadow-sm disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none read-only:bg-[#f8f8f8] hover:read-only:border-white read-only:cursor-default read-only:shadow-none pt-3 pl-11 border-gray-300 focus:border-primary hover:border-gray-400 read-only:border-gray-200 read-only:focus:border-gray-200 read-only:hover:border-gray-200"
name="address_postal_code" inputmode="numeric" placeholder="0000-000" maxlength="9" id="address_postal_code" autocomplete="postal-code"><label for="address_postal_code"
class="absolute bg-gradient-to-t from-white from-[54%] to-[46%] text-gray-500 transform -translate-y-5 scale-90 top-2 z-10 origin-[0] px-2 top-2 scale-90 -translate-y-4 left-1 peer-disabled:from-slate-50 peer-disabled:text-gray-500 peer-read-only:from-[#f5f5f5] peer-hover:text-gray-600 peer-focus:text-primary-hover peer-read-only:peer-focus:text-gray-600">CEP</label><!----><!---->
</div><!----><!---->
</div>
<div class="relative mt-8">
<div class="relative"><!----><input
class="bg-white block px-2.5 pb-2.5 w-full text-md text-gray-900 bg-transparent rounded border appearance-none focus:outline-none focus:ring-0 peer caret-primary-hover placeholder-slate-400 shadow-sm disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none read-only:bg-[#f8f8f8] hover:read-only:border-white read-only:cursor-default read-only:shadow-none pt-3 border-gray-300 focus:border-primary hover:border-gray-400 read-only:border-gray-200 read-only:focus:border-gray-200 read-only:hover:border-gray-200"
name="address_line_1" id="address_line_1" maxlength="100" autocomplete="address-line1"><label for="address_line_1"
class="absolute bg-gradient-to-t from-white from-[54%] to-[46%] text-gray-500 transform -translate-y-5 scale-90 top-2 z-10 origin-[0] px-2 top-2 scale-90 -translate-y-4 left-1 peer-disabled:from-slate-50 peer-disabled:text-gray-500 peer-read-only:from-[#f5f5f5] peer-hover:text-gray-600 peer-focus:text-primary-hover peer-read-only:peer-focus:text-gray-600">Endereço</label><!----><!---->
</div><!----><!---->
</div>
<div class="relative mt-8">
<div class="relative"><!----><input
class="bg-white block px-2.5 pb-2.5 w-full text-md text-gray-900 bg-transparent rounded border appearance-none focus:outline-none focus:ring-0 peer caret-primary-hover placeholder-slate-400 shadow-sm disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none read-only:bg-[#f8f8f8] hover:read-only:border-white read-only:cursor-default read-only:shadow-none pt-3 border-gray-300 focus:border-primary hover:border-gray-400 read-only:border-gray-200 read-only:focus:border-gray-200 read-only:hover:border-gray-200 pr-14"
name="address_number" id="address_number" inputmode="numeric"><label for="address_number"
class="absolute bg-gradient-to-t from-white from-[54%] to-[46%] text-gray-500 transform -translate-y-5 scale-90 top-2 z-10 origin-[0] px-2 top-2 scale-90 -translate-y-4 left-1 peer-disabled:from-slate-50 peer-disabled:text-gray-500 peer-read-only:from-[#f5f5f5] peer-hover:text-gray-600 peer-focus:text-primary-hover peer-read-only:peer-focus:text-gray-600">Número</label>
<div class="absolute right-9 inset-y-0 flex items-center z-10">
<div class="flex items-center p-2 cursor-pointer z-20 pl-0 sm:pl-0 group"><input id="address_no_number" true-value="false" false-value="true"
class="bg-white border-1 border-gray-300 peer:border-primary text-primary rounded w-6 h-6 focus:ring-primary-focus focus:ring-offset-2 focus:ring-4 group-hover:ring-primary-focus group-hover:ring-4 group-hover:ring-offset-2 group-hover:border-gray-400 checked:border-0 cursor-pointer"
type="checkbox"><label for="address_no_number" class="ml-3 text-sm md:text-[.95rem] text-gray-500 group-hover:text-gray-600 cursor-pointer">Sem número</label></div>
</div><!---->
</div><!----><!---->
</div>
<div class="relative mt-8">
<div class="relative"><!----><input
class="bg-white block px-2.5 pb-2.5 w-full text-md text-gray-900 bg-transparent rounded border appearance-none focus:outline-none focus:ring-0 peer caret-primary-hover placeholder-slate-400 shadow-sm disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none read-only:bg-[#f8f8f8] hover:read-only:border-white read-only:cursor-default read-only:shadow-none pt-3 border-gray-300 focus:border-primary hover:border-gray-400 read-only:border-gray-200 read-only:focus:border-gray-200 read-only:hover:border-gray-200"
name="address_line_2" id="address_line_2" maxlength="50" autocomplete="address-line2"><label for="address_line_2"
class="absolute bg-gradient-to-t from-white from-[54%] to-[46%] text-gray-500 transform -translate-y-5 scale-90 top-2 z-10 origin-[0] px-2 top-2 scale-90 -translate-y-4 left-1 peer-disabled:from-slate-50 peer-disabled:text-gray-500 peer-read-only:from-[#f5f5f5] peer-hover:text-gray-600 peer-focus:text-primary-hover peer-read-only:peer-focus:text-gray-600">Complemento</label><!----><!---->
</div><!----><!---->
</div>
<div class="relative mt-8">
<div class="relative"><!----><input
class="bg-white block px-2.5 pb-2.5 w-full text-md text-gray-900 bg-transparent rounded border appearance-none focus:outline-none focus:ring-0 peer caret-primary-hover placeholder-slate-400 shadow-sm disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none read-only:bg-[#f8f8f8] hover:read-only:border-white read-only:cursor-default read-only:shadow-none pt-3 border-gray-300 focus:border-primary hover:border-gray-400 read-only:border-gray-200 read-only:focus:border-gray-200 read-only:hover:border-gray-200"
name="address_neighborhood" id="address_neighborhood" maxlength="50"><label for="address_neighborhood"
class="absolute bg-gradient-to-t from-white from-[54%] to-[46%] text-gray-500 transform -translate-y-5 scale-90 top-2 z-10 origin-[0] px-2 top-2 scale-90 -translate-y-4 left-1 peer-disabled:from-slate-50 peer-disabled:text-gray-500 peer-read-only:from-[#f5f5f5] peer-hover:text-gray-600 peer-focus:text-primary-hover peer-read-only:peer-focus:text-gray-600">Bairro</label><!----><!---->
</div><!----><!---->
</div>
<div class="relative mt-8">
<div class="relative"><!----><input
class="bg-white block px-2.5 pb-2.5 w-full text-md text-gray-900 bg-transparent rounded border appearance-none focus:outline-none focus:ring-0 peer caret-primary-hover placeholder-slate-400 shadow-sm disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none read-only:bg-[#f8f8f8] hover:read-only:border-white read-only:cursor-default read-only:shadow-none pt-3 border-gray-300 focus:border-primary hover:border-gray-400 read-only:border-gray-200 read-only:focus:border-gray-200 read-only:hover:border-gray-200"
name="address_city" id="address_city" maxlength="100" autocomplete="address-level2"><label for="address_city"
class="absolute bg-gradient-to-t from-white from-[54%] to-[46%] text-gray-500 transform -translate-y-5 scale-90 top-2 z-10 origin-[0] px-2 top-2 scale-90 -translate-y-4 left-1 peer-disabled:from-slate-50 peer-disabled:text-gray-500 peer-read-only:from-[#f5f5f5] peer-hover:text-gray-600 peer-focus:text-primary-hover peer-read-only:peer-focus:text-gray-600">Cidade</label><!----><!---->
</div><!----><!---->
</div>
<div data-v-e169770f="" class="relative mt-8">
<div data-v-e169770f="" class="relative">
<div data-v-e169770f="" class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none text-slate-500 w-[3.4rem]"></div><input data-v-e169770f=""
class="selection:text-gray-800 selection:bg-transparent bg-white block px-2.5 pb-2.5 w-full text-md text-gray-900 bg-transparent rounded border appearance-none focus:outline-none focus:ring-0 peer caret-primary-hover placeholder:text-slate-400 cursor-pointer shadow-sm disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none disabled:cursor-default pt-3 border-gray-300 focus:border-primary hover:border-gray-400"
name="address_state" placeholder="" id="address_state" autocomplete="address-level1" readonly=""><label data-v-e169770f="" for="address_state"
class="absolute bg-gradient-to-t from-white from-50% text-gray-500 transform -translate-y-5 scale-90 top-2 z-10 origin-[0] px-2 top-2 scale-90 -translate-y-4 left-1 peer-disabled:from-slate-50 peer-disabled:text-gray-500 peer-hover:text-gray-600 peer-focus:text-primary-hover">Estado</label>
<div data-v-e169770f="" class="absolute right-2 inset-y-0 flex items-center pointer-events-none"><!----><svg data-v-e169770f="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-slate-500">
<path fill-rule="evenodd"
d="M10 3a.75.75 0 01.55.24l3.25 3.5a.75.75 0 11-1.1 1.02L10 4.852 7.3 7.76a.75.75 0 01-1.1-1.02l3.25-3.5A.75.75 0 0110 3zm-3.76 9.2a.75.75 0 011.06.04l2.7 2.908 2.7-2.908a.75.75 0 111.1 1.02l-3.25 3.5a.75.75 0 01-1.1 0l-3.25-3.5a.75.75 0 01.04-1.06z"
clip-rule="evenodd"></path>
</svg></div>
</div>
<div data-v-e169770f="" class="absolute overflow-y-auto py-1 mt-1 w-full bg-white rounded shadow-md border border-gray-200 placeholder:text-slate-400 z-20" style="display: none;">
<ul data-v-e169770f="" class="dropdownItems" tabindex="-1">
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-1.5" tabindex="-1"><!----><span data-v-e169770f=""
class="flex-1">Acre</span><!----></li>
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-1.5" tabindex="-1"><!----><span data-v-e169770f=""
class="flex-1">Alagoas</span><!----></li>
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-1.5" tabindex="-1"><!----><span data-v-e169770f=""
class="flex-1">Amazonas</span><!----></li>
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-1.5" tabindex="-1"><!----><span data-v-e169770f=""
class="flex-1">Amapá</span><!----></li>
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-1.5" tabindex="-1"><!----><span data-v-e169770f=""
class="flex-1">Bahia</span><!----></li>
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-1.5" tabindex="-1"><!----><span data-v-e169770f=""
class="flex-1">Ceará</span><!----></li>
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-1.5" tabindex="-1"><!----><span data-v-e169770f=""
class="flex-1">Distrito Federal</span><!----></li>
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-1.5" tabindex="-1"><!----><span data-v-e169770f=""
class="flex-1">Espírito Santo</span><!----></li>
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-1.5" tabindex="-1"><!----><span data-v-e169770f=""
class="flex-1">Goiás</span><!----></li>
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-1.5" tabindex="-1"><!----><span data-v-e169770f=""
class="flex-1">Maranhão</span><!----></li>
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-1.5" tabindex="-1"><!----><span data-v-e169770f=""
class="flex-1">Minas Gerais</span><!----></li>
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-1.5" tabindex="-1"><!----><span data-v-e169770f=""
class="flex-1">Mato Grosso do Sul</span><!----></li>
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-1.5" tabindex="-1"><!----><span data-v-e169770f=""
class="flex-1">Mato Grosso</span><!----></li>
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-1.5" tabindex="-1"><!----><span data-v-e169770f=""
class="flex-1">Pará</span><!----></li>
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-1.5" tabindex="-1"><!----><span data-v-e169770f=""
class="flex-1">Paraíba</span><!----></li>
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-1.5" tabindex="-1"><!----><span data-v-e169770f=""
class="flex-1">Pernambuco</span><!----></li>
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-1.5" tabindex="-1"><!----><span data-v-e169770f=""
class="flex-1">Piauí</span><!----></li>
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-1.5" tabindex="-1"><!----><span data-v-e169770f=""
class="flex-1">Paraná</span><!----></li>
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-1.5" tabindex="-1"><!----><span data-v-e169770f=""
class="flex-1">Rio de Janeiro</span><!----></li>
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-1.5" tabindex="-1"><!----><span data-v-e169770f=""
class="flex-1">Rio Grande do Norte</span><!----></li>
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-1.5" tabindex="-1"><!----><span data-v-e169770f=""
class="flex-1">Rondônia</span><!----></li>
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-1.5" tabindex="-1"><!----><span data-v-e169770f=""
class="flex-1">Roraima</span><!----></li>
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-1.5" tabindex="-1"><!----><span data-v-e169770f=""
class="flex-1">Rio Grande do Sul</span><!----></li>
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-1.5" tabindex="-1"><!----><span data-v-e169770f=""
class="flex-1">Santa Catarina</span><!----></li>
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-1.5" tabindex="-1"><!----><span data-v-e169770f=""
class="flex-1">Sergipe</span><!----></li>
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-1.5" tabindex="-1"><!----><span data-v-e169770f=""
class="flex-1">São Paulo</span><!----></li>
<li data-v-e169770f="" class="group flex items-center py-1.5 px-3 cursor-pointer bg-white focus:outline-none focus:bg-primary focus:text-white peer relative appearance-none py-1.5" tabindex="-1"><!----><span data-v-e169770f=""
class="flex-1">Tocantins</span><!----></li>
</ul>
</div><!----><!---->
</div>
</div>
<div data-v-74a26fa1="" style="display: none;">
<div data-v-74a26fa1="" class="flex bg-white p-3 sm:p-4 my-8 border border-gray-300 hover:border-gray-400 rounded cursor-pointer group">
<div class="pt-[2px]"><input
class="bg-white border-1 border-gray-300 peer:border-primary text-primary rounded w-6 h-6 focus:ring-primary-focus focus:ring-offset-2 focus:ring-4 group-hover:ring-primary-focus group-hover:ring-4 group-hover:ring-offset-2 group-hover:border-gray-400 checked:border-0 cursor-pointer"
type="checkbox" id="customer_mailing"></div><label for="customer_mailing" class="ml-3 mr-2 md:mx-4 text-sm md:text-[.95rem] text-gray-500 group-hover:text-gray-600 cursor-pointer">Aceito receber código PIX, boletos, e informações dos
Amigos do Bem por WhatsApp, E-mail, SMS e nos termos da Lei nº 13.709/18.</label>
<div class="self-center"><svg class="svg-inline--fa fa-envelope-open-text h-14 w-14 md:h-16 md:w-16 text-gray-200" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="envelope-open-text" role="img"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path class="" fill="currentColor"
d="M215.4 96H144 107.8 96v8.8V144v40.4 89L.2 202.5c1.6-18.1 10.9-34.9 25.7-45.8L48 140.3V96c0-26.5 21.5-48 48-48h76.6l49.9-36.9C232.2 3.9 243.9 0 256 0s23.8 3.9 33.5 11L339.4 48H416c26.5 0 48 21.5 48 48v44.3l22.1 16.4c14.8 10.9 24.1 27.7 25.7 45.8L416 273.4v-89V144 104.8 96H404.2 368 296.6 215.4zM0 448V242.1L217.6 403.3c11.1 8.2 24.6 12.7 38.4 12.7s27.3-4.4 38.4-12.7L512 242.1V448v0c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64v0zM176 160H336c8.8 0 16 7.2 16 16s-7.2 16-16 16H176c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64H336c8.8 0 16 7.2 16 16s-7.2 16-16 16H176c-8.8 0-16-7.2-16-16s7.2-16 16-16z">
</path>
</svg></div>
</div>
<div class="mt-12 mb-2 text-gray-600 border-t border-t-gray-300 pt-4 pb-2">
<div id="confirmation-details" class="flex w-full"><span id="confirmation-frequency" class="font-light">Doação Mensal</span><!----><!----></div>
</div><button type="submit"
class="flex justify-center items-center bg-success hover:bg-success-hover text-white text-xl px-4 py-3 rounded w-full uppercase font-medium ring-4 ring-offset-2 ring-offset-transparent ring-transparent focus:ring-success-focus focus:ring-offset-white"><span>Doar
agora</span></button>
</div>
</div>
</div>
</div>
</form>Text Content
PROCESSANDO DOAÇÃO... DOAR * Sobre nós * Portal do Doador * Fale Conosco Ainda hoje, milhões de pessoas vivem em povoados isolados no sertão nordestino, a região com o maior foco de miséria do país, enfrentando diariamente a fome, sem ter para quem pedir ajuda. Para que possamos continuar transformando milhares de vidas com alimentos, água e acesso à saúde, educação e geração de renda, precisamos muito de sua ajuda. Um pouco de você é muito para quem não tem nada! Você faz a diferença, Doe Agora. PLANO DE DOAÇÃO MensalÚnica ÁGUA A sua doação nos ajuda a levar água para milhares de pessoas. Recurso essencial à vida. EscolherR$ 30 /mês ALIMENTO A sua doação nos ajuda a levar alimentos para quem, neste instante, passa fome. EscolherR$ 50 /mês EDUCAÇÃO A sua doação ajuda nos a levar educação para milhares e jovens que ainda vivem em casas de barro. EscolherR$ 100 /mês OUTROS A sua doação nos ajuda a manter os diversos projetos de transformação no sertão. Escolher R$ Digite o valor ,00 /mês DADOS PESSOAIS CPF/CNPJ Nome E-mail Telefone FORMA DE PAGAMENTO Débito AutomáticoPIXBoleto BancárioCartão de Crédito CARTÃO DE CRÉDITO * A doação mensal por cartão de crédito é debitada mensalmente e não utiliza o seu limite de crédito. * Não armazenamos os dados do seu cartão em nossos sistemas * Nosso fornecedor de pagamentos é certificado em proteção e segurança de dados (PCI DSS 3.2) Número Bandeira * American Express * Diners Club * Elo * MasterCard * Visa * Hipercard Nome do portador Deve ser exato ao nome impresso em seu cartão Validade Código de Segurança Para Visa e Mastercard, os últimos 3 dígitos da parte de trás do cartão. Para American Express, os 4 dígitos localizados na parte de cima do cartão. BOLETO BANCÁRIO Dia do Vencimento * Dia 5 * Dia 10 * Dia 15 * Dia 20 * Dia 25 * Dia 30 Desejo receber os boletos pelos Correios Os Boletos digitais economizam custos de manuseio e emissão PIX * O PIX possui prazo de pagamento de 72 horas * Para obter o seu código PIX, por favor, confirme a doação no botão abaixo DÉBITO AUTOMÁTICO Banco * Itaú Atualmente, disponível apenas para correntistas Itaú Agência Sem o dígito verificador Conta Corrente Com o dígito verificador CPF/CNPJ Confirme o CPF/CNPJ do titular da conta-corrente Nome do Portador Confirme o nome do titular da conta-corrente ENDEREÇO CEP Endereço Número Sem número Complemento Bairro Cidade Estado * Acre * Alagoas * Amazonas * Amapá * Bahia * Ceará * Distrito Federal * Espírito Santo * Goiás * Maranhão * Minas Gerais * Mato Grosso do Sul * Mato Grosso * Pará * Paraíba * Pernambuco * Piauí * Paraná * Rio de Janeiro * Rio Grande do Norte * Rondônia * Roraima * Rio Grande do Sul * Santa Catarina * Sergipe * São Paulo * Tocantins Aceito receber código PIX, boletos, e informações dos Amigos do Bem por WhatsApp, E-mail, SMS e nos termos da Lei nº 13.709/18. Doação Mensal Doar agora Utilizamos cookies para melhorar sua experiência. Saiba mais em nossa Política de Privacidade. AceitarRejeitar AMIGOS DO BEM INSTITUIÇÃO NACIONAL CONTRA A FOME E A MISÉRIA CNPJ 05.108.918/0001-72 Rua Dr. Gabriel de Resende, 122. São Paulo/SP relacionamento@amigosdobem.org (11) 3019-0100