/* Estilo base para el mensaje y botones */
.cf7-rb-mensaje {
  display: none;
  margin-top: 10px;
  font-weight: 700;
  padding: 6px 10px;
  border-radius: 4px;
  border: 1px solid rgba(0,0,0,0.06);
}

/* Estilo compartido para todos los botones */
.cf7-btn {
  font-size: 13px;
  font-weight: 700;
  color: #850065;
  background: #ffffff;
  padding: 10px 10px;
  margin-right: 8px;
  cursor: pointer;
  border: 2px solid #850065;
  border-radius: 6px;
  text-decoration: none;
  display: inline-block;
  line-height: 1;
  transition: background .15s ease, border-color .15s ease, transform .06s ease;
}

/* Estado activo: fondo más claro (tono derivado de #850065) */
.cf7-btn:active {
  background: #b666a3;
  border-color: #b666a3;
}

/* Focus visible */
.cf7-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(134, 0, 101, 0.12);
}

/* Responsive */
@media (max-width: 480px) {
  .cf7-btn { font-size: 14px; padding: 8px 12px; display: block; width: 100%; margin-right: 0 0 8px 0; box-sizing: border-box; }
  .cf7-rb-mensaje { width: 90%; box-sizing: border-box; }
}


.rc-change-password-form { margin-left: 20px; margin-right: 20px; margin-top: 20px; margin-bottom: 20px; }


/* Variantes para mensajes Formulario Cambio de contraseña */
/* Separación entre mensaje y contenido siguiente */
.cf7-rb-mensaje {
  display: block;
  margin-top: 10px;
  margin-right: 8px:
  margin-bottom: 1rem; /* <- espacio debajo del mensaje */
  font-weight: 700;
  padding: 8px 12px;
  border-radius: 6px;
  border: 1px solid rgba(0,0,0,0.06);
}

/* Si quieres más espacio en pantallas grandes */
@media (min-width: 768px) {
  .cf7-rb-mensaje { margin-bottom: 1.5rem; }
}

/* Cambio de apariencia segun tipo mensaje */
.cf7-rb-mensaje.rc-pw-success { background: #e6ffef; color: #0a6b2f; border-color: rgba(10,107,47,0.12); }
.cf7-rb-mensaje.rc-pw-error { background: #fff0f0; color: #8b1e1e; border-color: rgba(139,30,30,0.12); }