/* UX-AUTH-1.1 · Registro profesional
   CSS adicional y scoped. No reemplaza auth.css profiles_geo_1_2. */

.rh-register-professional-body .rh-auth-shell {
  width: min(760px, 100%);
}

.rh-register-professional-body .rh-auth-tabs-three {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.rh-register-professional-body .rh-auth-tab-rich {
  min-height: 76px;
  padding: 12px 10px;
  flex-direction: column;
  gap: 4px;
  text-align: left;
  align-items: flex-start;
  justify-content: center;
}

.rh-register-professional-body .rh-auth-tab-rich strong {
  display: block;
  font-size: 14px;
  line-height: 1.12;
  letter-spacing: -.02em;
}

.rh-register-professional-body .rh-auth-tab-rich small {
  display: block;
  color: var(--rh-muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.rh-register-professional-body .rh-auth-tab-rich.is-active small {
  color: rgba(238, 243, 251, .78);
}

.rh-register-professional-body .rh-auth-intent-note {
  margin-top: 10px;
  border: 1px solid rgba(24, 199, 142, .18);
  border-radius: 14px;
  background: rgba(24, 199, 142, .08);
  color: var(--rh-soft);
  font-size: 13px;
  line-height: 1.45;
  padding: 11px 12px;
}

.rh-register-professional-body .rh-auth-name-grid,
.rh-register-professional-body .rh-auth-password-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.rh-register-professional-body .rh-auth-password-hints {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: -4px;
}

.rh-register-professional-body .rh-auth-password-hints span {
  border: 1px solid rgba(139, 151, 174, .14);
  border-radius: 999px;
  background: rgba(255, 255, 255, .04);
  color: var(--rh-muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.1;
  padding: 8px 10px;
}

.rh-register-professional-body .rh-auth-password-hints span.is-ok {
  border-color: rgba(24, 199, 142, .32);
  background: rgba(24, 199, 142, .10);
  color: var(--rh-primary);
}

.rh-register-professional-body .rh-auth-password-hints span.is-error {
  border-color: rgba(255, 107, 122, .32);
  background: rgba(255, 107, 122, .09);
  color: #ffd7dc;
}

@media (max-width: 720px) {
  .rh-register-professional-body .rh-auth-tabs-three {
    grid-template-columns: 1fr;
  }

  .rh-register-professional-body .rh-auth-tab-rich {
    min-height: 64px;
  }

  .rh-register-professional-body .rh-auth-tab-rich strong {
    font-size: 16px;
  }
}

@media (max-width: 560px) {
  .rh-register-professional-body .rh-auth-name-grid,
  .rh-register-professional-body .rh-auth-password-grid,
  .rh-register-professional-body .rh-auth-password-hints {
    grid-template-columns: 1fr;
  }
}
