/* ===========================================
  REGISTER - Landing Principal
  Extiende las clases de login.css
=========================================== */

/* -------------------------------------------
  Captcha
------------------------------------------- */
.register-captcha {
  display: flex;
  justify-content: center;
  margin-bottom: 1.25rem;
}

/* -------------------------------------------
  Términos y condiciones
------------------------------------------- */
.register-terms-group {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin-bottom: 1.25rem;
}

.register-check-item {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
}

.register-check-item input[type="checkbox"] {
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  margin-top: 0.2rem;
  accent-color: var(--p-morado);
  cursor: pointer;
}

.register-check-item label {
  font-size: 0.8375rem;
  color: var(--gris);
  line-height: 1.5;
  cursor: pointer;
}

.register-check-item label a {
  color: var(--p-morado);
  font-weight: 500;
}

.register-check-item label a:hover {
  opacity: 0.75;
}

/* -------------------------------------------
  Validación de contraseña
------------------------------------------- */
.register-pwd-requirements {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 0.5rem;
  margin-bottom: 0.25rem;
}

.register-pwd-req {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  color: var(--gris);
  margin: 0;
  transition: color 0.2s ease;
}

.register-pwd-req svg {
  flex-shrink: 0;
  color: var(--gris);
  transition: color 0.2s ease;
}

.register-pwd-req--met     { color: var(--p-verde); }
.register-pwd-req--met svg { color: var(--p-verde); }

.register-pwd-match {
  font-size: 0.8125rem;
  margin-top: 0.375rem;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

.register-pwd-match--ok    { color: var(--p-verde); }
.register-pwd-match--error { color: #dc3545; }

/* -------------------------------------------
  Modal protección de datos
------------------------------------------- */
.register-modal .modal-header {
  background: var(--p-morado);
  padding: 1.25rem 1.5rem;
}

.register-modal .modal-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: #fff;
  margin: 0;
}

.register-modal .modal-body {
  font-size: 0.875rem;
  color: var(--gris-oscuro);
  line-height: 1.7;
  max-height: 50vh;
  overflow-y: auto;
}

.register-modal .modal-footer {
  padding: 1rem 1.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.register-modal-btn {
  width: 100%;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: none;
  background: var(--p-morado);
  color: #fff;
  font-weight: 700;
  font-size: 0.9375rem;
  font-family: 'Montserrat', sans-serif;
  cursor: pointer;
  transition: background 0.2s ease;
}

.register-modal-btn:hover {
  background: #6253c8;
}