@import url('/inc/css/form-email-v2.css');
@import url('/inc/css/form-donation-v2.css');
@import url('/inc/css/form-address-v2.css');
@import url('/inc/css/form-cadastro-v2.css');
@import url('/inc/css/form-update-v2.css');
@import url('/inc/css/form-confirm-v2.css');
@import url('/inc/css/form-value-v2.css');
@import url('/inc/css/form-checkout-v2.css');

body[class*="cons-form-v2-"] .main-page-wrapper { background: #f4f7fb; }
body[class*="cons-form-v2-"] .site-content { padding-top: 28px; padding-bottom: 42px; }
body[class*="cons-form-v2-"] :is(#form1,#form2,#formValor,#formCheckout,#formConfirme,#formAtualize,form#form).cons-v2-root {
  box-sizing: border-box; width: min(100% - 24px, 900px); margin: 0 auto !important;
  padding: 30px 36px 26px !important; color: #15346c; background: #fff;
  border: 1px solid #d5dfed; border-radius: 22px; box-shadow: 0 10px 28px rgba(17,48,91,.11);
  font-family: Inter, Arial, sans-serif;
}
body[class*="cons-form-v2-"] .cons-v2-root *,body[class*="cons-form-v2-"] .cons-v2-root *::before,body[class*="cons-form-v2-"] .cons-v2-root *::after { box-sizing: border-box; }
body[class*="cons-form-v2-"] .cons-v2-root > .row { margin-right: 0 !important; margin-left: 0 !important; padding: 0 !important; }
body[class*="cons-form-v2-"] .cons-v2-root > .row > [class*="col-"] { width: 100%; max-width: 100%; flex: 0 0 100%; padding-right: 0; padding-left: 0; }
body[class*="cons-form-v2-"] .cons-v2-root > .row > [class*="col-"]:empty { display: none; }
body[class*="cons-form-v2-"] .cons-v2-root h1,body[class*="cons-form-v2-"] .cons-v2-root h2,body[class*="cons-form-v2-"] .cons-v2-root h3,
body[class*="cons-form-v2-"] .cons-v2-root .titulo-area { color: #092766 !important; font-family: Georgia,serif; text-align: center !important; }
body[class*="cons-form-v2-"] .cons-v2-root h1 { font-size: clamp(1.7rem,4vw,2.3rem) !important; line-height: 1.18; }
body[class*="cons-form-v2-"] .cons-v2-root h2 { font-size: clamp(1.35rem,3vw,1.85rem) !important; }
body[class*="cons-form-v2-"] .cons-v2-root hr { width: 58px !important; height: 3px; margin: 12px auto 24px !important; background: #efb344; border: 0; border-radius: 99px; }
body[class*="cons-form-v2-"] .cons-v2-root .form-group { margin-bottom: 15px !important; }
body[class*="cons-form-v2-"] .cons-v2-root label { display: block; margin: 0 0 6px; color: #1b3157; font-size: .86rem; font-weight: 650; }
body[class*="cons-form-v2-"] .cons-v2-root :is(input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]),select,textarea) {
  width: 100% !important; height: 52px !important; padding: 9px 14px !important; color: #263d61 !important;
  background: #fff !important; border: 1px solid #afc0d6 !important; border-radius: 8px !important; box-shadow: none !important; font-size: .94rem;
}
body[class*="cons-form-v2-"] .cons-v2-root :is(input,select,textarea):focus { outline: 0; border-color: #0a459c !important; box-shadow: 0 0 0 3px rgba(10,69,156,.1) !important; }
body[class*="cons-form-v2-"] .cons-v2-root :is(input,select,textarea).erro { border-color: #cf3039 !important; background: #fffafa !important; }
body[class*="cons-form-v2-"] .cons-v2-root :is(input,select,textarea).sucesso { border-color: #2c9460 !important; background: #fbfffd !important; }
body[class*="cons-form-v2-"] .cons-v2-root :is(button,input[type="button"],input[type="submit"]).btn,
body[class*="cons-form-v2-"] .cons-v2-root :is(button,input[type="button"],input[type="submit"]).btn-salvar,
body[class*="cons-form-v2-"] .cons-v2-root button:not(.searchsubmit) {
  min-width: min(100%,320px); min-height: 52px; padding: 11px 28px !important; color: #fff !important;
  background: linear-gradient(105deg,#073b91,#062e77) !important; border: 1px solid #07337f !important;
  border-radius: 8px !important; box-shadow: 0 8px 17px rgba(5,48,124,.2); font-size: 1rem !important; font-weight: 700;
}
body[class*="cons-form-v2-"] .cons-v2-root .check-news { margin: 14px 0 !important; padding: 0 !important; color: #405671 !important; font-size: .8rem; }
body[class*="cons-form-v2-"] .cons-v2-root input[type="checkbox"] { width: 18px !important; height: 18px !important; margin: 1px 8px 0 0 !important; accent-color: #073b91; }
body[class*="cons-form-v2-"] .cons-v2-root :is(#msg_email,#msg_nome,#msg_telefone,#msg_cpf,#msg_cep,#msg_rua,#msg_numero,#msg_compl,#msg_bairro,#msg_cidade,#msg_uf,#msg_genero,#msg_nascimento,#msg_idade,#msg_minimo,#sucestipo,#sucesstermo) { margin: 5px 0; color: #c52931 !important; font-size: .75rem !important; }
body[class*="cons-form-v2-"] .cons-v2-root .oculta_loading { display: none; }
body[class*="cons-form-v2-"] .cons-v2-root .exibe_loading { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; flex-direction: column; background: rgba(255,255,255,.92); }

body.cons-form-v2-registration #form2 .form-group { display: inline-block; width: calc(50% - 10px); vertical-align: top; }
body.cons-form-v2-registration #form2 .form-group:nth-of-type(odd) { margin-right: 15px; }
body.cons-form-v2-registration #form2 .botao-area { margin-top: 12px; text-align: center; }
body.cons-form-v2-registration #form2 .alert-area { clear: both; }

body.cons-form-v2-address form#form { max-width: 930px; }
body.cons-form-v2-address form#form .row { margin-right: -6px; margin-left: -6px; }
body.cons-form-v2-address form#form [class*="col-"] { padding-right: 6px; padding-left: 6px; }
body.cons-form-v2-address form#form select { width: 100%; }

body.cons-form-v2-value #formValor input[type="radio"],body.cons-form-v2-donation #form1 input[type="radio"] { position: absolute; opacity: 0; }
body.cons-form-v2-value #formValor .labelValor,body.cons-form-v2-donation #form1 .labelValor {
  min-height: 54px; margin: 5px !important; padding: 14px 12px !important; color: #173363 !important;
  background: #f8fbff; border: 1px solid #b7c7dc; border-radius: 9px; text-align: center; cursor: pointer;
}
body.cons-form-v2-value #formValor input[type="radio"]:checked + .labelValor,body.cons-form-v2-donation #form1 input[type="radio"]:checked + .labelValor { color: #fff !important; background: #073b91; border-color: #073b91; box-shadow: 0 6px 14px rgba(7,59,145,.2); }
body.cons-form-v2-value #formValor [style*="margin-top: -45px"],body.cons-form-v2-donation #form1 [style*="margin-top: -45px"] { margin-top: 0 !important; }
body.cons-form-v2-value #formValor #enviar { display: inline-block; margin-top: 16px; }

body.cons-form-v2-checkout #formCheckout { max-width: 820px; }
body.cons-form-v2-checkout #formCheckout #valor_x { padding: 12px; color: #073b91 !important; background: #edf4ff; border-radius: 10px; }
body.cons-form-v2-checkout #formCheckout #form_cartao > [class*="col-"] { width: 100%; max-width: 100%; }
body.cons-form-v2-checkout #formCheckout #send { display: inline-block; margin-top: 12px; }

body.cons-form-v2-confirm #formConfirme { max-width: 790px; text-align: center; }
body.cons-form-v2-confirm #formConfirme button { display: inline-block; margin: 7px; }
body.cons-form-v2-confirm #formConfirme button + button { color: #173363 !important; background: #fff !important; border-color: #efb344 !important; box-shadow: none; }
body.cons-form-v2-update #formAtualize { margin: 0 !important; }

@media (max-width: 767px) {
  body[class*="cons-form-v2-"] .site-content { padding-top: 12px; padding-bottom: 24px; }
  body[class*="cons-form-v2-"] :is(#form1,#form2,#formValor,#formCheckout,#formConfirme,#formAtualize,form#form).cons-v2-root { width: calc(100% - 12px); padding: 18px 14px 16px !important; border-radius: 14px; }
  body.cons-form-v2-registration #form2 .form-group { display: block; width: 100%; margin-right: 0 !important; }
  body.cons-form-v2-address form#form [class*="col-"] { width: 100%; max-width: 100%; flex: 0 0 100%; }
  body[class*="cons-form-v2-"] .cons-v2-root :is(input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]),select,textarea) { height: 46px !important; }
}
