#cpn-sq .cpn-sq-tabs {
  margin-bottom: 1em;
}
#cpn-sq .cpn-sq-tab {
  padding: 0.5em 1em;
  cursor: pointer;
  border: 1px solid #ddd;
  background: #f5f5f5;
  margin-right: 0.5em;
}
#cpn-sq .cpn-sq-tab.active {
  background: #fff;
  border-bottom: 1px solid #fff;
}
#cpn-sq .cpn-sq-panel {
  border: 1px solid #ddd;
  padding: 1em;
  background: #fff;
}
#cpn-sq input,
#cpn-sq textarea,
#cpn-sq select {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 0.5em;
  padding: 0.5em;
}
#cpn-sq button {
  padding: 0.5em 1em;
}
#cpn-sq div[id$="msg"] {
  margin-top: 0.5em;
  color: #a00;
}

/* Nombre y apellido en la misma fila */
#cpn-sq-register #cpn-sq-reg-first,
#cpn-sq-register #cpn-sq-reg-last {
  width: 48%;
  display: inline-block;
  margin-right: 2%;
  box-sizing: border-box;
}
#cpn-sq-register #cpn-sq-reg-last {
  margin-right: 0;
}

/* Departamento y ciudad en la misma fila */
#cpn-sq-register #cpn-sq-reg-dept,
#cpn-sq-register #cpn-sq-reg-city {
  width: 48%;
  display: inline-block;
  margin-right: 2%;
  box-sizing: border-box;
}
#cpn-sq-register #cpn-sq-reg-city {
  margin-right: 0;
}

/* contenedor de fila: agrupa dos campos */
.cpn-sq-row {
  margin-bottom: 0.75em;
}

/* inputs y selects dentro de .cpn-sq-row van 48% y en línea */
.cpn-sq-row input,
.cpn-sq-row select {
  width: 48%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4%;
  box-sizing: border-box;
}

/* último campo de cada fila no lleva margin */
.cpn-sq-row input:last-child,
.cpn-sq-row select:last-child {
  margin-right: 0;
}

/* estilo lijero para el <p> de correo y botón */
#cpn-sq-register p {
  margin-bottom: 0.75em;
}