/* Вид новой формы как у прежней карточки. Поля, имена и отправка не меняются. */
#custom-regbox,
#custom-regbox-2{
  padding-top:0 !important;
}
#main-container,
#main-container-2{
  max-width:none;
  width:100%;
  margin:0;
}
#custom-regbox .form-container,
#custom-regbox-2 .form-container{
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:clamp(18px,3vw,28px);
  box-shadow:0 30px 70px -40px rgba(110,80,0,.45);
}
#custom-regbox .formHeader,
#custom-regbox-2 .formHeader{
  background:transparent;
  color:var(--ink);
  text-align:left;
  font-family:var(--display);
  font-weight:700;
  font-size:22px;
  letter-spacing:-.4px;
  line-height:1.2;
  padding:0;
  margin:0;
  border-radius:0;
  text-wrap:pretty;
}
#custom-regbox .form-sub,
#custom-regbox-2 .form-sub{
  margin:4px 0 14px;
  font-size:14px;
  font-weight:400;
  letter-spacing:0;
  color:var(--muted);
  text-align:left;
}
#custom-regbox .formwrap-outer .intgrtn-form-signup,
#custom-regbox-2 .formwrap-outer .intgrtn-form-signup{
  padding:0;
}
#custom-regbox .intgrtn-step,
#custom-regbox-2 .intgrtn-step{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 10px;
}
#custom-regbox .intgrtn-input-holder-email,
#custom-regbox .intgrtn-input-holder-phone,
#custom-regbox .intgrtn-btn-go-to-step-holder,
#custom-regbox-2 .intgrtn-input-holder-email,
#custom-regbox-2 .intgrtn-input-holder-phone,
#custom-regbox-2 .intgrtn-btn-go-to-step-holder{
  grid-column:1 / -1;
}
#custom-regbox .intgrtn-input-holder,
#custom-regbox-2 .intgrtn-input-holder{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin:0;
}
#custom-regbox .intgrtn-input-holder-first-name::before,
#custom-regbox-2 .intgrtn-input-holder-first-name::before{content:"Nombre"}
#custom-regbox .intgrtn-input-holder-last-name::before,
#custom-regbox-2 .intgrtn-input-holder-last-name::before{content:"Apellido"}
#custom-regbox .intgrtn-input-holder-email::before,
#custom-regbox-2 .intgrtn-input-holder-email::before{content:"Correo"}
#custom-regbox .intgrtn-input-holder-phone::before,
#custom-regbox-2 .intgrtn-input-holder-phone::before{content:"Teléfono celular"}
#custom-regbox .intgrtn-input-holder::before,
#custom-regbox-2 .intgrtn-input-holder::before{
  font-size:13px;
  font-weight:600;
  line-height:1.2;
  color:#4A4536;
}
#custom-regbox .intgrtn-input,
#custom-regbox-2 .intgrtn-input{
  height:48px;
  width:100%;
  border-radius:12px;
  border:1.5px solid var(--line-2);
  background:var(--bg);
  padding:0 14px;
  font-size:16px;
  font-family:inherit;
  font-weight:400;
  color:var(--ink);
  text-align:left;
  box-shadow:none;
}
#custom-regbox .intgrtn-input::placeholder,
#custom-regbox-2 .intgrtn-input::placeholder{color:#8A8474}
#custom-regbox .intgrtn-input:focus,
#custom-regbox-2 .intgrtn-input:focus{
  border-color:var(--star);
  background:#fff;
  outline:none;
}
#custom-regbox .intgrtn-input.activeBad,
#custom-regbox-2 .intgrtn-input.activeBad{
  background:rgba(255,0,0,.6);
  color:#fff;
}
#custom-regbox .intgrtn-input.activeGood,
#custom-regbox-2 .intgrtn-input.activeGood{
  background:#5ec849;
  color:#fff;
}
#custom-regbox .iti,
#custom-regbox-2 .iti{
  width:100%;
  display:block;
}
#custom-regbox .iti--separate-dial-code input.intgrtn-input,
#custom-regbox-2 .iti--separate-dial-code input.intgrtn-input{
  padding-left:108px;
}
#custom-regbox .iti__flag-container,
#custom-regbox-2 .iti__flag-container{
  border-right:1px solid var(--line-2);
}
#custom-regbox .iti--separate-dial-code .iti__selected-flag,
#custom-regbox-2 .iti--separate-dial-code .iti__selected-flag{
  background:var(--yellow-soft);
  border-radius:11px 0 0 11px;
  padding:0 12px;
}
#custom-regbox .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag,
#custom-regbox-2 .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{
  background:var(--yellow-pale);
}
#custom-regbox .iti__flag.iti__mx + .iti__selected-dial-code::before,
#custom-regbox-2 .iti__flag.iti__mx + .iti__selected-dial-code::before{
  content:"MX ";
}
#custom-regbox .iti--separate-dial-code .iti__selected-dial-code,
#custom-regbox-2 .iti--separate-dial-code .iti__selected-dial-code{
  color:var(--ink) !important;
  font-weight:600;
  font-size:15px;
}
#custom-regbox .iti__country-list,
#custom-regbox-2 .iti__country-list{
  z-index:30;
  border-radius:12px;
}
#custom-regbox .intgrtn-input-holder-phone,
#custom-regbox-2 .intgrtn-input-holder-phone{
  position:relative;
  z-index:4;
}
#custom-regbox .intgrtn-btn-go-to-step,
#custom-regbox-2 .intgrtn-btn-go-to-step{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  height:56px;
  margin:2px 0 0;
  padding:0 20px;
  border:0;
  border-radius:14px;
  background:var(--yellow);
  color:var(--ink);
  font-family:inherit;
  font-weight:700;
  font-size:17px;
  letter-spacing:0;
  text-transform:none;
  text-align:center;
  white-space:nowrap;
  box-shadow:inset 0 -3px 0 rgba(0,0,0,.1);
  cursor:pointer;
}
#custom-regbox .intgrtn-btn-go-to-step:hover,
#custom-regbox-2 .intgrtn-btn-go-to-step:hover{
  background:var(--yellow-hover);
  color:var(--ink);
}
#custom-regbox .form-legal,
#custom-regbox-2 .form-legal{margin-top:12px}
#custom-regbox .form-trust,
#custom-regbox-2 .form-trust{margin-top:12px}
@media (max-width:520px){
  #custom-regbox .intgrtn-step,
  #custom-regbox-2 .intgrtn-step{grid-template-columns:1fr}
  #custom-regbox .intgrtn-btn-go-to-step,
  #custom-regbox-2 .intgrtn-btn-go-to-step{white-space:normal}
}