.chb-wrap{
  max-width: 980px;
  margin: 0 auto;
  padding: 24px 16px;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.chb-step{ display:none; }
.chb-step.is-active{ display:block; }

.chb-grid{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 22px;
  align-items: end;
}

@media (max-width: 820px){
  .chb-grid{ grid-template-columns: 1fr; }
}

.chb-card{
  border-top: 1px solid #ddd;
  padding-top: 14px;
}

.chb-label{
  font-size: 13px;
  letter-spacing: .02em;
  color:#111;
  margin-bottom: 10px;
}

.chb-input{
  width:100%;
  border:0;
  border-bottom:1px solid #ddd;
  padding: 10px 2px;
  font-size: 15px;
  outline: none;
  background: transparent;
}

.chb-input:focus{
  border-bottom-color:#2E4D32;
}

.chb-center{
  text-align:center;
  margin-top: 28px;
}

.chb-btn{
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid #2E4D32;
  background: #2E4D32;
  color: #fff;
  letter-spacing: .04em;
  font-size: 16px;
  padding: 14px 24px;
  cursor: pointer;
  text-transform: uppercase;
  border-radius: 2px;
}

.chb-btn:hover{
  background: #243C27;
  border-color: #243C27;
  color: #fff;
}

.chb-btn:focus{
  outline: none;
  box-shadow: 0 0 0 3px rgba(46,77,50,.25);
}

.chb-btn[disabled]{
  opacity: .35;
  cursor: not-allowed;
}

/* Secondario */
.chb-btn-secondary{
  background: transparent;
  color: #2E4D32;
  border: 1px solid #2E4D32;
  opacity: 1;
}

.chb-btn-secondary:hover{
  background: #2E4D32;
  color: #fff;
  border-color: #2E4D32;
}


.chb-form{
  margin-top: 18px;
}

.chb-summary{
  text-align:center;
  font-size: 15px;
  letter-spacing: .02em;
  margin: 8px 0 18px;
  color:#111;
}

.chb-row{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  margin-bottom: 18px;
}

@media (max-width: 820px){
  .chb-row{ grid-template-columns: 1fr; }
}

.chb-field label{
  display:block;
  font-size: 13px;
  margin-bottom: 8px;
  color:#111;
}

.chb-done{
  font-size: 16px;
  letter-spacing: .02em;
  padding: 18px 0;
}